angular - Protractor 元素链接对我不起作用

Question

我正在使用 Protractor 针对 Angular 应用程序构建一些测试操作。我试图让我的定位器尽可能易于阅读和维护，并尝试使用“元素链接”来做到这一点。根据我在 SO 和 Protractor 文档中阅读的所有内容，我认为以下定位器策略应该有效:

xpPanelPayment 变量的定义只是为了便于阅读。

let xpPanelPayment = "//div [@class='panel-heading' and text()='Payment']/following-sibling::div [@class='panel-body']";   
this.pnlPayment = element(by.xpath(`${xpPanelPayment}`));
this.valTotalPayment = element(by.xpath(`${xpPanelPayment}`))
    .element(by.xpath(`//strong [text()='Total Payment:']/../following-sibling::div/strong`));

我更喜欢的是:

this.valTotalPayment = this.pnlPayment
    .element(by.xpath(`//strong [text()='Total Payment:']/../following-sibling::div/strong`));

但是当我尝试这样做时，我收到一个错误，似乎表明 this.pnlPayment 未定义。也许这是一个线索？

以下是使用这些定位器的方法:

const Receipt = require('./Receipt.js').Receipt;

exports.verifyTotalPayment = (payment) => {
    it(`Receipt Validation - Verify total payment $${payment}`, () => {
        console.log(`Receipt.pnlPayment.locator() = '${Receipt.pnlPayment.locator()}'`);
        console.log(`Receipt.valTotalPayment.locator() =         
'${Receipt.valTotalPayment.locator()}'`);
        expect(Receipt.valTotalPayment.getText()).toEqual(`$${payment}`);
    });
}

以下是运行日志的内容:

Receipt.pnlPayment.locator() = 'By(xpath, //div [@class='panel-heading' and text()='Payment']/following-sibling::div [@class='panel-body'])'
Receipt.valTotalPayment.locator() = 'By(xpath, //strong [text()='Total Payment:']/../following-sibling::div/strong)'
[09:31:07] W/element - more than one element found for locator By(xpath, //strong [text()='Total Payment:']/../following-sibling::div/strong) - the first result will be used

看来 valTotalPayment 的“父”部分被完全忽略。我的 valTotalPayment 规范哪里出了问题？如果我使用整个 xpath 字符串而不引用父对象，valTotalPayment 会找到正确的元素，但这会破坏我想要做的事情。

Answer 1

问题来自于 valTotalPayment 的 xpath。您希望从 pnlPayment 的后代中找到 valTotalPayment。

您使用 //，但使用 ./ 来表示 valTotalPayment。

//表示整个页面的任意元素节点

./ 表示前一个/父元素的任何后代元素节点

最后，在编写定位器时，CSS 选择器是首选，xpath 是第二个。

如果需要的话，你可以在元素链中混合CSS选择器和xpath: element(by.css()).element(by.xpath()).element(by.css())....