karma 和 jasmine 基本

请检察Jasmine基本进修和Karma基本进修

装置

//karma
npm install karma --save-dev

//jasmine
npm install karma-jasmine karma-chrome-launcher jasmine-core --save-dev

//istanbul
npm install karma-coverage
npm install karma-jasmine-html-reporter --save-dev

增添 npm 剧本

karma采纳当地装置形式，所以运转karma是在node_module/.bin/karma.cmd，运转起来贫苦，直接package.json中加载剧本轻易运转

    "karma-start": ".\\node_modules\\.bin\\karma.cmd start",
    "karma-init": ".\\node_modules\\.bin\\karma.cmd init"

设置karma.conf.js

先运转karma init完成初始化设置，karma默认用的测试框架就是jasmine。

//npm 剧本
npm run karma-init

修正设置文件

    //这里要注意，预处理的文件是源码，而不是测试文件，由于我们要查源码的测试覆蓋率
    preprocessors: {
      'src/**/*.js':'coverage'
    },
    //istanbul的设置
    coverageReporter: {
        type : 'html',
        dir : 'coverage1/'
    },
    
    https://npmjs.org/browse/keyword/karma-reporter
    //'coverage','kjhtml' 这两个覆蓋率报告
    reporters: ['progress','coverage','kjhtml'],

运转

npm run karma-start

运转后直接在网页中点debug能够看测试状况。假如你看覆蓋率需要到项目目次找到coverage1对应浏览器Chrome地下的index.html文件。