使用grunt-webdriver,mocha和chai-as-promise进行功能测试

时间:2015-03-17 02:16:02

标签: selenium gruntjs mocha webdriver-io chai-as-promised

我正在尝试构建一个功能测试系统来验证我们的网站对我们的用户是否正常运行。我拼凑了一堆Node.js模块和帮助器,试图获得一个框架,提供简单,简洁的测试,没有一堆嵌套函数回调,我相信promises可以提供,所以我的package.json文件看起来像这样:

"dependencies": {
  "chai-as-promised": "^4.3.0",
  "grunt": "^0.4.5",
  "grunt-webdriver": "^0.4.8"
}

我的Gruntfile.js看起来像这样:

module.exports = function(grunt) {
  grunt.initConfig({
    webdriver: { // for use with webdriver.io
      options: {
        desiredCapabilities: {
          browserName: 'phantomjs' // No Xvfb required
        }
      },
      chrome: {
        tests: ['chrome/*.js'],
        options: {
          desiredCapabilities: {
            browserName: 'chrome'
          }
        }
      },
    },
  });
  grunt.loadNpmTasks('grunt-webdriver');
  grunt.registerTask('default', ['webdriver']);
};

最后我在chrome/login.js的测试用例看起来像这样:

'use strict';

var chai = require('chai'),
    chaiAsPromised = require('chai-as-promised'),
    assert;

chaiAsPromised.transferPromiseness = browser.transferPromiseness;
chai.use(chaiAsPromised);
assert = chai.assert;

describe('login test', function () {
    it('verifies user can log in', function(done) {
        browser
            .url('https://localhost/')
            .setValue('#userauth_username','foo')
            .setValue('#userauth_password',"password")
            .submitForm('#form_users_login')
            .then(function(){
                browser.getText('#auth-user-id', function(err, value){
                    console.log(value);
                });
                assert.becomes(browser.getText('#auth-user-id'), 'foo');
            })//.call(done);
    });
});

当我在命令行上运行grunt webdriver:chrome时,我看到它启动Chrome并登录该网站。 ' auth-user-id' span在登录后正确显示用户的ID但由于某种原因browser.getText()没有返回它,因此测试失败。我尝试在.pause(100)之后添加.submitForm(),以便有时间与Chrome中的网页进行互动,因此我知道这是测试用例中的一个问题。

我做错了什么?

1 个答案:

答案 0 :(得分:2)

这似乎是做我想做的最好,最简洁的方式。我不确定我是否还需要chai-as-promised但是我可能会将登录功能移动到包含的文件中并使用chai-as-promised断言在进入测试之前已经发生了承诺的登录。

'使用严格的';

var chai = require('chai'),
    chaiAsPromised = require('chai-as-promised'),
    assert,
    expect;

chaiAsPromised.transferPromiseness = browser.transferPromiseness;
chai.use(chaiAsPromised);
assert = chai.assert;
expect = chai.expect;

describe('login test', function () {

    it('verifies user can log in', function(done) {

        browser
            .url('https://localhost/')
            .setValue('#userauth_username','foo')
            .setValue('#userauth_password',"password")
            .submitForm('#form_users_login')
            .waitForExist('#auth-user-id')
            .getText('#auth-user-id')
            .then(function(text){
                //console.log('Username: ' + text);
                assert.equal(text, 'foo');
            })
            .saveScreenshot('out.png')
            .call(done)

    });

    it('should not display logincontrols after login', function(done){

        browser
            .isVisible('#logincontrols')
            .then(function(bool){
                expect(bool).to.be.false;
            })
            .call(done)

    });

    it('should display loggedin section after login', function(done){

        browser
            .isVisible('#loggedin')
            .then(function(bool){
                expect(bool).to.be.true;
            })
            .call(done)

    });

});

并且为了完整性,这是我在输出中看到的:

# grunt webdriver:chrome
Running "webdriver:chrome" (webdriver) task


  login test
    ✓ verifies user can log in (7691ms)
    ✓ should not display logincontrols after login (70ms)
    ✓ should display loggedin section after login (58ms)


  3 passing (8s)


Done, without errors.