我正在开发一个AngularJS量角器测试套件。我有一个看起来像这样的conf文件:
exports.config = {
seleniumAddress: 'http://localhost:4444/wd/hub',
baseUrl: 'http://127.0.0.1:17315/',
capabilities: {
browserName: 'chrome',
'chromeOptions': {
args: ['--test-type']
}
},
suites: {
login: ['LoginPage/login.js'],
homePage: ['Homepage/homepage.js',
'Homepage/city_page.js',
'Homepage/admin_page.js'],
adminPage: ['AdminPage/exam.js',
'AdminPage/location.js'
..
在这些.js文件中,我使用了一些我想要的函数 分享我的所有文件。例如:
describe('xxx', function () {
it('xxx', function () {
commonFunction(123);
});
我想将这些常用功能放在他们自己的文件中,但我不知道如何做到这一点,以便我可以从其他javascript文件访问它们。我想我需要的东西就像是" inport"我不认为存在。 任何人都可以给我一些建议,我可以把这些常用函数放在哪里,以及如何从测试套件中的每个* .js文件中访问它们?
答案 0 :(得分:17)
要重复使用代码,请使用page object pattern。我将页面对象放在一个单独的文件中,放在module。
中例如,pages.js
文件包含一些页面对象。
'use strict';
(function() {
var Application = function() {
var app = this;
browser.get('http://localhost:9003/');
app.login = function() {
element(by.buttonText('login')).click();
return new LoginPage();
};
var LoginPage = function() {
var loginPage = this;
loginPage.withCredentials = function(login, password) {
element(by.css('.loginField')).Keys(login);
element(by.css('.passwordField')).Keys(password);
element(by.buttonText('login')).click();
return new WelcomePage();
};
};
var WelcomePage = function() {
var welcomePage = this;
welcomePage.getGreetings = function() {
return element(by.css('.greetings')).getText();
};
};
};
module.exports = function() {
return new Application();
};
}());
我使用require
在我的验收测试中导入它们:
'use strict';
var Application = require('./pages.js');
describe('The application', function() {
it('should let you log into the application', function() {
var application = new Application();
var welcomePage = application.login().withCredentials('Jean', '!sz3sk,dz');
expect(welcomePage.getGreetings()).toEqual('Welcome Jean');
});
});