您的位置：首页 > Web前端 > JavaScript

Mocha、chai、phantomjs应用小结

2016-03-03 16:13 691 查看

PS：这三个东西可以解决浏览器端JS文件测试问题，本文总结其用法

1 准备工作

第一步：执行mocha init . 生成一些初始化文件，如下

第二步：打开index.html，引入chai.js文件，此时index.html应该如下：

<!DOCTYPE html>
<html>
<head>
<title>Mocha</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="mocha.css" />
</head>
<body>
<div id="mocha"></div>
<script src="mocha.js"></script>
<script src='chai.js'></script>
<script>mocha.setup('bdd');</script>
<script src="tests.js"></script>
<script>
mocha.run();
</script>
</body>
</html>2 编写tests.js及待测试文件a.js
假设a.js如下：

var fibonacci = function (n) {
if (n === 0) {
return 0;
}
if (n === 1) {
return 1;
}
return fibonacci(n-1) + fibonacci(n-2);
};

则tests.js应该如下：
var should=chai.should();
describe('simple test',function(){
it('should equal 0 when n==0',function(){
window.fibonacci(0).should.equal(0);
})
})然后将a.js引入到index.html中，打开index.html即可看到测试结果，如下：

3 PhantomJS

这个是用来将浏览器端的测试结果显示在Node界面，这里略过

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航