Question

我在使用nightwatch.js测试我的webapp时遇到问题。我需要遍历页面上的所有div元素，以检查是否存在包含我之前添加的所有子元素的那个元素。例如，我有：

<div className = 'myclass'>
    <h2> text1 </h2>
    <h3> second_text1 </h3>
</div>
<div className = 'myclass'>
    <h2> text2 </h2>
    <h3> second_text2 </h3>
</div>

我想检查其中一个div是否同时包含：'text2'和'second_text2'。我试着在这里添加iter函数：Assert text value of list of webelements using nightwatch.js但是我不知道如何检查这个div中的子元素，并且只有在没有div包含我的值时才断言。

Answer 1

不幸的是，守夜人不能很好地支持承诺或一般异步。博客文章here总结了一些痛点。

幸运的是，可以使用browser.elements和browser.perform的组合。

var assert = require('assert');

module.exports = {
    'foobar': function (browser) {
        var isTextFound = false;
        browser
            .url('http://localhost:3000')
            .waitForElementVisible('body', 1000);

        browser.elements('css selector', '.myclass', function (res) {
            res.value.forEach(function (jsonWebElement) {
                var jsonWebElementId = jsonWebElement.ELEMENT;
                browser.elementIdText(jsonWebElementId, function (jsonElement) {
                    var text = jsonElement.value;
                    if (text.indexOf('text1') !== -1 && text.indexOf('second_text') !== -1) {
                        isTextFound = true;
                    }
                });
            });
        });
        browser.perform(function () {
            assert.ok(isTextFound, 'Text found');
        });


        browser.end();
    }
}

让我们来看看一些关键点

require('assert')

这是必需的，因为nightwatch声明仅对DOM元素进行操作，因此您无法断言布尔值。这也意味着断言不会出现在报告中，但是如果它是错误的，它将引发错误，这将会出现。

browser.perform(function(){...})

这会将断言置于命令队列中，以便之后发生断言。如果不存在，评估将立即进行，断言将失败。

browser.elements('css selector, '.myclass', function(res){...})

这是使用elements api。请注意，webdriver协议部分下的api不会直接返回Web元素，而是返回Web元素的Selenium表示（WebElement JSON对象），因此我们必须使用elementIdText等特殊方法从中获取信息。

检查一个div是否在nightwatch中包含我的值

1 个答案: