Automation Test Playground

Este projeto tem o objetivo de criar uma série de objetivos web para que possa ser feita automação de testes.

Desenvolvedores

Foi desenvolvido pelo Bruno Machado da página Bug Busters Mentoria.

Tecnologias Utilizadas

Este projeto foi construído utilizando as seguintes tecnologias:

• Next.js - Um framework React para desenvolvimento de aplicações web.
• React - Uma biblioteca JavaScript para construir interfaces de usuário.
• TypeScript - Um superset de JavaScript que adiciona tipagem estática ao idioma.
• Tailwind CSS - Um framework CSS para estilização rápida e eficiente.
• ESLint - Uma ferramenta para identificar e corrigir problemas em código JavaScript.
• Prettier - Um formatador de código opinativo.
• Jest - Um framework de teste em JavaScript.
• Testing Library - Um conjunto de utilitários para testar componentes React.
• Vercel - Uma plataforma de deploy para aplicações frontend.
• Harry Potter API - Uma API para obter informações sobre personagens, feitiços e casas do universo de Harry Potter.
• Cloudinary - Um serviço de gerenciamento e hospedagem de imagens utilizado para armazenar e servir as imagens do site.

Como Executar o Projeto

Pré-requisitos

• Node.js (versão 14 ou superior)
• npm ou yarn ou pnpm ou bun

Passos para Executar

1. Clone o repositório:

git clone https://github.com/brunomachadors/playground.git
cd playground

2. Instale as dependências:

npm install
# ou
yarn install
# ou
pnpm install
# ou
bun install

3. Execute o servidor de desenvolvimento:

npm run dev
# ou
yarn dev
# ou
pnpm dev
# ou
bun dev

4. Abra http://localhost:3000 no seu navegador para ver o resultado.

Você pode começar a editar a página modificando app/page.tsx. A página será automaticamente atualizada conforme você edita o arquivo.

Comandos Adicionais

• Executar ESLint:

npm run lint

• Executar Prettier:

npm run format

• Executar testes:

npm run test

Contas de Teste

Para facilitar a automação dos testes, você pode usar as seguintes contas de teste:

Conta Regular

• Login: teste
• Senha: password123

Conta Bloqueada

• Login: testeblock
• Senha: password123

API de Harry Potter

Este projeto utiliza a Harry Potter API para obter dados sobre personagens, feitiços e casas do universo de Harry Potter. Para mais informações sobre como utilizar esta API, consulte a documentação oficial da API.

Hospedagem de Imagens

As imagens utilizadas neste projeto estão hospedadas no Cloudinary. Para saber mais sobre como utilizar o Cloudinary para gerenciamento e hospedagem de imagens, consulte a documentação oficial do Cloudinary.

Saiba Mais

Para aprender mais sobre as tecnologias utilizadas neste projeto, consulte os seguintes recursos:

• Documentação do Next.js
• Documentação do React
• Documentação do TypeScript
• Documentação do Tailwind CSS
• Documentação do ESLint
• Documentação do Prettier
• Documentação do Jest
• Documentação do Testing Library

Deploy na Vercel

A maneira mais fácil de fazer o deploy da sua aplicação Next.js é utilizando a Plataforma Vercel criada pelos desenvolvedores do Next.js.

Consulte nossa documentação de deployment do Next.js para mais detalhes.

Considerações finais

Este projeto eu desenvolvi com o objetivo de ajudar pessoas que estão começando na área de testes, caso tenha alguma sugestão fique livre pra entrar em contato comigo.