Javascript CI篇（3）- Karma + Jasmine + istanbul 集成

wwolf 发布于2019-08-20 18:11 / 539人阅读

摘要：脚本修改配置文件这里要注意，预处理的文件是源码，而不是测试文件，因为我们要查源码的测试覆盖率的配置这两个覆盖率报告运行运行后直接在网页中点可以看测试情况。如果你看覆盖率需要到项目目录找到对应浏览器地下的文件。

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": ".
ode_modules.binkarma.cmd start",
    "karma-init": ".
ode_modules.binkarma.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文件。

云服务器 GPU云服务器 karma_jasmine 第3篇集成环境php5.3 istanbul

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/84167.html

Angular单元测试系列-简介

摘要：单元测试我们可以将其分成两类独立单独测试与测试工具集。工具集还有更多，这一切我们将在单元测试组件与指令单元测试逐一说明。那么下一篇，我们将介绍如何使用进行单元测试。本文将探讨如何搭建测试环境、以及Angular测试工具集。测试环境绝大部分都是利用Angular Cli来创建项目，因此，默认已经集成我们所需要的npm包与脚本；当然，如果你是使用自建或官网 quickstart 的话...

CNZPH 2019-08-21 11:43 评论0 收藏0
Javascript CI篇（2）- Karma 基础学习

摘要：核心功能就是启动一个服务并监听项目文件改变，文件改变后再刷新服务器。 Karma 简介 Karma是Testacular的新名字，在2012年google开源了Testacular，2013年Testacular改名为Karma。Karma是一个让人感到非常神秘的名字，表示佛教中的缘分，因果报应，比Cassandra这种名字更让人猜不透！ Karma是一个基于Node.js的JavaS...

Ku_Andrew 2019-08-20 18:11 评论0 收藏0
FE.TEST-前端测试初探

摘要：使用可以快速生成一个项目，其中包含了和以及覆盖率统计的配置参考一个创建测试脚本的快速方法其他参考资料前端自动化测试概览测试之使用对项目进行单元测试 showImg(https://segmentfault.com/img/bVbjfXr?w=600&h=317); 前言测试可以提供快速反馈，根据测试用例覆盖代码，从而提升代码开发效率和质量。根据投入产出价值，通常迭代较快的业务逻辑不做...

Travis 2019-08-23 12:55 评论0 收藏0
FE.TEST-前端测试初探

摘要：使用可以快速生成一个项目，其中包含了和以及覆盖率统计的配置参考一个创建测试脚本的快速方法其他参考资料前端自动化测试概览测试之使用对项目进行单元测试 showImg(https://segmentfault.com/img/bVbjfXr?w=600&h=317); 前言测试可以提供快速反馈，根据测试用例覆盖代码，从而提升代码开发效率和质量。根据投入产出价值，通常迭代较快的业务逻辑不做...

张率功 2019-08-29 17:11 评论0 收藏0