javascript - Protractor -检查一个元素是否在另一个元素旁边

Question

我需要通过 Protractor 检查一个元素是否在另一个元素旁边。 这里我有一个“保存”按钮，我必须检查它右侧是否显示“取消”按钮。我该如何检查。

Answer 1

我认为您的意思是如何测试 HTML 标记，而不是实际的视觉布局。如果我理解正确，那么有多种方法可以做到这一点。

我会获取按钮组/容器并断言其中的按钮列表。

示例(使用 element.all() 和 map() ):

var buttons = element.all(by.css('.btn-group button')).map(function (elm) {
    return elm.getText();
});

expect(buttons).toEqual(['Save', 'Cancel']);

---

或者，如果您找到Save 按钮，您可以使用by.xpath() 检查下一个兄弟 :

var save = element(by.css('button.btn-save'));
var cancel = save.element(by.xpath('following-sibling::button'));

expect(cancel.getText()).toEqual('Cancel');