前端单元测试环境搭建——Karma+Mocha+Chai

前端单元测试环境搭建——Karma+Mocha+Chai

1、Karma

安装

npm install karma --save-dev 或yarn add karma --dev

配置

在安装完成karma后，要新建一个karma.conf.js文件来进行karma的配置，大致代码如下，后面会介绍配置的相关含义。

// karma.conf.js

// webpack配置
const webpackConfig = require('../../build/webpack.test.conf')
module.exports = (config) => {
   
  config.set({
   
    files: ['specs/**/*.spec.js'],
    // karma plugin
    plugins: [
      'karma-chrome-launcher',
      'karma-webpack',
      'karma-mocha',
      'karma-chai',
      'karma-spec-reporter',
      'karma-coverage'
    ],
    browsers: ['Chrome'],
    frameworks: ['mocha', 'chai'],
    reporters: ['spec', 'coverage'],
    // karma-coverage plugin options
    coverageReporter: {
   
      dir: './coverage',
      reporters: [
        {
    type: 'lcov', subdir: '.' },
        {
    type: 'text-summary'