測試步驟：
- 首要前提安裝 node.js 以管理員身份運行 Cmder (該軟件是 windows 下寫命令行的利器)
//進入桌面
cd Desktop
//創建項目文件夾
mkdir herotest
//進入項目目錄中
cd herotest
//項目初始化 會在項目中自動新增一個 package.json 文件
npm init
- 將項目文件夾拖拽至 sublime 編輯器中，在項目文件夾中創建文件 結構如下
src->index.js
test->indes.spec.js
image.png
- 編輯 index.js 文件
window.add = function (num) {
return num + 1;
}
- 開始裝工具
//全局安裝 karma
npm install -g karma
//初始化 karma
karma init
//下面是初始化對話框中的選項
jasmine
no
PhantomJS
no
//之后就會在項目中自動新增一個 karma.conf.js 配置文件
- 更改 karma.conf.js 文件，修改兩處地方
files[
'./src/**/*.js',
'./test/**/*.spec.js'
]
singleRun: true,
- 編輯 index.js 文件 ，這里使用的是 ES5 的語法
window.add = function (num) {
return num + 1;
}
- 編輯 indes.spec.js 參考：jasmine語法
describe("簡單的測試加法", function() {
it("簡單的測試加法", function() {
expect(window.add(1)).toBe(2);
});
});
- 接著將所需要用到的斷言庫 jasmine 和無頭瀏覽器 phantomjs 裝過來
npm install jasmine --save
npm install karma-phantomjs-launcher --save
//第二次操作好像并不需要再裝這個就可以直接執行 karma start
npm install phantomjs --save || npm install PhantomJs --save
//執行單元測試
karma start
這樣這個單元測試就成功了
image.png
