从 WebdriverIO 中的基本 pageobject 页面调用方法时出现“不是函数”错误

Question

我一直在使用页面对象模式和 WebdriverIO 并尝试声明将在子页面中继承的选择器。这两个我都试过了

function Page() {
    this.loader = function() {
        return $("div[class*='loading'] svg");
    }
}

还有这个

Page.prototype.loader = function() {
    return $("div[class*='loading'] svg");
}

当我从子页面调用这个函数时，例如

checkoutPage.loader.waitForVisible(5000, true);

我收到“checkoutPage.loader.waitForVisible”不是函数”错误。如何为基本页面声明 getter 以便可以从任何子页面调用？

Answer 1

当您调用checkoutPage.loader.waitForVisible(5000, true) 时，您实际上返回的是整个loader 函数而不是元素。

将其更改为 checkoutPage.loader().waitForVisible(5000, true);，您的第一个示例应该可以正常工作。