javascript-带承诺的量角器变量范围

背景

我正在使用ng-repeat制作表的Angular应用程序.其中一个用户发现该表有时包含重复的条目,我用肉眼确认了这些条目,然后立即为其编写了一个量角器测试.

考试

可变范围问题

在编写测试时,我注意到示波器的行为不符合我的理解.

自然,第61行上的for循环可以访问linkStorage(第38行),因为它的作用域更高.它记录所有对象已通过第47行中的promise中的for循环成功添加到对象中.

但是,当我将确认循环移出promise时,例如,在expect块之前…

… linkStorage是一个空对象.

循环遍历对象不会发现任何嵌套的键/值对.它确实是空的.

问题(tl; dr)

为什么将linkStorage对象填充在then语句中,而不是在期望值之前？

解决方法:

异步再次罢工

第一个示例的工作是由于异步的.由于.getAttribute方法是非阻塞的,因此代码在工作时将继续运行.因此,在填充对象之前就到达了控制台循环.它是空的.

如果给异步代码一些时间来运行,可能需要一秒钟：

… linkStorage已填充.

完整的解决方案

将多个promise链接在一起,以确保代码在正确的时间运行.

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);
      });
  });

标签：angularjs,javascript-objects,protractor,javascript
来源： https://codeday.me/bug/20191120/2046887.html