No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Trabajando con checkboxes y radio botones

16/23
Recursos

Aportes 2

Preguntas 2

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Checkbox y Radio Button

馃摎 Documentaci贸n
.
Como bien se mencion贸 en la sesi贸n, tenemos la siguiente estructura:

<div class="checkbox">
   <label>
      <input type="checkbox" value="checkbox1">
         A Simple Checkbox
   </label>
</div>

Generalmente la anatom铆a nos permite relacionar un elemento label junto con su correspondiente input. Por ello, es posible que seleccionemos un elemento de tipo checkbox [type="checkbox"], mediante su jerarqu铆a o selectores de clase.

// Check all matching or radio button elements.
cy.get('.action-checkboxes [type="checkbox"]')
  .check().should('be.checked')

La regla de sintaxis nos comenta que:

.check()
.check(value)
.check(values)
.check(options)
.check(value, options)
.check(values, options)

Por lo que al solicitar check(value) estamos marcando aquellos elementos con un cierto valor, por ejemplo:

<form>
  <input type="checkbox" id="subscribe" value="subscribe" />
  <label for="subscribe">Subscribe to newsletter?</label>
  <input type="checkbox" id="acceptTerms" value="accept" />
  <label for="acceptTerms">Accept terms and conditions.</label>
  <input type="checkbox" id="rejectTerms" value="reject" />
  <label for="rejectTerms">Reject terms and conditions.</label>
</form>

Donde para marcar el check con valor accept y subscribe, declaramos:

cy.get('form input').check(['subscribe', 'accept'])

Hola! La manera m谩s sencilla que encontr茅 para hacerlo es obtener el 鈥榣abel鈥 en el get() y luego obtener el nombre que tiene de valor con un contains()
As铆:

// Encuentra el radio button y le hace click
cy.get('label').contains('Male').click()

// Encuentra el Checkbox y lo selecciona 
cy.get('label').contains('Sports').click()

Es una manera r谩pida y sencilla, aparte de correcta para buscar y seleccionar, funciona para Checkboxes y radio buttons