最近,我注意到一个新的定位器被添加到量角器文档 –
by.js()：
Locates an elements by evaluating a JavaScript expression,which may be either a function or a string.
我明白这个定位器提供了什么,但是当这个定位器可以使用时,我错过了真实的用例.我什么时候应该喜欢使用by.js而不是其他内置的定位器,如by.css？
解决方法
我觉得用例是使用核心JavaScript函数来获取元素,每当css和其他元素定位器不能帮助或者没有可以使用的属性时.情景 –
>如果您使用核心JavaScript函数将其传递给browser.executeScript,那么可以使用by.js替换它.
示例： –
假设如果你必须得到一个出现在两者之间的元素,你可以这样获得 –
var ele = element(by.js(function(){
var ele1 = document.getElementById('#ele1');
var ele2 = document.getElementById('#ele2');
var val = ele1.compareDocumentPosition(ele2);
if(val === 4) return ele1;
else return ele2;
}));
>如果你想使用它的css值,如颜色,字体等获取元素.虽然过滤器可以在这种情况下使用,但是by.js也支持它.
>如果元素不能被css或xpath或任何其他定位符访问,例如具有动画或转换的伪元素.
示例： –
假设有元素具有：before和：在转换之后 –
.element:before {
color: rgb(255,0);
}
要验证元素的颜色,我们可以使用by.js传递一个javascript语句来获取元素 –
var ele = element(by.js(function(){
return window.getComputedStyle(document.querySelector('.element'),':before');
}));
expect(ele.getCssValue('color')).toEqual('rgb(255,0)');
希望它有帮助.
