51Testing软件测试论坛

标题: 以e2e测试工具 protractor为例，分享下page object 的使用 [打印本页]

作者: hyj785 时间: 2017-2-8 17:44
标题: 以e2e测试工具 protractor为例，分享下page object 的使用
Protractor 是 AngularJS 团队构建的一个端对端的测试运行工具。
以这个工具为例。这里分享下  page object的使用，希望大家能给些意见，
整个公司就我一个测试，黑盒测试，自动化测试，性能测试，没人交流闭门造车。在这里希望能和大家交流下。
安装配置网上都可以找的到这里就不多说了

page object的使用主要是为了维护方便，个人理解就是把页面元素，测试用例，逻辑给分开了写。减少页面结构修改后，修改代码的工作
我把用例拆成3个部分，页面元素（page)，步骤（step），用例（spec），另外写了1个基类 base，里面放了一些基本的方法，一个constants文件，存放用户名，密码一类的东西。

以登陆为例
page 文件：这里放页面元素
-----------------
'use strict';
module.exports = {
  。。。
nameInput: element(by.id('username')),
passwordInput: element(by.id('password')),
loginButton: element(by.id('login-btn01')),
menu: element(by.id('account-menu')),
logoutButton: element(by.id('logout')),
。。。
}

---------------------------------------------------
step：这里放逻辑，主要流程，一些方法
-------------------------------------------------
'use strict';

const step = function () {

const page = require('./login.page.js');
const EC = protractor.ExpectedConditions;

this.go = () => {
      browser.get('/');
      browser.wait(EC.visibilityOf(page.loginButton), 5000, '登陆按钮没有显示')
      .then((result) => { expect(result).toBe(true) })
}

this.login = () => {
let user = constants.USERS.test;
      let page = require('./login/login.page.js');
      let stant = this;
      browser.manage().deleteAllCookies();
      browser.get('/', 5000)
      browser.wait(EC.visibilityOf(page.nameInput), 50000, '名称输入文本框没有显示');
      page.nameInput.clear().sendKeys(user.name);
      page.passwordInput.clear().sendKeys(user.word);
      browser.wait(EC.textToBePresentInElementValue(page.nameInput, user.name), 5000);
      browser.wait(EC.textToBePresentInElementValue(page.passwordInput, user.word), 5000);
      page.loginButton.click();
      browser.wait(EC.visibilityOf(page.accountname), 5000, '账号名称不可见');
      page.accountname.getText().then((text) => {
         console.log(text);
         expect(text).toMatch(user.name);
      });

};

this.logout = () => {
      browser.get('/');
      base.wait(self.menu, 5000);
      self.menu.click();

      browser.wait(EC.visibilityOf(page.loginButton), 5000, '登录按钮不可见').
      then((result) => { expect(result).toBe(true) })
}
}
module.exports = new step();

------------------------------------------------
spec文件：这里就是测试用例了
-----------------------------------------------
'use strict';

const step = require('./login.step.js');

describe('login page', function () {

it('should navigate to the login page', function () {
      step.go();
});

it('should navigate to the main page', function () {
      step.login();
});

it('should return to the login page', function () {
      step.logout();
});

/* */
});

这个是启动文件，初始化的时候加载基类和constants文件
--------------------------------------------------------
exports.config = {
framework: 'jasmine2',

specs: [
      'login.spec.js'
],

baseUrl: 'http://127.0.0.1:8080',
directConnect: true,
capabilities: {
      'browserName': 'chrome',
      },
},

onPrepare: function () {
      browser.ignoreSynchronization = true;
      global.__base = __dirname;
      global.constants = require(__base + '/bvt/constants.js');
      global.base = require(__base + '/bvt/base.js');
      jasmine.getEnv().addReporter(reporter);
},
jasmineNodeOpts: {
      defaultTimeoutInterval: 900000
},
}

作者: 梦想家 时间: 2017-2-8 17:53
+1

作者: jingzizx 时间: 2017-2-9 14:19

欢迎光临 51Testing软件测试论坛 (http://bbs.51testing.com/)