如何 select 使用柏树的 div 的复选框？

Question

我有 html 如下内容，

<div role="row" data-testid="table-row-0">
    <div role="cell">
        <input  data-testid="table-row-checkbox" type="checkbox" checked> //uncheck this                checkbox
        <label></label>
    </div>
    <div role="cell">name1</div> //find by this name1
    <div role="cell">type1</div>
</div>
<div role="row" data-testid="table-row-1">
    <div role="cell">
        <input  data-testid="table-row-checkbox" type="checkbox" checked>
        <label></label>
    </div>
    <div role="cell">name2</div>
    <div role="cell">type2</div>
</div>

从上面可以看出，我想取消选中名称为 1 的 div 的复选框。 我如何使用柏树来做到这一点。

Answer 1

使用uncheck方法：

cy.contains('name1').parent().find('input').uncheck()

Answer 2

获得正确输入的替代方法。

cy.contains('[data-testid^=table-row-]','name1')
  .find('[data-testid=table-row-checkbox]')
  .uncheck()

这是工作示例。