Skip to content

Aprendizados do nível avançado

Jump to bottom
Jalussa dos Santos edited this page Jul 25, 2021 · 15 revisions

Aprendizados relacionados ao projeto de nível avançado

Instalação e Setup inicial

Tecnologias para execução:

- Todas as tecnologias do nível básico
- Comandos Cypress localStorage
Comandos Cypress localStorage é utilizado para acessar o localStorage do browser durante alguns dos testes. Permite que você use todos os métodos localStorage do navegador por meio de comandos Cypress e os preserve entre os testes. Também permite simular que localStorage está desabilitado no navegador.
  • Execute no terminal o comando para instalar a ferramenta
npm i --save-dev cypress-localstorage-commands
  • Adicione esta linha ao seu projeto cypress/support/commands.js:
import "cypress-localstorage-commands"
- Standardjs
Standardjs será utilizado para seguir um estilo de codificação padrão (tal como o uso de aspas simples em vez de aspas duplas, indentação com 2 espaços, final de linha sem ponto-e-vírgula, etc.)
  • Execute no terminal o comando para instalar a ferramenta
npm install standard --save-dev
  • Execute o programa local com o comando
npx standard
- Faker
Faker é uma biblioteca que possibilita a geração de uma grande quantidade de dados falsos nos testes de front-end e nos testes de back-end.
  • Execute no terminal o comando para instalar a biblioteca faker
npm i faker -D

Comandos Cypress

Interceptando solicitações e respostas de rede

Usando fixture ao interceptar solicitações e respostas

Usando delay ao interceptar solicitações e respostas

Repetindo um teste/função n vezes

  • Cypress._: O Cypress inclui automaticamente o lodash e o expõe como Cypress._
  • _.times: recebe como argumentos o número de iterações e uma função para executar n vezes e retorna uma matriz dos resultados. Muito útil ao criar dados de teste dinâmicos.
  • Veja mais em Lodash e em 10 funções Lodash que todos devem saber

Selecionando elementos de forma mais específica

Lendo o localStorage do navegador

Comandos Mocha

Testes inclusivos

Análise de código

Para fazer a análise estática do código para garantir que o estilo de codificação definido está sendo seguido, é necessário:

  • Ter seguida a instalação do standardjs no projeto
  • Você também pode, configurar em seu arquivo package.json no bloco scripts, a linha de comando:
"lint": "npx standard",
  • E executá-la em seu terminal com o comando npm run lint

Para corrigir automaticamente o código, com base na análise estática, é necessário:

  • Executar em seu terminal o comando:
npx standard --fix
  • A correção será aplicada em todos os arquivos .js do projeto
  • Você também pode, configurar em seu arquivo package.json no bloco scripts, a linha de comando:
"lint:fix": "npx standard --fix",
  • E executá-la em seu terminal com o comando npm run lint:fix
Clone this wiki locally