Javascript NodeJS和客户端与Yeoman和Mocha的全面集成测试
我有很棒的客户端测试,我和约曼一起运行。Yeoman编译我的CoffeeScript,在服务器中打开测试页面,使用PhantomJS访问它,并将所有测试结果传递给命令行。这个过程非常复杂,测试结果通过Javascript NodeJS和客户端与Yeoman和Mocha的全面集成测试,javascript,unit-testing,node.js,coffeescript,gruntjs,Javascript,Unit Testing,Node.js,Coffeescript,Gruntjs,我有很棒的客户端测试,我和约曼一起运行。Yeoman编译我的CoffeeScript,在服务器中打开测试页面,使用PhantomJS访问它,并将所有测试结果传递给命令行。这个过程非常复杂,测试结果通过alert()消息传递给幻影进程,幻影进程创建一个临时文件,并用JSON消息填充它。Yeoman(嗯,Grunt)在临时文件上循环,解析测试并在命令行中显示它们 我解释这个过程的原因是我想给它添加一些东西。我还做了服务器端测试。他们使用mocha和supertest检查API端点和Redis客户端,
alert()
消息传递给幻影进程,幻影进程创建一个临时文件,并用JSON消息填充它。Yeoman(嗯,Grunt)在临时文件上循环,解析测试并在命令行中显示它们
我解释这个过程的原因是我想给它添加一些东西。我还做了服务器端测试。他们使用mocha和supertest检查API端点和Redis客户端,以确保数据库状态符合预期。但我想合并这两个测试套件
我不想为服务器调用编写客户端模拟响应。我不想发送服务器模拟数据。在此过程中,我会在某个地方更改服务器或客户端,测试不会失败。我想做一个真正的集成测试。因此,每当在客户端完成测试时,我希望钩子在服务器端运行相关测试(检查db状态、会话状态,移动到不同的测试页面)
有什么解决办法吗?或者,我从哪里开始入侵Yeoman/Grunt/Grunt mocha来实现这一点
我认为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')
};
谢谢!这将是一笔悬赏。我不知道约曼的情况-我还没有试过-但我已经完成了剩余的拼图。我相信你会解决剩下的问题
为什么要做集成测试?
在您的问题中,您讨论了使用mock运行客户端测试和服务器端测试的情况。我假设由于某种原因,您不能让两个测试集使用相同的模拟运行。否则,如果您更改了客户端的模拟,服务器端测试将失败,因为它们将获得损坏的模拟数据
您需要的是集成测试,因此当您在无头浏览器中运行某些客户端代码时,服务器端代码也会运行。此外,仅仅运行服务器端和客户端代码是不够的,您还希望能够将断言放在两侧,不是吗
使用Node和PhantomJS进行集成测试
我在网上找到的大多数集成测试示例要么使用,要么使用。前者是一个基于Java的大型框架,用于驱动真正的浏览器,而后者是一个简单的包装器。我想您对使用这两种方法都犹豫不决,并且更愿意使用。当然,棘手的部分是从你的节点应用程序中运行它。我就知道了
有两个节点模块可以驱动PhantomJS:
不幸的是,这两个项目似乎都被他们的作者和其他社区成员抛弃了,他们放弃了它们并适应了它们的需求。这意味着这两个项目都进行了多次分叉,而所有分叉都几乎没有运行。API几乎不存在。我用(谢谢,)进行了测试。以下是一个简单的应用程序:
'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
的请求,并返回路径参数name
和查询参数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-t2s
运行测试您可能需要增加默认超时设置,以便运行更先进的测试
所以,正如你所看到的,整个事情都是可行的。嘿,谢谢!(1) 我更喜欢PhantomJS,因为Selenium和ZombieJS都很慢(2),而APP
非常适合测试,节点服务器在生产中会因为内存泄漏而崩溃。(3) 仅仅为了测试代码而添加变量也是不好的做法。(4) 看起来很棒。正如人们所预料的那样,这是一个有车、有黑客、速度慢、工作量大的系统“可行”是关键词:)