COMANDOS PERSONALIZADOS en CYPRESS IO | Tutorial de Cypress

JoanMedia
11 May 202119:11

Summary

TLDREn este video, se enseña cómo crear comandos personalizados en Cypress, facilitando la automatización de pruebas. Se exploran ejemplos prácticos, como la implementación de un comando para iniciar sesión y otro para cerrar sesión en un sitio web. A través de una explicación detallada, se muestra la estructura necesaria en el archivo de comandos, la utilización de selectores para interactuar con los elementos del DOM y cómo integrar estos comandos en los tests. El tutorial destaca la eficiencia y la flexibilidad que ofrecen los comandos personalizados para optimizar los scripts de prueba.

Takeaways

  • 😀 Cypress permite crear comandos personalizados para facilitar la automatización de pruebas.
  • 🔑 Los comandos se pueden definir en el archivo 'commands.js' dentro de la carpeta 'support'.
  • 💻 Un comando personalizado puede aceptar parámetros, como nombre de usuario y contraseña, para mayor flexibilidad.
  • 🚀 Se puede utilizar 'cy.visit()' para acceder a un sitio web antes de realizar pruebas específicas.
  • 🔍 'cy.get()' se usa para localizar elementos en el DOM, facilitando la interacción con los mismos.
  • 🖱️ Se puede utilizar 'cy.click()' para simular clics en botones o enlaces dentro de la aplicación.
  • 🔄 El uso de 'beforeEach' permite que se ejecute un código específico antes de cada prueba, como iniciar sesión.
  • 📥 Los comandos pueden ser llamados en cualquier test, lo que ahorra tiempo y esfuerzo al evitar duplicación de código.
  • ❌ Es posible probar escenarios fallidos, como entradas incorrectas de usuario, y validar mensajes de error.
  • 📊 Los comandos personalizados contribuyen a una mejor organización y legibilidad del código de pruebas en Cypress.

Q & A

  • ¿Qué es Cypress y para qué se utiliza?

    -Cypress es un marco de pruebas para aplicaciones web que permite realizar pruebas automatizadas de una manera sencilla y eficaz.

  • ¿Cuál es la importancia de crear comandos personalizados en Cypress?

    -Los comandos personalizados permiten simplificar el código de las pruebas, facilitando la reutilización y reduciendo la duplicación de lógica en los scripts.

  • ¿Dónde se deben definir los comandos personalizados en Cypress?

    -Los comandos personalizados se deben definir en el archivo 'commands.js', que se encuentra dentro de la carpeta 'support'.

  • ¿Cómo se crea un comando personalizado en Cypress?

    -Para crear un comando personalizado, se utiliza la sintaxis 'Cypress.Commands.add' seguido del nombre del comando y la función que ejecutará.

  • ¿Qué parámetros se pueden pasar a los comandos personalizados?

    -Se pueden pasar cualquier cantidad de parámetros a los comandos personalizados para hacerlos más flexibles y adaptables a diferentes situaciones de prueba.

  • ¿Cómo se puede implementar el comando 'login' en Cypress?

    -El comando 'login' se implementa buscando los campos de entrada del nombre de usuario y la contraseña, y utilizando el método 'type' para ingresar los datos antes de hacer clic en el botón de inicio de sesión.

  • ¿Qué se debe hacer después de iniciar sesión en una aplicación durante las pruebas?

    -Después de iniciar sesión, se pueden realizar diversas comprobaciones, como validar que ciertos elementos de la página estén visibles o que la URL sea la correcta.

  • ¿Cómo se realiza una prueba de cierre de sesión en Cypress?

    -Para realizar una prueba de cierre de sesión, se puede crear un comando personalizado que busque el botón de menú y luego el botón de cierre de sesión, haciendo clic en ambos para salir de la sesión.

  • ¿Qué es el método 'contains' en Cypress?

    -El método 'contains' se utiliza para verificar si un elemento tiene un texto específico, lo que es útil para validar mensajes de éxito o error en las pruebas.

  • ¿Cómo se puede validar un error de inicio de sesión en Cypress?

    -Para validar un error de inicio de sesión, se ingresa un nombre de usuario y una contraseña incorrectos, luego se verifica que el mensaje de error esperado aparezca en la página utilizando el método 'contains'.

Outlines

plate

Dieser Bereich ist nur für Premium-Benutzer verfügbar. Bitte führen Sie ein Upgrade durch, um auf diesen Abschnitt zuzugreifen.

Upgrade durchführen

Mindmap

plate

Dieser Bereich ist nur für Premium-Benutzer verfügbar. Bitte führen Sie ein Upgrade durch, um auf diesen Abschnitt zuzugreifen.

Upgrade durchführen

Keywords

plate

Dieser Bereich ist nur für Premium-Benutzer verfügbar. Bitte führen Sie ein Upgrade durch, um auf diesen Abschnitt zuzugreifen.

Upgrade durchführen

Highlights

plate

Dieser Bereich ist nur für Premium-Benutzer verfügbar. Bitte führen Sie ein Upgrade durch, um auf diesen Abschnitt zuzugreifen.

Upgrade durchführen

Transcripts

plate

Dieser Bereich ist nur für Premium-Benutzer verfügbar. Bitte führen Sie ein Upgrade durch, um auf diesen Abschnitt zuzugreifen.

Upgrade durchführen
Rate This

5.0 / 5 (0 votes)

Ähnliche Tags
CypressPruebas AutomatizadasComandos PersonalizadosDesarrollo WebEficienciaTesteoProgramaciónTutorialAutomatizaciónFrontend
Benötigen Sie eine Zusammenfassung auf Englisch?