Javascript 在Nightwatch中使用页面对象命令中的函数

Javascript 在Nightwatch中使用页面对象命令中的函数,javascript,nightwatch.js,e2e-testing,Javascript,Nightwatch.js,E2e Testing,忽略selectUser功能的位置。我还在试着玩弄它。如何使用页面对象中的函数命令?之前,该功能在每个命令功能中重复5次,但对于清洁度,这显然需要更改,我只是不知道如何更改 页面对象片段: var selectUser = function(userName, password) { return this.waitForElementVisible('@usernameField') .setValue('@usernameField', userName) .setVal

忽略
selectUser
功能的位置。我还在试着玩弄它。如何使用页面对象中的函数
命令
?之前,该功能在每个命令功能中重复5次,但对于清洁度,这显然需要更改,我只是不知道如何更改

页面对象片段:

var selectUser = function(userName, password) {
  return this.waitForElementVisible('@usernameField')
    .setValue('@usernameField', userName)
    .setValue('@passwordField', password)
    .click('@signOnButton')
    .waitForElementVisible('@eventTaskManager');
};

module.exports = {
  elements: {
    usernameField: '#UserName',
    passwordField: '#Password',
    signOnButton: 'input[value="Sign On"]',
    cancelButton: 'a[href$="/cancel"]',
    errorMessage: '.icon-warning',
    eventTaskManager: '.concierge'
  },

  commands: [{
    signInAsUniregisteredUser: function() {
      selectUser(unregisteredUserName, unregisteredUserPass);
    },

    signInAsRegisteredUser: function() {
      selectUser(registeredUserName, prodRegisteredPass);
    },

    signInAsUnregisteredUser_Regression: function() {
      selectUser(unregisteredUserName, unregisteredUserPass);
    },

    signInAsRegisteredUser_Regression: function() {
      selectUser(registeredUserName, prodRegisteredPass);
    },

    signInAsRegisteredUser_Production: function() {
      selectUser(prodRegisteredUser, prodRegisteredPass);
    }
  }]
};

首先,对于登录特性,只有两个断言是登录“ok”或登录“fail”(未注册、错误的凭据、缺少用户名等),所以您只需要对页面对象使用这个断言

    var pageCommands = {
    tryToLogin: function(userName, password) {
        return this.waitForElementVisible('@usernameField')
            .setValue('@usernameField', userName)
            .setValue('@passwordField', password)
            .click('@signOnButton');
    },
    assertLoginSuccesfully: function() {
        return this.waitForElementVisible('@eventTaskManager'); // login pass    
    },
    assertLoginUnSuccesfully: function() {
        return this.waitForElementVisible('@errorMessage'); // login fail 
    }
};

module.exports = {
    elements: {
        usernameField: '#UserName',
        passwordField: '#Password',
        signOnButton: 'input[value="Sign On"]',
        cancelButton: 'a[href$="/cancel"]',
        errorMessage: '.icon-warning',
        eventTaskManager: '.concierge'
    },

    commands: [pageCommands],
};
在您的测试用例中:

const loginPage = browser.page.login();
const dataForTest = require('./data.json');
const credentials = { 
   username : dataForTest.username , 
   password : dataForTest.password
};

login.tryToLogin(credentials.username,credentials.password)
     .assertLoginSuccesfully() // if data from dataForTest is correct

通过将所有内容存储在data.json(或任何您想要的内容)中,这种做法将使您远离硬值。

非常感谢。但一般来说,如何在命令内部使用函数?假设,让我们对这些值进行硬编码。将量角器脚本转换为nightwatch,除了登录示例之外,还有更多功能。这种方法对我不适用。我得到TypeError-页面不是一个函数@在某些情况下,此代码看起来是错误的:login.tryToLogin可能会说loginPage.tryToLogin