如何在量角器中选择具有相同腹板元素的复选框

Question

我试图用量角器Jasmine编写一个E2E测试的自动化脚本。但是，在选择复选框时，所有web元素对于所有三个复选框都是相同的。我想选择第二个复选框。

有人能指导我解决这个问题吗？下面是Angular JS代码片段，供您参考。

甚至xpath和CSSSelector值也没有帮助，因为它们也是一样的。

CSSSelector:#checks-xpath://*[@id=“checks”]

我看到的唯一区别的标签是[类=“ng绑定”]。

代码段：

<tr x-ng-repeat="productOffering in allProductList" class="prod-input-select ng-scope">
<td>
<input ng-show="productOffering.added == 'N'" name="checks" id="checks" type="checkbox" ng-click="addTempProductToBeAdded($event,productOffering)" ng-model="productOffering.isSelected" class="ng-pristine ng-valid">
</td>
<td class="ng-binding">
Product1
</td>
</tr>
<tr x-ng-repeat="productOffering in allProductList" class="prod-input-select ng-scope">
<td>
<input ng-show="productOffering.added == 'N'" name="checks" id="checks" type="checkbox" ng-click="addTempProductToBeAdded($event,productOffering)" ng-model="productOffering.isSelected" class="ng-pristine ng-valid">
</td>
<td class="ng-binding">
Product2
</td>
</tr>
<tr x-ng-repeat="productOffering in allProductList" class="prod-input-select ng-scope">
<td>
<input ng-show="productOffering.added == 'N'" name="checks" id="checks" type="checkbox" ng-click="addTempProductToBeAdded($event,productOffering)" ng-model="productOffering.isSelected" class="ng-pristine ng-valid">
</td>
<td class="ng-binding">
Product3
</td>
</tr>

干杯，阿希什

Answer 1

我认为你应该换身份证来区分你的支票

<tr x-ng-repeat="productOffering in allProductList" class="prod-input-select ng-scope">
    <td>
    <input ng-show="productOffering.added == 'N'" name="checks" id="checks-0-{{$index}}" type="checkbox" ng-click="addTempProductToBeAdded($event,productOffering)" ng-model="productOffering.isSelected" class="ng-pristine ng-valid">
    </td>
    <td class="ng-binding">
    Product1
    </td>
</tr>
<tr x-ng-repeat="productOffering in allProductList" class="prod-input-select ng-scope">
    <td>
    <input ng-show="productOffering.added == 'N'" name="checks" id="checks-1-{{$index}}" type="checkbox" ng-click="addTempProductToBeAdded($event,productOffering)" ng-model="productOffering.isSelected" class="ng-pristine ng-valid">
    </td>
    <td class="ng-binding">
    Product2
    </td>
</tr>
<tr x-ng-repeat="productOffering in allProductList" class="prod-input-select ng-scope">
    <td>
    <input ng-show="productOffering.added == 'N'" name="checks" id="checks-2-{{$index}}" type="checkbox" ng-click="addTempProductToBeAdded($event,productOffering)" ng-model="productOffering.isSelected" class="ng-pristine ng-valid">
    </td>
    <td class="ng-binding">
    Product3
    </td>
</tr>

也许你可以尝试使用启动与选择器

CSS选择器：[id=“checks”]

xpath://*[以（@id，'checks'）开头][@type=“checkbox”and（@checked）]

Answer 2

正如Tony在评论中提到的，你不能在DOM中有多个具有相同id的元素。

现在让我们假设它不在你的手中得到纠正，你仍然可以使用下面的选择器来选择第二个复选框

元素。元素.css（输入[名称=“检查”]）[1] 或元素.all（由.css（输入[名称=“检查”]）））。get（1）

请检查哪个适合您。