利用Karma、Jasmine 做前端单元测试

2019独角兽企业重金招聘Python工程师标准>>>

<一> 使用技术

karma
jasmine
karma-coverage

<二> 安装插件

1.nodejs

2.安装karma

npm install -g karma
npm install -g karma-cli

3.安装jasmine

npm install -g jasmine

4.安装karma-coverage

npm install -g karma-coverage

<三>跑起一个程序

1.项目的目录结构：

2.add.js 文件

function add (a, b) {return a + b;
}

3.add-test.js

describe("my great and huge math lib", function () {it("should perfectly complete complex addition", function () {var result = add(3, 5);expect(result).toEqual(8);});
});

4.conf 文件

可以这样，在karma-my-proj 目录下

karma init pro-conf.js

5.启动程序

karma start pro-conf.js

根据提示，选择js目录、chrome、jasmine等

6.也可以编辑conf.js 如下：

<1>.files

 // list of files / patterns to load in the browserfiles: ['js/**/*.js','test/**/*.js'],

<2>.coverage

// test results reporter to use// possible values: 'dots', 'progress'// available reporters: https://npmjs.org/browse/keyword/karma-reporterreporters: ['progress','coverage'],preprocessors : {'js/**/*.js': 'coverage'},coverageReporter: {type : 'html',dir : 'coverage/'},

<四> 运行结果：

1.终端：

2.浏览器

3.覆盖报告：

转载于:https://my.oschina.net/pingjiangyetan/blog/475066

利用Karma、Jasmine 做前端单元测试相关推荐

前端单元测试-karma+mocha+chai
一.概念普及 1.单元测试运行环境: 运行环境是集成一系列功能的工具,我们可以通过它来选择"测试框架".自动打开浏览器.查看测试结果等功能.我们可以把它近似的理解为vue的vue- ...
html5游戏联机教程,纯前端如何利用帧同步做一款联机游戏？
一.游戏帧同步 1.简介 ·现代多人游戏中,多个客户端之间的通讯大多以同步多方状态为主要目标,为了实现这一目标,主要有两个技术方向:状态同步.帧同步. ·状态同步的思想中不同玩家屏幕上的一致性的表现并 ...
前端单元测试到底要怎么写？看这一篇就够了
本文因未标注原创,如需转载,请顶部标注来源本公众号. 简介随着 Web 应用的复杂程度越来越高,很多公司越来越重视前端单元测试.我们看到的大多数教程都会讲单元测试的重要性.一些有代表性的测试框架 a ...
前端单元测试怎么写（以Vue为例）
单元测试是什么对软件中的最小可测试单元(一个方法)进行测试单元测试的意义 1.分模块开发,方便定位到哪个模块出现问题 2.保证了代码质量 3.驱动开发(先写单元测试,通过再写代码) 单元测试两种类 ...
前端单元测试及其工具介绍（一）
文章目录前端单元测试及其工具介绍为什么需要单元测试单元测试的一些要素工具 mocha 介绍 API 钩子函数 chai 介绍使用 mochawesome nyc/Istanbul 介绍 Si ...
「跨域」利用node.js实践前端各种跨域方式（上）
前言常言道,"读万卷书,不如行万里路".技术的学习也是如此,唯有实践才能更清楚的明白原理和加深印象,因此本文会利用node.js对前端的各种跨域方式进行实践,强烈建议一步一步跟着 ...
若川知乎问答：做前端感觉很吃力怎么办？
前些日,我发了一篇推文<做前端感到越来越吃力了!怎么办?>,虽然是推广,但阅读量却很高,推广标题我们大概率不能改,感觉骗了大家,掉粉挺多人.写稿的人可能就是看到了知乎这个问答.想起我自己曾 ...
做前端性能优化，还不知道什么是Preload、Prefetch、Preconnect、Prerendering，你就out了？
做前端性能优化,还不知道什么是Preload.Prefetch.Preconnect? 今天,我们将探讨当前的资源提示和指令,这是提高网站或 Web 应用程序性能的另一种好方法.您可能听说过Prelo ...
突然讨厌做前端,讨厌代码_你讨厌正则表达式吗？那么，我为您提供解决方案......
突然讨厌做前端,讨厌代码 by Bukhari Muhammad 通过布哈里·穆罕默德(Bukhari Muhammad) 你讨厌正则表达式吗? 那么,我为您提供解决方案... (Do you hat ...
做前端的你觉得很吃力？
前端工作5年多.大部分前端原理.框架都能完全运用.工作中几乎遇不到解决不了的问题(除了那些恶心无法实现的需求)现在经常被安排去面试新人(被安排去面试,主要是工作能力比较突出的原因,公司还有很多3年以上 ...

利用Karma、Jasmine 做前端单元测试

<一> 使用技术

<二> 安装插件

1.nodejs

2.安装karma

3.安装jasmine

4.安装karma-coverage

<三>跑起一个程序

1.项目的目录结构：

2.add.js 文件

3.add-test.js

4.conf 文件

5.启动程序

6.也可以编辑conf.js 如下：

<四> 运行结果：

1.终端：

2.浏览器

3.覆盖报告：

利用Karma、Jasmine 做前端单元测试相关推荐

最新文章

热门文章