Nightwatch.js 不执行单击选项卡

【问题标题】：Nightwatch.js does not perform a click on a tabNightwatch.js 不执行单击选项卡
【发布时间】：2015-07-02 11:25:57
【问题描述】：

我正在使用 Nightwatch.js 来测试一个网站。我希望 Nightwatch.js 单击网站上的选项卡，但单击不起作用。至少没有效果……

要点击的元素的 HTML 代码如下所示。

<div>
    <ul id="tabs">
        <li id="tiresTab">
            <a href="#tires">Word</a>
        </li>
    </ul>
</div>

我在 Nightwatch.js 中写道：

.waitForElementVisible('li[id="tiresTab"]', 10000)
.click('li[id="tiresTab"]')

但是什么也没发生。选项卡未打开。 Nightwatch 中的下一个命令失败了。这意味着 Nightwatch 正在执行单击，但选项卡未打开。但是，当我手动单击它时，我可以打开它。这可能是什么问题？

【问题讨论】：

你要点击的是而不是

你的结束标签都错了...... 不是

我输入了错误的结束标签。我的错……但这与我的错误无关。我以为我试图点击链接，而不是列表元素，但确实是解决方案。我一定做错了什么。感谢您的帮助。

标签： javascript html testing nightwatch.js system-testing

【解决方案1】：

你可以做一件事，试试下面的代码并运行。

.waitForElementVisible('#tabs li#tiresTab a', 1000);
.click('#tabs li#tiresTab a', function (clickStatus) {
  console.log(clickStatus.status);
});

如果上面的代码不起作用，请在点击回调中再做一件事，再次执行点击，如下所示。

.waitForElementVisible('#tabs li#tiresTab a', 1000);
.click('#tabs li#tiresTab a', function (clickStatus) {
   browser.click('#tabs li#tiresTab a');
   console.log(clickStatus.status);
});

它会起作用的，祝测试愉快！！！ :)

【讨论】：

【解决方案2】：

<div>
    <ul id="tabs">
        <li id="tiresTab">
            <a href="#tires" name="tires">Word</a>
        </li>
    </ul>
</div>

IN Nightwatch.js 你写：

.waitForElementVisible('li[id="tiresTab"]', 10000)
.click('a[name="tires"]')

我认为这会奏效。

【讨论】：

【解决方案3】：

您可能正在尝试单击用户看不到的元素。例如，您正在单击一个下拉选项，然后 -

等待下拉菜单可见
单击下拉列表，现在在回调中执行以下操作：
1. 等待下拉选项可见（不要提及完整的 css 路径！）
2. 现在点击下拉选项

这里有一个示例代码 -

    .waitForElementVisible('.someClass > .btn-group:nth-child(3)',6000)
    .click('.someClass > .btn-group:nth-child(3)',function(){
        this.waitForElementVisible('#idOfOption',10000);
        this.click('#idOfOption')
    })

【讨论】：