量角器 - 檢查一個元素是否與另一個元素相鄰

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