javascript – 完全集成测试NodeJS和客户端与Yeoman和摩卡

我有真棒的客户端测试,我运行与Yeoman。 Yeoman编译我的CoffeeScript,在服务器中打开测试页面,使用PhantomJS访问它,并将所有测试结果传递到命令行。这个过程非常简单,测试结果通过alert()消息传递到Phantom进程,该进程创建一个临时文件并以JSON格式填充消息。 Yeoman(好,Grunt)循环遍历临时文件,解析测试并在命令行中显示它们。

我解释的过程的原因是,我想添加一些东西。我也有服务器端测试。他们使用mocha和supertest来检查API端点和Redis客户端,以确保数据库状态符合预期。但我想合并这两个测试套件!

我不想写服务器调用的客户端模拟响应。我不想发送服务器模拟数据。在某个地方,我将更改服务器或客户端,测试不会失败。我想做一个真正的集成测试。所以,每当一个测试完成在客户端我想要一个钩子在服务器端运行一个相关的测试(检查db状态,会话状态,移动到不同的测试页)。

有什么解决方案吗?或者,altenatively,在哪里我开始黑客的Yeoman / Grunt / grunt-mocha使这项工作?

我认为Phunttom Handlers在grunt-mocha是一个好地方开始:

// Handle methods passed from PhantomJS, including Mocha hooks.
  var phantomHandlers = {
    // Mocha hooks.
    suiteStart: function(name) {
      unfinished[name] = true;
      currentModule = name;
    },
    suiteDone: function(name, failed, passed, total) {
      delete unfinished[name];
    },
    testStart: function(name) {
      currentTest = (currentModule ? currentModule + ' - ' : '') + name;
      verbose.write(currentTest + '...');
    },
    testFail: function(name, result) {
        result.testName = currentTest;
        failedAssertions.push(result);
    },
    testDone: function(title, state) {
      // Log errors if necessary, otherwise success.
      if (state == 'failed') {
        // list assertions
        if (option('verbose')) {
          log.error();
          logFailedAssertions();
        } else {
          log.write('F'.red);
        }
      } else {
        verbose.ok().or.write('.');
      }
    },
    done: function(failed, passed, total, duration) {
      var nDuration = parseFloat(duration) || 0;
      status.failed += failed;
      status.passed += passed;
      status.total += total;
      status.duration += Math.round(nDuration*100)/100;
      // Print assertion errors here, if verbose mode is disabled.
      if (!option('verbose')) {
        if (failed > 0) {
          log.writeln();
          logFailedAssertions();
        } else {
          log.ok();
        }
      }
    },
    // Error handlers.
    done_fail: function(url) {
      verbose.write('Running PhantomJS...').or.write('...');
      log.error();
      grunt.warn('PhantomJS unable to load "' + url + '" URI.', 90);
    },
    done_timeout: function() {
      log.writeln();
      grunt.warn('PhantomJS timed out, possibly due to a missing Mocha run() call.', 90);
    },

    // console.log pass-through.
    // console: console.log.bind(console),
    // Debugging messages.
    debug: log.debug.bind(log, 'phantomjs')
  };

谢谢!这将有一个赏金。

最佳答案
我不知道Yeoman – 我还没有尝试过 – 但我得到了剩下的谜题运行。我相信你会找出剩下的。

为什么要进行集成测试?

在你的问题中,你谈到的情况,当你有客户端测试和服务器端测试运行与模拟。我假设,由于某种原因,你不能得到两个测试集运行相同的模拟。否则,如果您更改客户端上的mock,服务器端测试将失败,因为它们将获取损坏的模拟数据。

您需要的是集成测试,因此当您在无头浏览器中运行一些客户端代码时,服务器端代码也会运行。此外,只是运行你的服务器端和客户端代码是不够的,你也想要能够在两边都断言,不是吗?

集成测试与Node和PhantomJS

我在网上发现的大多数集成测试的例子使用SeleniumZombie.js.前者是一个基于Java的大框架来驱动真正的浏览器,而后者是一个简单的包装器在jsdom。我假设你犹豫,使用任一那些和希望PhantomJS.当然,棘手的部分是从Node应用程序运行。我只是这样。

有两个节点模块来驱动PhantomJS:

> phantom
> node-phantom

不幸的是,这两个项目似乎被作者和其他社区成员抛弃了,并适应他们的需求。这意味着这两个项目都被分叉了很多次,所有的分叉都勉强运行。 API几乎不存在。我得到我的测试运行与one of the phantom forks(谢谢你,Seb Vincent)。这里有一个简单的应用程序:

'use strict';
var express = require('express');

var app = express();

app.APP = {}; // we'll use it to check the state of the server in our tests

app.configure(function () {
    app.use(express.static(__dirname + '/public'));
});

app.get('/user/:name', function (req, res) {
    var data = app.APP.data = {
        name: req.params.name,
        secret: req.query.secret
    };
    res.send(data);
});

module.exports = app;

    app.listen(3000);
})();

它监听对/ user的请求,并返回路径参数名称和查询参数secret。这里是我调用服务器的页面:

window.APP = {};

(function () {
    'use strict';

    var name = 'Alex', secret ='Secret';
    var xhr = new XMLHttpRequest();
    xhr.open('get', '/user/' + name + '?secret=' + secret);
    xhr.onload = function (e) {
        APP.result = JSON.parse(xhr.responseText);
    };
    xhr.send();
})();

这里有一个简单的测试:

describe('Simple user lookup', function () {
    'use strict';

    var browser, server;

    before(function (done) {
        // get our browser and server up and running
        phantom.create(function (ph) {
            ph.createPage(function (tab) {
                browser = tab;
                server = require('../app');
                server.listen(3000, function () {
                    done();
                });
            });
        });
    });

    it('should return data back', function (done) {
        browser.open('http://localhost:3000/app.html', function (status) {

            setTimeout(function () {
                browser.evaluate(function inBrowser() {
                    // this will be executed on a client-side
                    return window.APP.result;
                }, function fromBrowser(result) {
                    // server-side asserts
                    expect(server.APP.data.name).to.equal('Alex');
                    expect(server.APP.data.secret).to.equal('Secret');
                    // client-side asserts
                    expect(result.name).to.equal('Alex');
                    expect(result.secret).to.equal('Secret');
                    done();
                });
            }, 1000); // give time for xhr to run

        });
    });
});

正如你所看到的,我必须在超时时间内轮询服务器。这是因为所有的幻影绑定是不完整的,太限制。正如你可以看到,我能够在单个测试中检查客户端状态和服务器状态。

使用Mocha运行测试:mocha -t 2s您可能需要增加默认超时设置,以便运行更多演进的测试。

所以,你可以看到整个事情是可行的。 Here’s the repo with complete example.

转载注明原文:javascript – 完全集成测试NodeJS和客户端与Yeoman和摩卡 - 代码日志