Resumen

En esta clase veremos algunos de los comandos principales de Cypress, según su funcionalidad, con los que podemos comenzar a definir nuestras pruebas:

Comandos para controlar el browser

  • cy.visit(): para cargar una URL
  • cy.reload(): para recargar la URL actual
  • cy.go('back'): para ir hacia atrás o adelante en la navegación

Comandos para selección de elementos

  • cy.get('.selector'): para seleccionar según un selector html / css
  • cy.contains('text): para seleccionar de acuerdo al contenido
  • cy.contains('.selector', 'texto'): para seleccionar según el selector y el contenido

Comandos para interactuar con los elementos

  • cy.get('.selector').click(): para hacer click sobre un elemento
  • cy.get('.selector').dblclick(): para hacer dblclick sobre un elemento
  • cy.get('input').type(): para escribir un texto
  • cy.get('input').clear(): para limpiar un texto
  • cy.get('checkbox').check(): para marcar check
  • cy.get('checkbox').uncheck(): para quitar el check
  • cy.get('select').select('item'): para seleccionar un item en una lista desplegable

Cypress permite la encadenación de muchos de estos y otros comandos.