Question

我一直在使用Jasmine的Webdriver I / O进行端到端测试。一个特定的场景给了我很大的挑战。

我有一个页面，上面有5个链接。由于页面是动态的，链接的数量实际上是挑战。我想测试链接，看看每个链接“title是否与其链接到的网页的title匹配。由于链接是动态生成的，我不能只为每个链接进行硬编码测试。所以，我正在尝试以下方法：

it('should match link titles to page titles', function(done) {
  client = webdriverio.remote(settings.capabilities).init()
    .url('http://www.example.com')
    .elements('a').then(function(links) {
      var mappings = [];

      // For every link store the link title and corresponding page title
      var results = [];
      for (var i=0; i<links.value.length; i++) {
        mappings.push({ linkTitle: links.value[0].title, pageTitle: '' });
        results.push(client.click(links.value[i])
          .getTitle().then(function(title, i) {
            mappings[i].pageTitle = title;
          });
        );
      }

      // Once all promises have resolved, compared each link title to each corresponding page title
      Promise.all(results).then(function() {
        for (var i=0; i<mappings.length; i++) {
          var mapping = mappings[i];
          expect(mapping.linkTitle).toBe(mapping.pageTitle);
        }
        done();          
      });                  
    });
  ;
});

我甚至无法确认我是否正确获得了链接标题。我相信有些事我完全误解了。我甚至没有获得每个链接title属性。我肯定没有得到相应的页面标题。我想我在封闭世界中迷失了。但是，我不确定。

更新 - 11月24日 我还是没想出来。但是，我认为它与Webdriver I / O uses Q promise库这一事实有关。我得出了这个结论，因为以下测试工作：

it('should match link titles to page titles', function(done) {
  var promise = new Promise(function(resolve, reject) {
    setTimeout(function() { resolve(); }, 1000);
  });

  promise.then(function() {
    var promises = [];
    for (var i=0; i<3; i++) {
      promises.push(
        new Promise(function(resolve, reject) {
          setTimeout(function() {
            resolve();
          }, 500);
        })
      );
    }

    Promise.all(promises).then(function() {
      expect(true).toBe(true)
      done();
    });
});

但是，以下 NOT 工作：

it('should match link titles to page titles', function(done) {
  client = webdriverio.remote(settings.capabilities).init()
    .url('http://www.example.com')
    .elements('a').then(function(links) {
      var mappings = [];

      // For every link store the link title and corresponding page title
      var results = [];
      for (var i=0; i<links.value.length; i++) {
        mappings.push({ linkTitle: links.value[0].title, pageTitle: '' });
        results.push(client.click(links.value[i])
          .getTitle().then(function(title, i) {
            mappings[i].pageTitle = title;
          });
        );
      }

      // Once all promises have resolved, compared each link title to each corresponding page title
      Q.all(results).then(function() {
        for (var i=0; i<mappings.length; i++) {
          var mapping = mappings[i];
          expect(mapping.linkTitle).toBe(mapping.pageTitle);
        }
        done();          
      });                  
    })
  ;
});

我没有任何例外。然而，Q.all内的代码似乎没有被执行。我不知道该怎么做。

Answer 1

阅读WebdriverIO手册，我觉得你的方法有一些问题：

elements('a')返回WebElement JSON对象（https://code.google.com/p/selenium/wiki/JsonWireProtocol#WebElement_JSON_Object）NOT WebElements，因此没有title属性，因此linkTitle始终为undefined - {{3 }}
另外，因为它是一个WebElement JSON对象，所以不能将它用作client.click(..)输入，它要求选择器字符串不是对象 - http://webdriver.io/api/protocol/elements.html。单击WebElement JSON对象client.elementIdClick(ID)，而不是WebElement JSON对象的ELEMENT属性值。
当执行client.elementIdClick时，client将导航到该页面，尝试在下一个for循环周期中调用client.elementIdClick，下一个ID将失败，因为没有这样的当你离开页面时，元素。它听起来像invalid element cache....。

因此，我为您的任务提出了另一种解决方案：

使用elements('a')
使用href为每个元素阅读title和client.elementIdAttribute(ID)并存储在对象中
浏览所有对象，使用href导航到每个client.url('href') - s，使用title获取页面的.getTitle并将其与object.title。

我尝试过的源代码，不是由Jasmine运行，但应该提出一个想法：

    var client = webdriverio
        .remote(options)
        .init();

    client
        .url('https://www.google.com')
        .elements('a')
        .then(function (elements) {
            var promises = [];

            for (var i = 0; i < elements.value.length; i++) {
                var elementId = elements.value[i].ELEMENT;

                promises.push(
                    client
                        .elementIdAttribute(elementId, 'href')
                        .then(function (attributeRes) {
                            return client
                                .elementIdAttribute(elementId, 'title')
                                .then(function (titleRes) {
                                    return {href: attributeRes.value, title: titleRes.value};
                                });
                        })
                );
            }

            return Q
                .all(promises)
                .then(function (results) {
                    console.log(arguments);
                    var promises = [];
                    results.forEach(function (result) {
                        promises.push(
                            client
                                .url(result.href)
                                .getTitle()
                                .then(function (title) {
                                    console.log('Title of ', result.href, 'is', title, 'but expected', result.title);
                                })
                        );
                    });

                    return Q.all(promises);
                });
        })
        .then(function () {
            client.end();
        });

注意：

当链接触发使用JavaScript事件处理程序而不是href属性的导航时，这无法解决您的问题。

Jasmine - 通过Webdriver I / O测试链接

1 个答案: