Introducción al curso
¿Qué es Cypress?
Conociendo Cypress
Cypress vs. Selenium
Preparando nuestro ambiente y entendiendo la estructura de Cypress
Crea tu primer prueba
Nuestra primer prueba
Navegación
Elementos y localizadores
Tipos de localizadores
Encontrando elementos
Guardando elementos
Creando una Prueba
Aserciones
Hooks
Debuggear con Cypress
Esperar por elementos
Tipos de espera
Ejecución de Cypress
Modos de ejecución en Cypress
Interactuando con elementos
Click
Trabajando con inputs
Trabajando con checkboxes y radio botones
Extrayendo informacion y haciendo validaciones
Trabajando con listas y dropdowns
Trabajando con tablas
Trabajando con date pickers
Trabajando con popups y tooltips
Trabajando con elementos de drag and drop
Próximos pasos
¿Quieres más cursos de Cypress?
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Aportes 3
Preguntas 1
Complementando la sesión, anexo unos comandos que son comunes con el uso colecciones donde visualmente pudieran ser menús, tablas, o navegaciones.
.
.
Por ejemplo, tomando este snipped:
cy.get('#customers')
.find('th')
.eq(2)
.invoke('text')
.should('equal','Country')
Pudiéramos utilizar, contains
y next
para realizar una búsqueda similar:
cy.get('#customers')
.contains('Contact')
.next()
.should('equal','Country')
Y además, tomando el find
como una lista podríamos tener:
cy.get('#customers')
.find('th')
.should('have.length', 3)
📚 Documentación
.
El comando get
inicia una búsqueda sobre los nodos principales para que con find
empiece una búsqueda sobre la actual referencia.
.
Por ejemplo, dado el siguiente esquema:
<div class="test-title">cy.get vs .find</div>
<section id="comparison">
<div class="feature">Both are querying commands</div>
</section>
Obtener el elemento div
con clase feature
cy.get('#comparison')
.find('div')
.should('have.length', 1)
.and('have.class', 'feature')
Delimitamos la búsqueda a partir del nodo
#comparasion
.
Si del anterior, en vez de ocupar find
se ocupa get
, tendríamos un resultado donde poseeríamos tanto el div.test-title
como div.feature
.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.