Um projeto para aprender sobre o Cypress no Youtube
Chegou agora e quer ir direto para o código da primeira aula? Clique aqui, e depois faça clone do repositório. Bons estudos.
O Cypress: do zero ao reporte é uma série de vídeos para quem deseja aprender sobre Cypress na prática. Seguindo uma sequência lógica de conteúdos, o projeto vai desde o mais básico que é a criação do projeto, mostrando problemas comuns e propostas de solução, melhorias de arquitetura com padrões de projeto e finalizando com a geração de relatórios para exibir o resultado dos testes. Toda a teoria e eventuais explicações são dadas a medida em que os problemas são resolvidos, sempre em pequenas porções. Todo o conteúdo é muito prático.
Se você quer aprender sobre Cypress, colocar mais um projeto no Portfólio e elevar seus conhecimentos de forma gratuita, #bora.
O conteúdo dos vídeos é organizado por branches, conforme a lista abaixo:
⚡️ Acesse os vídeos aqui: youtube-cypress
- Vídeo 1 - Cypress - passo a passo para criar o primeiro projeto e testes
- Vídeo 2 - Cypress - adicionando mais testes, background login e data-cy
- Vídeo 3 - Cypress - utilizando o Page Objects
- Vídeo 4 - Cypress - adicionando relatório de testes com o Allure Reports Plugin
- como criar um projeto node
- como adicionar o Cypress ao projeto
- como criar a estrutura de pastas padrão do Cypress
- como executar os testes utilizando o Cypress Runner
- como acessar uma página
- como mapear elementos utilizando Cypress
- como utilizar comandos comuns de digitar, clicar, etc.
- como realizar asserções nos nossos testes
- como criar comandos customizados para auxiliar no desenvolvimento
- como fazer requisições para a api
- como executar testes de forma independente
- como configurar a aplicação testada para executar localmente
- como criar um script para subir o Cypress de forma mais organizada
- como manipular recursos do browser, como o localStorage
- reforçar o padrão de testes independentes
- como criar seletores dedicados para testes
- qual problema o page objects se propõe a resolver
- como criar uma estrutura simples para usar este padrão
- como separar testes, ações e elementos da página
- Branch do vídeo 1:
https://github.com/samlucax/youtube-cypress/tree/video1
1.Acessar o diretório backend, instalar as dependências e iniciar a api:
cd backend- depois
npm install - depois
npm start
2.Acessar o diretório frontend, instalar as dependências e iniciar o site:
cd frontend- depois
npm install - depois
npm start
3.Acessar o diretório root do projeto (que tem a pasta Cypress), instalar as dependências e abrir o Cypress Runner:
npm install./node_modules/.bin/cypress open
Esse treinamento foi feito com muito empenho, carinho e principalmente, pensando em ajudar quem deseja iniciar em automação de testes. Se este conteúdo ajudou você ou você acredita que pode ajudar alguém #compartilhe esse projeto 🖤
Ah, e deixe uma ⭐️ no repositório para nos apoiar ⚡️#boraagilizar
Ps.: Se quiser, apague o projeto do Cypress e tente fazer do zero acompanhando o vídeo. Bons estudos!
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent