Visitando páginas web

Ao escrever testes automatizados para aplicações web, o primeiro passo é visitar a URL da aplicação sob teste.

Para isso, o Cypress oferece o comando cy.visit().

Para visitar uma página web com Cypress, simplesmente passe a URL desejada como uma string para o comando cy.visit().

Por exemplo: cy.visit('https://google.com').

Um bom lugar para colocar o comando cy.visit() é dentro da função de callback do hook beforeEach().

Por exemplo:

beforeEach(() => {
  cy.visit('https://example.com')
})

Dessa forma, você não precisa repetir o comando cy.visit() dentro de cada caso de teste, já que ele será executado antes de cada bloco it.

Visão geral dos comandos 📖

cy.visit()

Navega até uma URL e aguarda a página carregar completamente antes de continuar.

Sintaxe:

cy.visit(url)
cy.visit(url, options)

Exemplo:

cy.visit('https://example.com')

👨‍🏫 Se você definir uma baseUrl no cypress.config.js, pode passar um caminho relativo para o cy.visit() (por exemplo, cy.visit('/')) em vez de repetir a URL completa em cada teste. Isso torna os seus testes mais curtos e mais fáceis de apontar para um ambiente diferente.

Conteúdo sugerido 📚

• cy.visit() - official documentation
• How to visit a page that is on my computer with Cypress

Exercício 🎯

Tente atualizar a sua suíte de teste para visitar a URL do Cypress Playground antes de cada caso de teste.

🙊 Coloque a chamada cy.visit() dentro de um hook beforeEach() para que ela rode antes de cada bloco it automaticamente.

Na Cypress App, execute os testes para garantir que a sua implementação funciona.

Se a Cypress App não estiver aberta, execute npm run cy:open para abri-la.

Mostre ao mundo o que você aprendeu 🌎

Para mostrar à sua rede profissional o que você aprendeu nesta aula, publique o seguinte no LinkedIn.

Estou fazendo o curso "Laboratório de Testes com Cypress" com @Walmyr Lima e Silva Filho na @Talking About Testing school, onde aprendi a visitar páginas web com Cypress, bem como a evitar código repetitivo usando o hook beforeEach. #TalkingAboutTesting #TATSchool #CypressTestingLab #CypressPlayground #Cypress

👨‍🏫 Lembre-se de me marcar na sua publicação. Aqui está o meu perfil no LinkedIn.