如何在值不存在时根据cypress中的值检查复选框元素

Question

如何根据cypress中的value勾选一个checkbox元素，而value属性不存在。 我想根据值来勾选复选框，而不是id，因为每个页面的id都不一样。

因为在某些页面中，id以c1开头，有些页面id以c2开头，有些以c5开头。 我将如何根据值检查元素？ 我得到了所有 3 个复选框的选择器，但它检查了所有 3 个元素。我想要根据 value 属性的特定元素，但是没有 value 属性。 我试过这个

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

但它检查了所有元素 这检查了第一个元素

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

但是我想根据value进行检查，但是这里的attributes中没有value属性。

我想要的值就写在复选框旁边

这里是 html

Answer 1

查看 html，也许搜索文本，然后使用父级和兄弟级命令将主题转移到复选框，类似于

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();                         

Answer 2

用cmets解释代码的例子：

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()
  }
})