Mocha、chai、phantomjs應用小結
阿新 • • 發佈：2019-02-09
PS：這三個東西可以解決瀏覽器端JS檔案測試問題，本文總結其用法
1 準備工作
第一步：執行mocha init . 生成一些初始化檔案，如下
第二步：開啟index.html，引入chai.js檔案，此時index.html應該如下：
2 編寫tests.js及待測試檔案a.js<!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>
假設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應該如下：
然後將a.js引入到index.html中，開啟index.html即可看到測試結果，如下：var should=chai.should(); describe('simple test',function(){ it('should equal 0 when n==0',function(){ window.fibonacci(0).should.equal(0); }) })
3 PhantomJS
這個是用來將瀏覽器端的測試結果顯示在Node介面，這裡略過