CODEWITHSUNDEEP
javascripthtmlcheckboxcss-selectorscypress
leen M
leen M

Reputation: 615

How to check a checkbox element according to the value in cypress while the value does not exist

How do I check a checkbox element according to the value in cypress, while the value attribute does not exist. I want to check the checkbox according to the value, not the id, because the id is different for each page.

enter image description here

Because in some pages, the id starts with c1, and some page ids start with c2, and some start with c5. How would I check the element according to value? I got the selector for all 3 checkboxes, but it checked all the 3 elements. I want specific element according to value attribute, but there there is no value attribute. i tried this

             cy.get('.x-overlay__wrapper--right input[type="checkbox"]').check()

but it checked all the element and this checked the first element

             cy.get('.x-overlay__wrapper--right input[type="checkbox"]').first().check()

but I want the checked according to value, but here in attributes there is no value attribute.

the value that i want is just written next to checkbox

enter image description here

and here in html enter image description here

Upvotes: 1

Views: 8260

Answers (2)

user9161752
user9161752

Reputation:

Looking at the html, perhaps search for the text then use parent and sibling commands to shift the subject to the checkbox, something like

cy.contains('span', 'Free Shipping')  // find your text
  .parent('div')                      // move to parent div
  .siblings('span.checkbox')          // move to checkbox span
  .find('input')                      // select it's input
  .check();

Upvotes: 4

shreyasm-dev
shreyasm-dev

Reputation: 2834

Example with comments explaining the code:

cy.get('.x-overlay__wrapper--right input[type="checkbox"]').each((checkbox, i) => { // Get the elements and run .each() on them
  if (cy.get('.cbx.x-refine__multi-select-cbx')[i].innerHTML === "value") { // If the value is something, perform an action. Replace "value" with the value that you need to test it for
    checkbox.check()
  }
})

Upvotes: 1

Related Questions