Nightwatch.js點擊嵌套錨泊時告知要點擊複選框標籤

Question

我有一個複選框上，與包括鏈接的文本如下：

<div id="agreementDiv" class="cust-pad-bot1"> 
 
    <input id="inputAgreement" type="checkbox"> 
 
    <label for="inputAgreement">I have read and agree to the <a target="_blank" href="http://example.com/terms-and-conditions"><u>Terms &amp; Conditions</u></a></label> 
 
</div>

（請注意，這個片段只是實際實現的草圖，CSS類被刪除）

使用Nightwatch.js我想自動檢查複選框。在我的用戶界面中，點擊標籤文本隨後會檢查複選框。

browser 
.useXpath() 
.waitForElementPresent(`//*[@id="agreementDiv"]/label`, 10000) 
.click(`//*[@id="agreementDiv"]/label`) 

但是，當我嘗試使用Nightwatch做它時，它會點擊鏈接並在新選項卡中打開鏈接。但是複選框沒有被點擊。使用css/xpath直接點擊複選框也不起作用。我很感激，如果有人能夠解釋如何防止點擊兒童錨的夜服。

謝謝。

Answer 1

我找到了一個使用nightwatch-custom-commands-assertions第三方模塊（https://github.com/maxgalbu/nightwatch-custom-commands-assertions）的解決方案。該模塊添加了一組自定義的夜間命令，其中有jqueryClick函數（https://github.com/maxgalbu/nightwatch-custom-commands-assertions）。我稱這個函數提供了複選框的xpath，它運行良好。在複選框上使用默認的click功能對我無效。

Answer 2

你已經編寫了代碼點擊標籤不復選框。更改xpath。但在使用xpath選擇器之前使用方法browser.useXpath();。

browser 
.waitForElementPresent(`//*[@id="agreementDiv"]/input`, 10000) 
.click(`//*[@id="agreementDiv"]/input`) 

通過使用CSS選擇器（在nightwatch默認選擇）：

browser 
.waitForElementPresent(`#agreementDiv>input`, 10000) 
.click(`#agreementDiv>input`) 

這應該解決您的問題。如果你點擊複選框，複選框將被選中。