如何使Nightwatch在页面对象文件中默认使用xpath

Question

所有我的页面对象都是这样的：

  elements: {
      header: {
         locateStrategy: 'xpath',
         selector: "//h3[text()='Welcome']"
      },
      loginButton: {
         locateStrategy: 'xpath',
         selector: "//button[text()='Login']"
      },
      forgotPasswordLink: {
         locateStrategy: 'xpath',
         selector: "//a[text()='Forgot Password?']"
      },
      signupButton: {
         locateStrategy: 'xpath',
         selector: "//button[text()='Signup']"
      }

如果我能说“在任何地方都使用xpath”，那就更好了——这一切都会崩溃的

文档中说，您应该能够在“测试设置”中设置“use\u xpath”：true，但我已经在nightwatch中看到的所有地方尝试过了。json，它没有任何效果。

（在任何情况下，尚不完全清楚它们是否意味着此设置会影响页面对象文件中的声明：该示例仅显示它会影响测试用例中的子项断言调用）。

Answer 1

要绕过此问题，您可以在元素上循环，并为每个元素设置任何给定的定位策略，如下所示：

var pageObject = {
    url: 'https://google.com',
    elements: {
        myFirstElement: {
            selector: "//div[@class='my-first-el']"
        },
        mySecondElement: {
            selector: "//div[@class='my-seconds-el']"
        }
    }
};

for (var el in pageObject.elements){
    pageObject.elements[el]["locateStrategy"] = "xpath";
}
module.exports = pageObject;

Answer 2

尝试设置：

"use_xpath": true

在夜视中。conf.js文件，而不是夜间监视。json

为我工作：）

Answer 3

您可以这样使用javascript函数（取决于您最喜欢的创建对象的方式）：

var xSelector = function (selector) {
    return {
        selector: selector,
        locateStrategy: 'xpath'
    }
};

然后像这样使用它：

elements: {

    xxx: xSelector('//a[text()="Bank Details"]')
    createStepButton: { selector: '#menu-create-item' },
}

提示：在上面的示例中，createStepButton仍在使用css选择器策略。还可以考虑创建cssSelector函数，以实现elements部分的统一可读性。