量角器 - 检查一个元素是否与另一个元素相邻

Question

我需要检查量角器是否有元素与另一个元素相邻。 这里我有一个按钮作为“保存”，我必须检查“取消”按钮是否显示在它的右边或不是。我该如何检查。

Answer 1

可以使用的getLocation：

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

，并比较两个键的值。但正如Sakshi Singla所提到的那样，量角器normaly被用来模拟浏览器中的用户行为，而不是测试布局。

Answer 2

我想你的意思是如何测试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');