freeCodeCamp/docs/i18n/portuguese/how-to-add-cypress-tests.md

2.4 KiB

Como adicionar testes Cypress

Quando estiver realizando alterações em JavaScript, CSS ou HTML que podem mudar a funcionalidade ou aparência de uma página, é importante incluir os testes de integração Cypress correspondentes.

Para aprender como escrever testes Cypress ou 'specs', por favor confira a documentação oficial do Cypress.

Onde adicionar um teste

  • Testes Cypress estão no diretório ./cypress.

  • Testes do Cypress para um módulo do currículo estão no diretório do currículo correspondente, ou seja, cypress/integration/learn/responsive-web-design/basic-css/index.js.

Como executar testes

[!NOTE] Se estiver usando GitPod, por favor veja essa configuração sobre Cypress-GitPod

1. Veja se as aplicações de cliente e MongoDB estão executando

2. Execute os testes do Cypress

Para executar testes usando compilações de produção, substitua dev por prd abaixo.

  • Para executar todos os testes no diretório ./cypress:

    npm run cypress:dev:run
    
  • Para executar um único teste:

    npm run cypress:dev:run -- --spec=cypress/pathToYourSpec/youSpecFileName.js
    
  • Para criar uma versão de compilação, inicie o servidor de desenvolvimento e execute todos os testes cypress contínuos e funcionais existentes:

    npm run e2e:dev:run
    

Configuração do Cypress-GitPod

1. Certifique-se que o ambiente de desenvolvimento está em execução

Se o ambiente GitPod não foi criado automaticamente:

  • Inicie a base de dados
mongod
  • Crie a base de dados
npm run seed
  • Desenvolva o servidor e o client
npm run develop

2. Instale as ferramentas de compilação do Cypress

npm run cypress:install-build-tools
  • Quando solicitado no terminal, selecione o layout do seu teclado por idioma/área

Agora, o Cypress pode ser executado