Mocha、chai、phantomjs应用小结

来源：互联网发布：什么软件可以四连拍编辑：程序博客网时间：2024/05/17 01:06

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界面，这里略过

1 0