Question

我有很多测试，在浏览器实际启动之前，脚本首先运行，这有时会导致测试运行不正确。实际上导致我出现问题的最新方案是try/catch表达式，它没有真正发现某些元素不存在的事实（尽管预计不存在）。

在我的测试中，我试图循环浏览5个产品的列表，尝试将它们添加到购物车并检查按钮。对于一些我知道添加到购物车按钮的产品必须在那里，在某些情况下我知道它不会在那里，所以我试图捕捉错误并转移到下一个。（我知道这不是最聪明的方法，但我一点一点地学习并提高我在javascript中的编程技巧）。

所以我的测试包含了这个，作为主要功能，除了从文件中读取测试数据和一些变量声明：

var myFunction = function (x) {
      var productID = data[x][0];
      var quantity = data[x][1];
      browser.url(homepage + 'p/' + productID);


      try {
            pageObject.addToCart(quantity);
            pageObject.click('@continueShopping');
            browser.pause(500);
            browser.assert.ok(true);
          }
      catch (err) {
            console.log('This error is expected');
            browser.asset.ok(true, 'but the product is not addable to cart');
         };
    }


for (var i = 0; i < data.length; i++) {
       myfunction(i);
    }

我得到了这个：

[Add To Cart Different Products] Test Suite
==================================================================

Running:  Add to cart different types of products
 ? Passed [ok]: true ok
 ? Passed [ok]: true ok
 ? Passed [ok]: true ok
 ? Passed [ok]: true ok
 ? Passed [ok]: true ok // this means is ran through whole list of 5 products already and just afterwards it starts trying to actually add them to cart (run the code)
 ? Element <body> was visible after 360 milliseconds.
 ERROR: Unable to locate element: "#addToCartButton" using: css selector
 ERROR: Unable to locate element: ".continueShopping" using: css selector

这里发生的是脚本在启动后立即运行断言，但在实际启动浏览器窗口之前。一旦启动，它就开始执行添加到购物车的操作。因此，在我看来，它实际上并没有在try内运行整个代码序列，这突破了首先使用try/catch的重点。

我该如何解决这种情况？有没有办法让脚本等待浏览器实际启动，或者可能是一种方法来检查它是否已启动？我觉得Nightwatch有一些特定的东西可以产生这种异步行为，而且在编写我的测试时我会失踪。你能否对此有所了解？

注意：/编辑请注意，在我的测试之前我有一个before块，它意味着启动浏览器第一次并确保正文是可见。但正如您在控制台结果中所注意到的那样，这发生在断言之后，因此它没有效果。

 before : function (browser) {
        browser.url(homepage)
        .waitForElementVisible('body', 5000);
 },

根据某人的建议

更新：，这应该通过使用该功能的回调来实现，我已经尝试过了。当我这样使用它时：

var myFunction = function (x) {
        console.log("on line" + x);
        return x;
    };

    var callback = function (y) {
        //var declaration etc
        try { //the code here }
        catch (err) { //the code here }            
    };

    for(var lineNr = 0; lineNr < data.length; lineNr++) {
        myFunction(lineNr, function (){
            console.log(lineNr);
            callback(lineNr);
        });
    }

或者像这样：

var myFunction = function (x,callback) {
        console.log("on line" + x);
        callback(x);
    };

    var callback = function (y) {
        // variables declaration
        try { //code here}
        catch (err) { //code here }
    };
    for(var lineNr = 0; lineNr < data.length; lineNr++) {
        myFunction(lineNr);
    }

我得到了相同的结果，没有成功。或者我做错了？

Answer 1

Selenium API命令是异步的。要强制nightwach同步运行操作，您有两个选项：

JavaScript方式：创建承诺
守夜人方式：调用.perform()方法并将您的操作放入回调参数中：

this.perform(function() {
  try {
      pageObject.addToCart(quantity);
      pageObject.click('@continueShopping');
      browser.pause(500);
      browser.assert.ok(true);
    }
  catch (err) {
      console.log('This error is expected');
      browser.asset.ok(true, 'but the product is not addable to cart');
   };
});

nightwatch文档：Understanding the Command Queue（描述命令队列以及perform()命令的工作原理）

Nightwatch脚本在浏览器打开之前运行代码

1 个答案: