如何从赛普拉斯的列表项中选择特定项

Question

<ul class="ItemList">
  <li class="Item" data-id="2"><label><input type="checkbox" value="on"><span>bb</span><button type="button">X</button></label></li>
  <li class="Item" data-id="3"><label><input type="checkbox" value="on"><span>aaa</span><button type="button">X</button></label></li>
</ul>

从上面的列表中，我需要选择第二项并选中复选框。

Answer 1

您可以这样做：

cy.contains('aaa')
  .parent()
  .find('input')
  .check()

这将搜索第二个复选框的文本，然后获取父级并在该父级中搜索“输入”。并检查一下。

如果您想单击每个元素的“ X”，就一样简单：

cy.contains('aaa')
  .parent()
  .find('button')
  .click()