[Dúvida] Páginas responsivas

Olá Rafael! Como vai?

É ótimo que você esteja pensando em boas práticas ao usar o Cypress para testar páginas responsivas.

O uso do cy.viewport() é uma prática comum e útil para garantir que suas aplicações sejam testadas em diferentes tamanhos de tela. No entanto, quando você menciona substituir cy.viewport() por comandos no package.json, parece que você está se referindo a configurar diferentes tamanhos de tela diretamente nos scripts de execução de teste.

Usar scripts no package.json para definir tamanhos de tela pode ser uma boa prática, especialmente se você deseja padronizar esses tamanhos para diferentes execuções de teste, como em um ambiente de integração contínua (CI). Isso pode ajudar a manter suas configurações de teste organizadas e facilmente acessíveis, além de permitir uma execução mais automatizada sem a necessidade de modificar o código dos testes diretamente.

Por exemplo, você pode configurar scripts no package.json para diferentes tamanhos de tela, como fez com o test:tablet. Isso permite que você execute testes em diferentes viewports de forma consistente e repetível, sem precisar alterar seus testes diretamente.

No entanto, se você precisa de flexibilidade para alterar os tamanhos de tela em diferentes partes de seus testes, ou se está testando múltiplas resoluções dentro de um mesmo conjunto de testes, o cy.viewport() ainda é uma ferramenta valiosa. Ele permite que você ajuste dinamicamente o tamanho da tela durante a execução dos testes, o que pode ser necessário para simular diferentes cenários de uso.

Portanto, a escolha entre usar cy.viewport() ou configurar tamanhos de tela no package.json depende do que melhor atende às suas necessidades de teste. Para um ambiente de CI, scripts no package.json podem ser mais vantajosos, enquanto para testes mais dinâmicos ou exploratórios, cy.viewport() pode ser mais útil.

Espero ter ajudado e bons estudos!