做一个'共同'login.js包括;用nightwatch.js测试

Question

为我的网络应用程序编写测试时;我必须首先模拟登录，然后才能运行其他测试并查看内页。现在我正在调整代码，这样我就可以为常用函数创建一个'include';比如我的登录。但是，只要我将下面的代码移到一个单独的文件中，并通过require调用include - 它就不再按预期运行了。

即。下面登录并允许我的其他功能，如果，包含在同一个文件中。高于我的其他内幕功能。

// Login screen, create opportunity

this.LoginScreen = function(browser) {
        browser
                .url(Data.urls.home)
                .waitForElementVisible('#login', 2000, false)
                .click('#login')
                .waitForElementVisible('div.side-panel.open', 4000, false)
                .waitForElementVisible('input#email', 2000, false)
                .waitForElementVisible('input#password', 2000, false)
                .click('input#email')
                .pause(500)
                .setValue('input#email', Data.ProjMan.username)
                .click('input#password')
                .pause(500)
                .setValue('input#password', Data.ProjMan.password)
                .click('input#email') 
                .pause(500)
                .click('div.form.login-form .btn')
                .pause(5000)

        Errors.checkForErrors(browser);
};     

// Inner functions run after here, sequentially

但是，只要我在一个单独的文件中移动上面的内容，例如; Logins.js，然后在原始测试文件的顶部调用它。 （是的，正确的道路）。

var Logins      = require("../../lib/Logins.js");

它只是不再模拟登录。有什么想法吗？我应该删除this.LoginScreen函数包装器，并以不同的方式调用它来从外部文件执行，还是需要从原始文件中再次激活它，除了外部require路径？

我也尝试从单独的文件中围绕登录功能包装'module.exports = {'，但仍然失败。

Answer 1

Nightwatch允许您运行基于Page对象的测试，即您可以将常用测试功能外部化并在常规测试中使用它们。这可以使用'page_objects_path'属性来实现。我添加了常用的“登录”功能，并在项目here中的样本“单一测试”中使用它。

工作：

将您的常用函数放在.js文件中并将其放在一个文件夹下（例如：tests / pages / login.js）并在nighwatch配置文件中传递文件夹路径，如下所示：

 nightwatch_config = {
      src_folders : [ 'tests/single' ],
      page_objects_path: ['tests/pages'],

以下是常用登录功能（login.js）的示例：

var loginCommands = {

  login: function() {
    return this.waitForElementVisible('body', 1000)
      .verify.visible('@userName')
      .verify.visible('@password')
      .verify.visible('@submit')
      .setValue('@userName', 'Enter Github user name')
      .setValue('@password', 'Enter Github password')
      .waitForElementVisible('body', 2000)

  }
};

 module.exports = {
      commands: [loginCommands],
        url: function() {
          return 'https://github.com/login';
        },
      elements: {
        userName: {
          selector: '//input[@name=\'login\']',
          locateStrategy: 'xpath'
        },
        password: {
          selector: '//input[@name=\'password\']',
          locateStrategy: 'xpath'
        },
        submit: {
          selector: '//input[@name=\'commit\']',
          locateStrategy: 'xpath'
        }
      }
    };  

现在，在常规测试文件中，为公共函数创建一个对象，如下所示并使用它。

 module.exports = {
      'Github login Functionality' : function (browser) {

    //create an object for login
    var login = browser.page.login();
    //execute the login method from //tests/pages/login.js file
    login.navigate().login();

    //You can continue with your tests below:
    // Also, you can use similar Page objects to increase reusability
        browser
        .pause(3000)
          .end();
      }
    };