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

Question

忽略selectUser函数的布局。我仍然在试着玩弄它。如何使用页面对象commands中的函数？在这个函数在每个命令函数内重复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); 
    } 
    }] 
}; 

Answer 1

首先可言，对于登录功能，只有2个被登录“OK”或登录“失败”的断言（未注册的，错误的凭据，缺少用户名，。 ..），所以你只需要这个页面对象。

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（或任何你想要的）每一件事远离硬值。