如何使用jquery写一个nightwatch自定义命令

Question

我有以下用javascript编写的自定义命令for nightwatch.js。我如何将其转换为使用jquery？

exports.command = function (classId, indexIfNotZero) { 
    this.browser.execute(function (classId, indexIfNotZero) { 
     if (classId.charAt(0) == '.') { 
      classId = classId.substring(1); 
     } 
     var items = document.getElementsByClassName(classId); 

     if (items.length) { 
      var item = indexIfNotZero ? items[indexIfNotZero] : items[0]; 

      if (item) { 
       item.click(); 
       return true; 
      } 
     } 
     return false; 

     //alert(rxp); 
    }, [classId, indexIfNotZero], function (result) { 
     console.info(result); 
    }); 
}; 

Answer 1

有几件事情，我看到是造成您的问题。

首先，您有variable shadowing这可能会导致问题。您的全局导出命令有2个变量（classId和indexIfNotZero），而您的内部执行命令具有相同的参数名称。

其次，对于自定义命令，this变量实际上是browser。所以，不要做this.browser.execute，你只需拨打this.execute。

对于一个完整的工作代码示例，在这里你去：

'use strict'; 

var ClickElementByIndex = function(className, index) { 
    if (!index) { 
    index = 0; 
    } 

    this.execute(function(selector, i) { 
    var $item = $(selector + ':eq(' + i + ')'); 
    if (!!$item) { 
     $item.click(); 
     return true; 
    } 
    return false; 
    }, [className, index], function(result) { 
    console.info(result); 
    }); 
}; 

exports.command = ClickElementByIndex; 

注意，你确实需要的jQuery在你的应用程序的这种全球范围内的工作提供。