Visitando páginas web

Al escribir pruebas automatizadas para aplicaciones web, el primer paso es visitar la URL de la aplicación bajo prueba.

Para eso, Cypress ofrece el comando cy.visit().

Para visitar una página web con Cypress, simplemente pasa la URL deseada como una cadena de texto al comando cy.visit().

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

Un buen lugar para poner el comando cy.visit() es dentro de la función de callback del hook beforeEach().

Por ejemplo:

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

De esta forma no necesitas repetir el comando cy.visit() dentro de cada caso de prueba, ya que se va a ejecutar antes de cada bloque it.

Resumen de comandos 📖

cy.visit()

Navega a una URL y espera a que la página cargue por completo antes de continuar.

Sintaxis:

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

Ejemplo:

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

👨‍🏫 Si defines una baseUrl en cypress.config.js, puedes pasar una ruta relativa a cy.visit() (por ejemplo, cy.visit('/')) en lugar de repetir la URL completa en cada prueba. Eso hace tus pruebas más cortas y más fáciles de apuntar a otro entorno.

Contenido sugerido 📚

• cy.visit() - documentación oficial
• How to visit a page that is on my computer with Cypress

Ejercicio 🎯

Actualiza tu suite de pruebas para visitar la URL de Cypress Playground antes de cada caso de prueba.

🙊 Pon la llamada a cy.visit() dentro de un hook beforeEach() para que se ejecute automáticamente antes de cada bloque it.

Desde la Cypress App, ejecuta las pruebas para garantizar que tu implementación funciona.

Si la Cypress App no está abierta, ejecuta npm run cy:open para abrirla.

Muéstrale al mundo lo que aprendiste 🌎

Para mostrarle a tu red profesional lo que aprendiste en esta lección, publica lo siguiente en LinkedIn.

Estoy haciendo el curso "Laboratorio de Testing con Cypress" con @Walmyr Lima e Silva Filho en la @Talking About Testing School, donde aprendí a visitar páginas web con Cypress, además de a evitar código repetitivo usando el hook beforeEach. #TalkingAboutTesting #TATSchool #CypressTestingLab #CypressPlayground #Cypress

👨‍🏫 No olvides mencionarme en tu publicación. Aquí está mi perfil de LinkedIn.