量角器 - 检查一个元素是否在另一个元素旁边

Protractor- check whether a element is next to another element

本文关键字:元素 是否 另一个 一个 检查 量角器      更新时间:2023-09-26

我需要通过量角器检查一个元素是否在另一个元素旁边。 在这里我有一个按钮作为"保存",我必须检查它的右侧是否显示"取消"按钮。我该如何检查。

我想

你的意思是如何测试 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');
您可以使用

getLocation:

element(by.id('someId')).getLocation().then(loc) {
  console.log(loc.x, loc.y);
};

并比较两个按钮值。但正如Sakshi Singla所提到的,量角器法态用于模拟浏览器中的用户行为,而不是测试布局。