Question

我对单元测试很陌生，但我一直在尝试使用Nightwatch创建一个脚本，该脚本遍历页面的正文内容，单击每个链接并报告它是否已损坏。

我正在尝试创建一个for循环，遍历正文内容中的每个标记，计算其中包含的'a'标记的数量，然后点击每个标记，但每当我在其中使用browser.execute命令时一个for循环，脚本不按顺序执行。

这是我的代码。我已经抛出了几个console.log语句来试图弄清楚发生了什么：

'Click Links' : function(browser) {
browser
  //Count all tags (p/div) in content that aren't links
  .useCss()
  .execute(function() {
    return document.querySelectorAll("div.field-item.even *:not(a)").length;
  },
  function(tags){
    tag_total = tags.value;

    //Loop through every tag in content & check every a tag contained within
    for (var x = 1; x < tag_total+1; x++) {
      console.log("x val before execute: " + x);
      browser.execute(function() {
        return document.querySelectorAll("div.field-item.even *:not(a):nth-child(" + x + ") a").length;
      },
      function(links){
        console.log("x val at start of execute: " + x);
        a_total = links.value;

        for (var y = 1; y < a_total+1; y++) {
          browser.click("div.field-item.even *:not(a):nth-child(" + x + ") a:nth-child(" + y + ")");
          browser.pause(1000);

          //Conditionals for on-site 404/403 links
          browser.execute(function() {
            return document.querySelector("meta[content='Error Document']");
          }, 
          //Grabs url if link is broken
          function(result){
            if (result.value != null) {
              browser.url(function(result) {
                console.log("BROKEN LINK: " + result.value);
              });
            }
          });

          //Go back to previous page
          browser.url(process.argv[2]);
          browser.pause(1000);
        }
        console.log("x val at end of execute: " + x);
      });
    console.log("x val at end of for loop: " + x);
    }
  })

.end()
}

我得到的输出：

 x val before execute: 1
 x val at end of for loop: 1
 x val before execute: 2
 x val at end of for loop: 2
 x val at start of execute: 3
 x val at end of execute: 3
 ERROR: Unable to locate element: "div.field-item.even *:not(a):nth-child(3) a:nth-child(1)" using: css selector

似乎for循环正在运行并跳过整个browser.execute块。循环结束后，然后输入browser.execute块，x为无效数字3。

为什么browser.execute命令会导致for循环无序执行，是否可以采取任何措施来修复它以使其按照预期的顺序运行？

Answer 1

这与Nightwatch无关，但使用Javascript。

当你有一个循环而你在该循环中调用一个函数时，这个函数中使用的变量将通过引用保存。换句话说，变量对于任何函数都不会改变。

如果我们通过一个简单的例子，那就更容易了：

var myFuncs = [];
for (var i = 0; i < 3; i += 1) {
  myFuncs.push(function () {
    console.log('i is', i);
  });
}

myFuncs[0](); // i is 3
myFuncs[1](); // i is 3
myFuncs[2](); // i is 3

这是因为i被保存为函数中的引用。因此，当i在下一次迭代时递增时，引用不会改变，但值会改变。

通过在循环外移动函数可以很容易地解决这个问题：

function log (i) {
  return function () {
    console.log(i);
  }
}

var myFuncs = [];
for (var i = 0; i < 3; i += 1) {
  myFuncs.push(log(i));
}

myFuncs[0](); // i is 0
myFuncs[1](); // i is 1
myFuncs[2](); // i is 2

如果你想更多地探索这个概念，你可以看看这个similar SO answer（它有一个非常相似的例子 - 具有讽刺意味）。

for循环中的Nightwatch执行命令无序运行

1 个答案: