标签：angularjs javascript-objects protractor 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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。