Angular + protractor + mocha

前段时间在做E2E测试，项目用的框架是angular，所以就用了官方推荐的protractor。

学习protractor

查看官方文档

全局安装protractor

官方文档上有具体的步骤。
我在安装过程中碰到了如下的问题：
(1) webdriver-manager update 时提示错误 “webdriver-manager: command not found”
解决办法：./node_modules/protractor/bin/webdriver-manager(protractor全局安装的路径) update
(2) webdriver-manager start “Unsupported major.minor version 52.0”
解决办法：升级jdk1.7 到 jdk1.8

protractor.conf.js

常用参数解释
(1) framework: 测试框架jasmine、mocha等
(2) specs: 默认执行的测试

specs: ['e2e/test/*.js']

protractor protractor.conf.js 命令会执行这个配置下的测试
(3) suites: 配置每一个用例单独执行

suites: {
   login: 'e2e/test/login_fuction_spec.js'
}

protractor protractor.conf.js –suite login 命令会执行login_fuction_spec的测试
(4) directConnect: true/false，true表示直接使用浏览器
(5) capabilities:

capabilities: {
   browserName: 'chrome',
   chromeOptions: {
       args: ['no-sandbox']
   }
}

browserName：directConnect为true时，使用的浏览器。
(6) mochaOpts: framework是mocha时的参数配置，可以设置超时时间。

mochaOpts: {
   reporter: 'spec',
   timeout: 60000
}

(7)完整的protractor.conf.js

exports.config = {
    framework: 'mocha',
    seleniumAddress: 'http://localhost:4444/wd/hub',
    specs: ['e2e/test/*.js'],
    suites: {
        login: 'e2e/test/login_fuction_spec.js'
    },
    directConnect: true,
    capabilities: {
        browserName: 'chrome',
        chromeOptions: {
            args: ['no-sandbox']
        }
    },
    mochaOpts: {
        reporter: 'spec',
        timeout: 60000
    }
};

断言库

使用chai + chai-as-promised
(1) npm install chai
(2) npm install chai-as-promised
(3) 因为protractor API 返回结果都是promise对象，要直接对结果进行断言，就要用到chai-as-promised。

let cls = element(by.css('.cls'));
expect(cls.isPresent()).to.eventually.equal(false);

一般情况

expect(true).to.equal(true);

遇到的问题

(1) window.angular is not defined

describe('BDS login', () => {
    protractor.browser.get('http://xxx.com');
    it('visible', () => {
        let modal = element(by.id('xxx'));
        expect(modal.isDisplayed()).to.eventually
        .equal(true);                            
    });
}  

window.angular is not defined.
这是因为测试先于页面加载执行了。
解决办法，先保证页面加载完成

describe('BDS login', () => {
    before('get page before do test', function () {
        protractor.browser.get('http://xxx.com');
    });
    it('visible', () => {
        let modal = element(by.id('xxx'));
        expect(modal.isDisplayed()).to.eventually
        .equal(true);                            
    });
}  

before/beforeEach

before: 最早执行。在其中可以完成测试的所有前置条件，包括页面加载啊，登录啊。

import { browser, element, by } from 'protractor';

let chai = require('chai');
let chaiAsPromised = require('chai-as-promised');
chai.use(chaiAsPromised);
let expect = chai.expect;
let login = require('./doLogin');

describe('Create Project', () => {
    before('before do test', function () {
        login.loginsuccess();
    });
}

beforeEach: 每个用例之前都要执行一次。