[TOC] # 斷言 * should.js * expect.js * Jasmine.js * chai.js # Karma 是一個基于Node.js的JavaScript測試執行過程管理工具（Test Runner）。可啟動所有主流Web瀏覽器作為測試容器，運行時會啟動一個web服務器，生成包含js源代碼和js測試腳本的測試頁面，運行瀏覽器加載測試頁面，并顯示測試的結果。 ## 基本配置 安裝Karma ``` npm install karma --save-dev ``` 安裝 jasmine、karma-jasmine、karma-chrome-launcher ``` npm install karma-jasmine karma-chrome-launcher jasmine-core --save-dev ``` 安裝cli工具，啟動時就不需要執行 ./node\_modules/karma/bin/karma start ``` npm install -g karma-cli ``` 生產配置文件 ``` karma init ``` 修改 karma.conf.js 部分配置 ``` files: [ 'test/**/*.js', 'tests/**/*.js' ], singleRun: true, ``` * files：瀏覽器要加載、觀測的文件 * frameworks：指定斷言庫類型 * browser：指定運行的瀏覽器 * singleRun：開啟或禁用持續集成模式。設置為true, Karma將打開瀏覽器，執行測試并最后退出 運行 ``` karma start ``` ## 代碼覆蓋率 ``` cnpm i karma-coverage -D ``` 修改配置文件 ``` preprocessors: { 'tests/**/*.js': ['coverage'] }, reporters: ['progress', 'coverage'], coverageReporter: { type : 'html', dir : './docs/coverage/' }, ``` ## ES6轉換 參考自 [https://wenjs.me/p/es6-testing-workflow-with-karma](https://wenjs.me/p/es6-testing-workflow-with-karma) 安裝依賴 ~~~ npm i @babel/core @babel/plugin-transform-modules-umd karma-babel-preprocessor -D ~~~ 修改 karma.config.js 配置 ~~~ preprocessors: { 'tests/**/*.js': ['coverage'] 'tests/**/*.js': ['babel','coverage'] }, ~~~ 添加 babel 配置文件 .babelrc auxiliaryCommentBefore是用在babel編譯時添加istanbul忽略，代碼覆蓋率能夠清晰展示 ~~~ { "plugins": ["@babel/plugin-transform-modules-umd"], "auxiliaryCommentBefore": "istanbul ignore next" } ~~~