javascript - 使用 Protractor 获取同一元素的不同值的数组

Question

我正在尝试测试一个使用人力车和 d3 显示图形的应用程序。测试是使用 Protractor 和 Jasmine 实现的。作为旁注，我认为这个问题并不是真正针对这个用例，而是更通用。

因此，测试应该将鼠标悬停在图表上并收集为每个点显示的文本 (example)。然后将此数组与给定数组进行匹配。

我希望这个伪代码能说明问题:

var graph = ... //
var promises = [];
var promise = graphElement.getSize().then(function(size){
    _.times(size, function(i) {
        moveMouse(i, 0); // move mouse to i-th pixel
        promises.push(graph.element(by.css('.hover-text')).getText());
    });
    return promises;
});

promise.magicallyWaitForAllOfThem();

_.each(promises, function(textPromise){
    expect(textPromise).toBe('something');
});

所以，问题是因为我需要先解决大小，所以我没有办法等待所有 promise 解决并返回稍后可以与 expect() 一起使用的文本 promise 数组。

编辑:明确提到 Protractor/ Jasmine 。

Answer 1

你不能简单地使用 selenium webdriver 的 promise.all 吗？

var graph = ... //
var webdriver = require("selenium-webdriver");

graphElement.getSize().then(function(size){
    var promises = [];
    _.times(size, function(i) {
        moveMouse(i, 0); // move mouse to i-th pixel
        promises.push(graph.element(by.css('.hover-text')).getText());
    });
    return webdriver.promise.all(promises);
}).then(function(promiseResultArray){
    _.each(promiseResultArray, function(textPromise){
        expect(textPromise).toBe('something');
    });
});

更简洁的方式:

声明它:

collectHoverText: function(elem) {
  var strings = [];
  var promises = [];

  return elem.getSize().then(function(size) {
    _.times(0/*logic for number of steps*/, function(i) {
      var x = 0; // logic for step
      browser.actions().mouseMove(elem, {x: x, y: 0}).perform();
      promises.push(elem.element(by.css('.hover-text')).getText().then(function(text) {
        strings.push(text);
      }));
    });

    return protractor.promise.all(promises).then(function() {
      return _.uniq(strings);
    });
  });

并使用它:

var hoverTextPromise = collectHoverText(graph);
expect(hoverTextPromise).toContain('value'); // resolved array here