时间戳

首页 > 解决方案 > Nightwatch .element() 总是使用数组中的最后一个值

javascript - Nightwatch .element() 总是使用数组中的最后一个值

问题描述

我有一个守夜测试，我正在测试移动应用内容 RSS、CSS 和 HTML“提要”的 url 列表。它们位于数组中，例如：

var rssFeeds = [
'https://www.example.com/rss/feed1',
'https://www.example.com/rss/feed2',
]

在我的测试中，我使用 for 循环遍历数组中的每个 url 以进行测试，例如：

var urlToTest = ''; //< -- this is always 'https://www.example.com/rss/feed2' in .element check below
    // rss Feeds
    for (var i = 0; i < rssFeeds.length; i++) {
        urlToTest = rssFeeds[i].toString()
        browser
            .url('https://validator.w3.org/feed/')
            .waitForElementVisible('body', 'W3C RSS Validator page loaded... https://validator.w3.org/feed/ \n')
            .setValue('#url', urlToTest)
            .click('a[class="submit"]')
            .element('css selector', 'img[title="Valid RSS"]', function (result) {
                if (result.value && result.value.ELEMENT) {
                    // Element is present, do the appropriate tests
                    console.log('valid RSS...')
                    browser.perform(function () {
                        browser.verify.ok(1 == 1, urlToTest + ' valid RSS...') //<-- HERE
                    })
                } else {
                    // Element is not present.
                    console.log('invalid RSS...')
                    browser.verify.ok(1 != 1, urlToTest + ' invalid RSS...') //<-- AND HERE
                }
            })
    }

在每次.url()调用中，它会依次正确输入 feed1、feed2 等，但是，在.element()调用中它始终是数组中的最后一个值，因此报告看起来是错误的。它总是看起来像：

✓ 应用内容

TC004-AppContent

✓ W3C RSS 验证器页面已加载... https://validator.w3.org/feed/

✓ 通过 [ok]：https ://www.example.com/rss/feed2有效 RSS...

✓ W3C RSS 验证器页面已加载... https://validator.w3.org/feed/

✓ 通过 [ok]：https ://www.example.com/rss/feed2有效 RSS..

因此，由于urlToTest始终是最后一个数组值，因此该报告现在不是很有帮助，因为不区分什么 url 是好/坏。我尝试在调用中包装代码的不同部分，perform()试图让它在需要时准确运行，但无济于事。

我也看到了帖子，.execute()但我就是不明白...

任何想法都非常感谢。

标签： javascriptnightwatch.js

解决方案

根据此处描述的 javascript 问题，我必须将.element()调用移动到循环外的函数中

所以，现在的代码是：

var urlToTest = '';
    // rss Feeds
    for (var i = 0; i < rssFeeds.length; i++) {
        urlToTest = rssFeeds[i].toString()
        browser
            .url('https://validator.w3.org/feed/')
            .waitForElementVisible('body', 'W3C RSS Validator page loaded... https://validator.w3.org/feed/')
            .setValue('#url', urlToTest)
            .click('a[class="submit"]')
            .waitForElementVisible('body', 'W3C results page loaded...')
        checkElement(browser, 'img[title="Valid RSS"]', urlToTest)
    }

和

// must call from outside loop in order to maintain proper syncronous execution
function checkElement(browser, elem, url) {
    browser.element('css selector', elem, function (result) {
        if (result.value && result.value.ELEMENT) {
            // Element is present, do the appropriate tests
            browser.verify.ok(1 == 1, url + ' valid feed...')
        } else {
            // Element is not present.
            browser.verify.ok(1 != 1, url + ' invalid feed...')
        }
    })
}

推荐阅读