Nightwatch如何使用从一个功能到另一个功能的局部变量

Question

我想使用局部变量传递给另一个函数或与任何变量进行比较。例：

browser
    .waitForElementVisible("//div[@class='col-xs-7 alignR uppercase']//strong", 5000, function () {
      browser
      .pause(500)
      .getText("//div[@class='col-xs-7 alignR uppercase']//strong", function(result){
        console.log('++++++++++++++',result.value);
        let numb1 = result.value;
        numb = numb1.match(/\d/g);
          numb = numb1.join("");
          console.log("value=", numb1);
          return numb1;
  })
    })

.element('xpath', "(//div[@class='row']//div[@class='col-xs-7 alignR'])[1]", function (present) {
  console.log(present);
  if (present.status == 0) {
    //arrange 
    browser
    .pause(500)
    .getText("(//div[@class='row']//div[@class='col-xs-7 alignR'])[1]", function (result) {
      console.log("string", result.value);
      let numb = result.value;
      numb = numb.match(/\d/g);
      numb = numb.join("");
      console.log("value=", numb);
      return numb;
      })


  }

})

我想比较numb / numb1或得到它们的总和。

Answer 1

好吧，如果你想保持你的测试结构（非常可疑！），那你为什么不声明一些测试文件全局变量？

let numb, numb1;

browser
  .waitForElementVisible("//div[@class='col-xs-7 alignR uppercase']//strong", 5000, function () {
    browser.pause(500)
      .getText("//div[@class='col-xs-7 alignR uppercase']//strong", function(result) {

        numb1 = result.value;
        // > do more stuff here if necessary <
      });
    })
  .element('xpath', "(//div[@class='row']//div[@class='col-xs-7 alignR'])[1]", function (present) {
    console.log(present);

    if (present.status == 0) {
      browser.pause(500)
        .getText("(//div[@class='row']//div[@class='col-xs-7 alignR'])[1]", function (result) {

        numb = result.value;
        console.log(`numb & numb1 values: ${numb} & ${numb1}`);
        // > do more stuff with num & numb1 if necessary <
      });
    }
  });

这就是说...一个更好的方法是打破你的大步骤并将逻辑提取到单一用途的功能，所以你要么使用：

• page-object commands;
• 或者，custom commands

考虑到您当前的设置，让我们考虑添加以下自定义命令来提取您的num1：

❒getNumb1.js（应该位于test/custom_commands/）：

exports.command = function(callback) {
  this.perform((done) => {
    this.api.waitForElementVisible("//div[@class='col-xs-7 alignR uppercase']//strong", 5000, () => {
      this.api.pause(500);
      this.api.getText("//div[@class='col-xs-7 alignR uppercase']//strong", (result) => {
        let numb1 = result.value;
        // > do some other stuff here if necessary <
        callback(numb1);
      });
    });
  });
};

同样，添加第二个自定义命令文件（getNumb.js），它将返回numb的值。然后，在测试文件中使用这两个，并根据需要进行数据操作或数据检查（断言）：

let numb = browser.getNumb();
let numb1 = browser.getNumb1();

// > do something with numb & numb1 here <

❖！注意：上面给出的例子纯粹是教学上的！我不建议创建包含特定于测试的逻辑的custom_commands。只有通用和/或实用程序方法（例如：closeGDPR，addCookie，getHttpCode等）应该驻留在custom_commands文件夹中。

因此，在当前设置中，最好是在页面对象的命令部分中添加getNumb和getNumb1等命令。