一、單元測(cè)試
實(shí)現(xiàn)單元測(cè)試框架的搭建、es6語法的應(yīng)用、以及測(cè)試覆蓋率的引入。
1. 需要安裝的項(xiàng)目:
jasmine:?jiǎn)卧獪y(cè)試庫
karma:測(cè)試框架,配置選擇phantomjs瀏覽器
karma-jasmine:操作jasmine的插件
karma-webpack:webpack與karma的連接
mock:用于數(shù)據(jù)模擬,用'npm install --save-dev mockjs'安裝
karma-coverage:測(cè)試覆蓋率報(bào)表
karma-spec-reporter:命令行輸出測(cè)試用戶的運(yùn)行結(jié)果
babel-plugin-istanbul: 測(cè)試覆蓋率顯示未通過webpack打包的源碼
由于babel-plugin-istanbul是bable的一個(gè)插件,所以需要修改.babelrc文件,代碼如下:
{ "presets":["es2015","stage-2"], "plugins": ["istanbul"] //這句話是重點(diǎn)}
2. 配置參數(shù)及運(yùn)行命令:
運(yùn)行命令
.\node_modules\.bin\karma start .\test\karma.conf.js
karma命令為私有安裝,karma配置文件指定在test文件夾下。
配置文件如下:
module.exports = function(config) { config.set({ // 基路徑:表示karma從那個(gè)位置開始找文件 basePath: '', // 框架 frameworks: ['jasmine'], // 測(cè)試的入口文件 fi