Com o Cypress, é possível redimensionar o navegador para simular o uso da aplicação em um dispositivo móvel.
A forma que considero mais simples de atingir tal resultado, é passar tais dimensões direto via linha de comando, ao executar o cypress.
Algo como o seguinte: cypress open --config viewportWidth=370 viewportHeight=660.
Em Fevereiro de 2021, criei um conteúdo chamado Como rodar testes simulando dispositivos móveis com Cypress.
Recomendo a leitura!
- Crie um script no arquivo
package.jsonque abre o Cypress Runner simulando um dispositivo com 410 pixels de largura e 860 pixels de altura - Execute os testes e veja-os passando, simulando a execução em um viewport mobile
- Crie um script no arquivo
package.jsonque rode os testes em modo headless, simulando um dispositivo com 410 pixels de largura e 860 pixels de altura - Execute os testes e veja-os passando, simulando a execução em um viewport mobile, agora em modo headless
👨🏫 Poste no LinkedIn o vídeo gerado na pasta
cypress/videos/e mostre para sua rede o que você aprendeu até aqui.
Siga para a aula aula 9 para aprender como criar uma documentação mínima para seu projeto de testes automatizados com Cypress.