0

我正在尝试创建一个函数，我可以从任何测试中调用它来查看正在传递的元素（链接文本、Css 选择器、Xpath、ID），单击该元素，然后验证它之后出现的 URL负载。我遇到的问题是它在函数完成之前返回。

我知道我需要实现异步和回调，但我很难理解结构。

clickIDverifyURL: function clickByID (elementVar, elementURL){
        var rem = this.remote;

        // if statements to look at elementVar and select the right one.. example:
        // rem.setFindByTimeout(10000)
        // .findByXpath (elementVar)
        // .click()
        // .end()

        return this.remote
            // if I code it right, I shouldn't need this sleep right?
            .sleep(30000)
            .getCurrentUrl()
            .then(function(currURL) {
                console.log(currURL);
                try {
                    assert.strictEqual(currURL, elementURL, "This test checks to see if the current URL is correct.")
                }
                catch (e)
                {
                    console.log(e)
                }
            });

    }

感谢任何帮助或评论。

4

1 回答 1

0

你在正确的轨道上。假设您要单击元素，等待页面转换，然后检查生成的 URL，您可以执行以下操作：

clickIDverifyURL: function (elementURL) {
    return function (element) {
        return this.parent
            .then(function () {
                return element.click();
            })

            // Wait for the page transition. This can be a sleep, or you can search for an
            // element that should be on the new page (intern will implicitly wait for it
            // to appear), or use pollUntil to wait for a more specific condition.
            .sleep(1000)

            // Get the page URL
            .getCurrentUrl()
            .then(function (url) {
                assert.strictEqual(url, elementURL);
            });
    }
}

你会像这样使用它：

.findElementByCssSelector('.someselector')
.then(myModule.clickIDverifyURL('expectedURL'))

clickIDVerifyURL接受一些配置数据（预期的 URL）并返回一个可以在命令的then回调中调用的函数。此类函数parent在其上下文中具有引用父命令链（从 开始的函数链this.remote）的属性。

请注意，在 Elements 上调用的方法，element.click()如上所示，返回 Promises，而不是 Commands。这意味着只能链接标准的 Promise 方法，而不是像click,findElementByX等命令方法。这就是为什么上面的代码从而this.parent不是element.

更新

相同的基本结构适用于其他类型的辅助方法。例如，如果您想使用辅助方法进行查找，它可能如下所示：

findBySomething: function (selector) {
    return function () {
        var setContext = arguments[arguments.length - 1];
        return this.parent
            .findByCssSelector(selector)
            .then(function (element) {
                setContext(element);
            });
    }
}

然后你可以做

this.remote
    .then(myModule.findBySomething('.selector'))
    .then(myModule.clickIDverifyURL('expected URL'))
于 2015-09-02T01:45:00.857 回答