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

Cette section est réservée aux utilisateurs payants. Améliorez votre compte pour accéder à cette section.

Améliorer maintenant

Mindmap

plate

Cette section est réservée aux utilisateurs payants. Améliorez votre compte pour accéder à cette section.

Améliorer maintenant

Keywords

plate

Cette section est réservée aux utilisateurs payants. Améliorez votre compte pour accéder à cette section.

Améliorer maintenant

Highlights

plate

Cette section est réservée aux utilisateurs payants. Améliorez votre compte pour accéder à cette section.

Améliorer maintenant

Transcripts

plate

Cette section est réservée aux utilisateurs payants. Améliorez votre compte pour accéder à cette section.

Améliorer maintenant
Rate This

5.0 / 5 (0 votes)

Étiquettes Connexes
CypressPruebas AutomatizadasComandos PersonalizadosDesarrollo WebEficienciaTesteoProgramaciónTutorialAutomatizaciónFrontend
Besoin d'un résumé en anglais ?