Javascript 量角器:如何在ui网格中滚动几次
我正在尝试编写一个函数,它可以滚动到表中的后一行。ui网格可以无限滚动各行 我已经找到了解释滚动到最后一个元素的答案,但是我的表在滚动一次之后有许多隐藏的元素,我需要一个解决方案来滚动整个网格。() 解决方案:-对我没有帮助 我的网格是:Javascript 量角器:如何在ui网格中滚动几次,javascript,protractor,infinite-scroll,Javascript,Protractor,Infinite Scroll,我正在尝试编写一个函数,它可以滚动到表中的后一行。ui网格可以无限滚动各行 我已经找到了解释滚动到最后一个元素的答案,但是我的表在滚动一次之后有许多隐藏的元素,我需要一个解决方案来滚动整个网格。() 解决方案:-对我没有帮助 我的网格是: 好的, 经过长时间的研究,我有了一个答案。问题在于承诺(通常是:)。感谢本文(),我的解决方案如下: var promiseWhile = Promise.method(function (condition, action) {
好的,
经过长时间的研究,我有了一个答案。问题在于承诺(通常是:)。感谢本文(),我的解决方案如下:
var promiseWhile = Promise.method(function (condition, action) {
if (!condition()) return;
return action().then(promiseWhile.bind(null, condition, action));
});
lastRow.elm = element.all(by.css('div.ui-grid-row')).last();
browser.executeScript("return arguments[0].scrollTop;", lastRow.elm.getWebElement()).then(function (dst) {
return distance.value = dst;
})
.then(function () {
promiseWhile(function () {
// Condition for stopping
return start.value !== distance.value;
}, function () {
start.value = distance.value;
return collectData().then(function () {
//scroll
browser.executeScript("arguments[0].scrollIntoView();", lastRow.elm.getWebElement());
browser.wait(protractor.ExpectedConditions.presenceOf(element.all(by.css('div.ui-grid-row')).last()), 1000);
lastRow.elm = element.all(by.css('div.ui-grid-row')).last();
browser.executeScript("return arguments[0].scrollTop;", div.getWebElement()).then(function (dst) {
distance.value = dst;
});
});
});
});
var collectData = function collectData() {
// HERE COLLECT YOUR DATA and don't forget return result!
}
例如,您正在表中查找一个元素:
var UIGridCanvasManipulations = function () {
this.isTheElementPresent = function(elementName) {
var start = { value: -1 };
var distance = {};
var lastRow = {};
var flag = { value: false };
var div = element(by.css('div.ui-grid-viewport'));
var promiseFor = Promise.method(function (condition, action, value) {
if (!condition(value)) return value;
return action(value).then(promiseFor.bind(null, condition, action));
});
//SHOULD check if the table has data (or rows) and then look for an element. For that purpose the wait function is used sinde sometimes it take a time to load a table
var res = browser.wait(protractor.ExpectedConditions.visibilityOf(element.all(by.css('div.ui-grid-row')).last())).then(function (present) {
if (present) {
lastRow.elm = element.all(by.css('div.ui-grid-row')).last();
var result = browser.executeScript("return arguments[0].scrollTop;", lastRow.elm.getWebElement()).then(function (dst) {
return distance.value = dst;
}).then(function () {
promiseFor(function (count) {
return (flag.value != true && start.value !== distance.value);
}, function (count) {
return lookForElement()
.then(function (res) {
//scroll
browser.executeScript("arguments[0].scrollIntoView();", lastRow.elm.getWebElement());
browser.wait(protractor.ExpectedConditions.presenceOf(element.all(by.css('div.ui-grid-row')).last()));
lastRow.elm = element.all(by.css('div.ui-grid-row')).last();
browser.executeScript("return arguments[0].scrollTop;", div.getWebElement()).then(function (dst) {
distance.value = dst;
});
return start.value = distance.value;
})
return flag.value;
}, 0)
}).then(function () {
return flag.value;
});
return result;
} else {
return false;
}
}, function (err) {
return false;
});
return res;
lookForElement: function {
// HERE is YOUR CODE
};
};
};module.exports = UIGridCanvasManipulations;
现在,如果要使用它,请执行以下操作:
var tableManipilation = require(UIGridCanvasManipulations);
var tellMe= new tableManipilation();
tellMe.isTheElementPresent(sElementTxt);
希望清楚:)参见下面的示例