从选择菜单检查值时量角器打字稿问题

Question

我正在使用量角器打字稿进行自动化，但在选择菜单中选择特定值时遇到问题，请参见屏幕截图

<div class="pq-select-menu">
<label class="pq-select-option-label ui-state-enable" id="pq-option-565-0">
<input type="checkbox"><span class="pq-left-input">Application Administrators(1001)</span></label>
<label class="pq-select-option-label ui-state-enable pq-state-hover" id="pq-option-565-1">
<input type="checkbox"><span class="pq-left-input">Power Users(1002)</span></label>
<label class="pq-select-option-label ui-state-enable" id="pq-option-565-2">
<input type="checkbox"><span class="pq-left-input">Users(1003)</span></label>
<label class="pq-select-option-label ui-state-enable" id="pq-option-565-3">
<input type="checkbox"><span class="pq-left-input">automationGroup(1005)</span></label>
<label class="pq-select-option-label ui-state-enable" id="pq-option-565-4">
<input type="checkbox"><span class="pq-left-input">TestGroup2(1024)</span></label>
</div>

单击“选择”菜单后， element(by.xpath('.//td[@data-container-for="groups"]//div[@class="pq-select-text"]')).click(); enter code here 如何选择和检查该值是否被选中。

Answer 1

您可以利用xpath axes。它们使您可以轻松地找到彼此相对的元素。

在这种情况下，您将使用文本标识span标签，并在同一input中找到前面的label

let inputEle = element(by.xpath('//div[@class="pq-select-menu"]//span[text()="Users(1003)"]/preceding-sibling::input'))

console.log(await inputEle.isSelected()) //should return true or false