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']);

---

或者，如果您找到保存按钮，则可以使用 by.xpath() 检查以下同级 :

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

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