在使用量角器JS进行一些实验时,我注意到没有简单的方法可以从量角器扩展(继承)ElementFinder对象以添加自己的函数。
例如,我想创建对象复选框,这将具有其他方法 - check() - 应该根据 isSelected() 的结果切换复选框。
我想出了代码——
var ElementFinder = require('protractor/lib/element.js').ElementFinder;
var ElementArrayFinder = require('protractor/lib/element.js').ElementArrayFinder;
class CheckBox extends ElementFinder {
constructor(loc) {
var getWebElements = function () {
var ptor = browser;
var locator = loc;
return ptor.waitForAngular().then(function() {
if (locator.findElementsOverride) {
return locator.findElementsOverride(ptor.driver, null, ptor.rootEl);
} else {
return ptor.driver.findElements(locator);
}
});
}
var ArrayFinderFull = new ElementArrayFinder(browser, getWebElements, loc);
super(browser, ArrayFinderFull);
}
check() {
return this.isSelected().then(selected => selected? this.click() : null)
}
}
但是getWebElements是从量角器/元素复制粘贴的.js -https://github.com/angular/protractor/blob/3.1.0/lib/element.js#L131
这种复制粘贴让我感到不安。我认为应该有更合适的方法来扩展ElementFinder。
有没有人在量角器JS中继承了ElementFinder?
我不确定这会有所帮助,但是这是我们最近所做的一些事情,以便在ElementArrayFinder
上提供takewhile()
方法。我们已将以下内容放入onPrepare()
:
protractor.ElementArrayFinder.prototype.takewhile = function(whileFn) {
var self = this;
var getWebElements = function() {
return self.getWebElements().then(function(parentWebElements) {
var list = [];
parentWebElements.forEach(function(parentWebElement, index) {
var elementFinder =
protractor.ElementFinder.fromWebElement_(self.ptor_, parentWebElement, self.locator_);
list.push(whileFn(elementFinder, index));
});
return protractor.promise.all(list).then(function(resolvedList) {
var filteredElementList = [];
for (var index = 0; index < resolvedList.length; index++) {
if (!resolvedList[index]) {
break;
}
filteredElementList.push(parentWebElements[index])
}
return filteredElementList;
});
});
};
return new protractor.ElementArrayFinder(this.ptor_, getWebElements, this.locator_);
};
现在我们可以对element.all()
的结果使用 takewhile
:
element.all(by.repeater("row in rows")).takewhile(function (elm) {
return elm.getText().then(function (text) {
return some_condition_to_be_true;
});
});
现在扩展 ElementFinder 要简单得多,我称之为 - 页面片段。
我什至创建了 lib 来解决这个问题(欢迎 PR! - https://github.com/Xotabu4/protractor-element-extend
目前它仅适用于ElementFinder,但我希望能够扩展ElementArrayFinders(计划用于2.0.0版本)
更新
添加了对 ElementArrayFinder 继承的支持。