带有承诺的量角器变量范围

Question

背景

我正在开发一个 Angular 应用程序，它使用 ng-repeat 制作 table。其中一位用户发现 table 有时包含重复的条目，我目视确认了这一点，然后立即为其编写了量角器测试。

测试

变量作用域问题

在编写测试时，我注意到示波器没有按照我理解的方式运行。

自然地，第 61 行的 for-loop 可以访问 linkStorage（第 38 行），因为它在更高的范围内。它记录了所有对象都已通过第 47 行承诺中的 for-loop 成功添加到对象。

但是，当我将确认循环移到 promise 之外时，比如说，在 expect 块之前...

...linkStorage 是一个空对象。

遍历对象没有发现嵌套的 key-value 对；它真的是空的。

问题 (tl;dr)

为什么 linkStorage 对象填充在 then 语句中，而不是在预期之前？

Answer 1

异步再次来袭

第一个示例工作是由于异步。因为 .getAttribute 方法是 non-blocking，代码在工作时继续运行过去。因此，在填充对象之前到达控制台循环；它是空的。

如果给异步代码一些时间运行，也许一秒钟：

...linkStorage 已填充。

完整的解决方案

将多个承诺链接在一起以确保代码运行在正确的时间。

it('should not have duplicates within the match grid', function() {
    // Already on job A, with match grid shown.
    var duplicate = false;
    var linkStorage = {};

    // Save unique links
    var uniqueUserLinks = element.all(by.css('div.row table tbody tr td a'));
    
    // get an array of href attributes
    uniqueUserLinks.getAttribute('href')
      .then(function(hrefs) {
        // add the links to the linkStorage object
        for (var i = 0; i < hrefs.length; i++) {
          // if the link is already there
          if( linkStorage[ hrefs[i] ] ) {
            // update its counter
            linkStorage[hrefs[i]] += 1
            duplicate = true;
            // there's already one duplicate, which will fail the test
            break;
          } else {
            // create a link and start a counter
            linkStorage[hrefs[i]] = 1;
          }
        };
      }).then(function() {
        // confirm links have been added to storage
        for(var link in linkStorage) {
          console.log('link:', link );
          console.log('number:', linkStorage[link] );
        }
      }).then(function() {
          expect(duplicate).toBe(false);
      });
  });

带有承诺的量角器变量范围

Protractor variable scope with promises

javascript

javascript-objects

angularjs

protractor

背景

测试

变量作用域问题

问题 (tl;dr)

异步再次来袭

完整的解决方案