Cypress：单击带有特定文本的 TD 旁边的 TD 中的复选框

大佬教程收集整理的这篇文章主要介绍了Cypress：单击带有特定文本的 TD 旁边的 TD 中的复选框，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决Cypress：单击带有特定文本的 TD 旁边的 TD 中的复选框？

这可能吗？

我的桌子是这样的：

[ ]           Address string 1
[ ]           Address string 2
...

标记：

<td>
  <div>
    <input class="hb-checkBox type="checkBox" ID="byggSkjemaListe-element0-0-adresse-skjema-element-0">
    <div class="hb-label" data-e2e-selector="byggSkjemaListe-element0-0-adresse-skjema-element-0hb-checkBox-label">
      <label for="byggSkjemaListe-element0-0-adresse-skjema-element-0" ID="byggSkjemaListe-element0-0-adresse-skjema-element-0-label"></label>
    </div>
  </div>
</td>
<td>
  Address string"
</td>

希望能够在表格中找到“地址字符串 1”，然后点击该表格左侧的复选框

由于我无法控制创建的复杂动态选择器，因此当表格变大以及页面上有多个表格时，尝试使用这些选择器非常复杂。另外，我想要一种更优雅的方式来选择特定行中的复选框。

解决方法

cy.contains('td','Address string 1')  // the cell containg the text you're looking for
  .prev('td')                          // previous sibling cell (td)
  .find('input')                       // pick the input within that cell
  .check();

cy.contains('tr','Address string 1')   // the row containing the address
                                        // looks in all children of tr,// so finds the label 4 levels down
  .find('input')                        // pick the input within that row
  .check();

大佬总结

以上是大佬教程为你收集整理的Cypress：单击带有特定文本的 TD 旁边的 TD 中的复选框全部内容，希望文章能够帮你解决Cypress：单击带有特定文本的 TD 旁边的 TD 中的复选框所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。