js单元测试
最近研究了js的单元测试,分享一下心得。
说起单元测试以前还真是不太了解,这次索性了解一番,测试有很多包含单元测试,性能测试,安全测试和功能测试等几方面,本次只介绍一下单元测试。
前端进行单元测试主要是为了提高自己的代码质量,多组测试用例,验证自己的代码是否都能通过,这是在开发中很有必要的。需要倡导的是‘开发者应该吃自己的狗粮’,*——*
单元测试主要包含断言,测试框架,测试用例等几个方面,
断言:
断言是对代码结果的一种判断,如果这种判断和结果是一样的,那么这个断言就是真的,测试就通过了,如果为假的,程序就会终止执行,并出现错误信息。
断言库有很多expect
,should,chai,其次就是node的assert断言,本次主要说assert断言
var assert=require('assert');
assert.equal(Math.max(1,100),100);
一但assert.equal()不满足期望,将会抛出AssertionError异常,整个程序将停止执行。
断言规范中,我们定义一下几种检测方法:
ok()判断结果是否为真,
equal()判断实际值与期望值是否相等,
notEqual():判断实际值与期望值是否不相等
deepEqual():判断实际值与期望值是否深度相等(对象和数组的元素是否相等)
notDeepEqual:判断实际值与期望值是否不深度相等
strictEqual:判断实际值与期望值是否严格相等(===)
notStrictEqual:判断实际值与期望值是否不严格相等(相当于!==)
throws:判断代码块是否抛出异常
市面上的大多断言库都是基于assert模块进行封装和扩展的,这包括著名的should.js断言库
安装:
npm install should --save-dev
测试框架
前面提到断言一旦检查失败,将会抛出异常停止整个应用,这对于大规模的断言检查时并不友好,更通用的就是抛出异常并且继续执行,最后生成测试报告,这任务承担着就是测试框架,优秀的单元测试框架是mocha(发音:摩卡),mocha本身不含有断言库,所以必须先引入断言库,像上面提到的断言库,不限于使用哪种。
安装:
npm install mocha -g(全局安装)
测试风格:
TDD(测试驱动开发)和BDD(行为驱动开发)这两种,他们的不同是什么?
TDD关注多有功能是否被正确的实现,每个功能都具备对于的测试用例;BDD关注整体行为是否符合规格预期,适合自顶向下的设计方式
TDD表达方式偏向于功能说明书的风格;BDD的表达方式更接近于自己的语言习惯
我个人比较习惯BDD风格方式:
主要采用describe和it进行组织,一个测试脚本与所要测试的源码脚本同名,但是后缀名为.test.js
(表示测试)或者.spec.js
(表示规格),比如,add.js
的测试脚本名字就是add.test.js
。
// add.test.js 测试脚本名字
var add = require('../lib/add'); describe('add', function () {
it('6 + 7 = 13', function () {
add(6,7).should.equal(13)
}) it('9 + 10 = 19', function () {
add(9 , 10).should.equal(19)
})
})
一个测试脚本由一个或多个describe测试套件组成,一个测试套件由一个或多个it测试用例组成,
describe
块称为"测试套件"(test suite),表示一组相关的测试。它是一个函数,第一个参数是测试套件的名称("add"),第二个参数是一个实际执行的函数。
it
块称为"测试用例"(test case),表示一个单独的测试,是测试的最小单位。是一个函数,第一个参数是测试用例的名称("6 + 7 = 13"),第二个参数是一个实际执行的函数。
mocha基本用法
有了测试脚本就可以使用mocha运行它
mocha
命令后面紧跟测试脚本的路径和文件名,可以指定多个测试脚本。
mocha file1 file2 file3
注意:mocha默认运行test子目录第一层的测试用例,不会执行更下层的用例。
例如:test文件下有个dir目录,里面有个测试脚本add.test.js,这是执行不到的,为了改变这种行为,就必须加上--recursive
参数,这时test
子目录下面所有的测试用例都会执行。
对于es6,需要经过编译后才可以进行测试,
转码需要安装
npm install babel-core babel-preset-es2015 --save-dev
然后 在根目录下面创建babelrc,配置:
{
"presets": [ "es2015" ]
}
注意,Babel默认不会对Iterator、Generator、Promise、Map、Set等全局对象,以及一些全局对象的方法(比如Object.assign
)转码。如果你想要对这些对象转码,就要安装babel-polyfill
。
npm install babel-polyfill --save-dev
使用时候需要导入
import 'babel-polyfill'
测试工具
karma则属于测试工具,能够模拟各种环境来运行你的测试代码,比如Chrome,Firefox,mobile等等。
(提一下:travis ci,是一个远程免费的持续集成(CI)服务,你可以通过配置绑定你github上的项目,并且配置运行环境,实现只要github上有代码更新,travis就会自动运行构建和测试,并反馈运行结果。)
使用karma
步骤
全局安装 karma
npm install -g karma-cli
安装所有依赖
......
初始化测试
karma init
1. Which testing framework do you want to use ? (mocha)
2. Do you want to use Require.js ? (no)
3. Do you want to capture any browsers automatically ? (Chrome)
4. What is the location of your source and test files ? (https://cdn.bootcss.com/jquery/2.2.4/jquery.js, node_modules/should/should.js, test/**.js)
5. Should any of the files included by the previous patterns be excluded ? ()
6. Do you want Karma to watch all the files and run the tests on change ? (yes)
启动测试
karma start
karma.conf.js:
module.exports = function(config) {
config.set({
basePath: '',
frameworks: ['mocha'], //使用的框架
files: [ //依赖模块
'https://cdn.bootcss.com/jquery/2.2.4/jquery.js',
'node_modules/should/should.js',
'test/**/*.js',
'src/**/*.js'
],
exclude: [//排除文件列表
],
preprocessors: {
},
reporters: ['progress'], port: 9876,//服务端口号 colors: true,//启用或禁用输出报告或者日志中的颜色 logLevel: config.LOG_INFO, autoWatch: true, //启用或禁用自动检测文件变化进行测试 browsers: ['Chrome'], //测试启动的浏览器
singleRun: false,//开启或禁用持续集成模式 设置为true, Karma将打开浏览器,执行测试并最后退出
concurrency: Infinity//并发级别(启动的浏览器数)
})
}
详细了解可以去karma :http://karma-runner.github.io/latest/index.html
js单元测试的更多相关文章
- 啥时候js单元测试变的重要起来?
作为一个菜鸟,开这个专栏其实不合适,但又突然发现这个比以往任何时候都重要,所以还是写写我的感受 首先,在传统的pc上也有大量的web站点和各种项目都有复杂的js,但是基本不做单元测试,为啥呢?因为传统 ...
- JS 单元测试
JS单元测试,我工作时主要以mocha + chai 下面时具体的文档: mocha: https://mochajs.org/#asynchronous-code Chai: http://chai ...
- 玩转Node.js单元测试
代码部署之前,进行一定的单元测试是十分必要的,这样能够有效并且持续保证代码质量.而实践表明,高质量的单元测试还可以帮助我们完善自己的代码.这篇博客将通过一些简单的测试案例,介绍几款Node.js测试模 ...
- 前端测试框架对比(js单元测试框架对比)
前端测试框架对比(js单元测试框架对比) 本文主要目的在于横评业界主流的几款前端框架,顺带说下相关的一些内容. 测试分类 通常应用会有 单元测试(Unit tests) 和 功能测试(Function ...
- 【JS单元测试】Qunit 和 jsCoverage使用方法
近日在网上浏览过很多有关js单元测试相关的文档,工具,但是,针对Qunit 和 jsCoverage使用方法,缺少详细说明,对于初入前端的人来说,很难明白其中的意思,特此整理这篇文章,希望 ...
- js单元测试框架
js单元测试框架 前端测试框架对比(js单元测试框架对比) 本文主要目的在于横评业界主流的几款前端框架,顺带说下相关的一些内容. 测试分类 通常应用会有 单元测试(Unit tests) 和 功能测试 ...
- Qunit 和 jsCoverage使用方法(js单元测试)
Qunit 和 jsCoverage使用方法(js单元测试) 近日在网上浏览过很多有关js单元测试相关的文档,工具,但是,针对Qunit 和 jsCoverage使用方法,缺少详细说明,对于初入前端的 ...
- JS单元测试框架:QUnit
QUnit:jQuery的单元测试框架,但不仅限于jQuery(从这个工具不需要引用jquery.js可以看出) index.html <!-- 官网 http://qunitjs.com/ - ...
- Vue.js—单元测试
Vue.js--测试 这里采用的是Vue官方工具(Vue-CLI)搭建出来的项目,在这个搭建工具中推荐的两种测试分别是 端到端的测试 E2E 单元测试 Unit Test 端到端的测试(E2E) E2 ...
随机推荐
- Linux交换分区使用过多的处理办法
处理办法 echo "vm.swappiness=0" >>/etc/sysctl.conf sysctl -p swapoff -a && swapo ...
- Mariadb修改root密码
默认情况下,新安装的 mariadb 的密码为空,在shell终端直接输入 mysql 就能登陆数据库. 如果是刚安装第一次使用,请使用 mysql_secure_installation 命令初始化 ...
- Atcoder Tenka1 Programmer Contest 2019
C 签到题,f[i][0/1]表示以i结尾最后一个为白/黑的最小值,转移显然. #include<bits/stdc++.h> using namespace std; ; ]; char ...
- Vue(项目踩坑)_解决vue中axios请求跨域的问题
一.前言 今天在做项目的时候发现axios不能请求跨域接口 二.主要内容 1.之前直接用get方式请求聚合数据里的接口报错如下 2.当前请求的代码 3.解决方法 (1)在项目目录中依次找到:confi ...
- Breastcancer社区评论下载
首页 某个社区 某社区的一个话题 目标:获取这个网站所有话题的所有评论相关信息 python实现 # -*- coding: utf-8 -*- """ @Datetim ...
- SNMP源码分析之(一)配置文件部分
snmpd.conf想必不陌生.在进程启动过程中会去读取配置文件中各个配置.其中几个参数需要先知道是干什么的: token:配置文件的每行的开头,例如 group MyROGroup v1 readS ...
- Node.js实战项目学习系列(1) 初识Node.js
前言 一直想好好学习node.js都是半途而废的状态,这次沉下心来,想好好的学习下node.js.打算写一个系列的文章大概10几篇文章,会一直以实际案例作为贯穿的学习. 什么是node Node.js ...
- JavaScript数据类型 String字符串类型的属性和方法
属性 字符串String类型的每个实例都有一个length属性,表示字符串中的字符个数.由于字符串是不可变的,所以字符串的长度也不可变 字符串的length属性不会在for/in循环中枚举,也不能通过 ...
- [物理学与PDEs]第5章第5节 弹性动力学方程组及其数学结构
5.5.1 线性弹性动力学方程组 1. 线性弹性动力学方程组 $$\beex \bea 0&=\rho_0\cfrac{\p{\bf v}}{\p t}-\Div_x{\bf P}-\r ...
- [物理学与PDEs]第1章第2节 预备知识 2.2 Ampere-Biot-Savart 定律, 静磁场的散度与旋度
1. 电流密度, 电荷守恒定律 (1) 电荷的定向移动形成电流. (2) 电流密度 ${\bf j}$, 是描述导体内一点在某一时刻电流流动情况的物理量, 用单位时间内通过垂直于电流方向的单位面积的电 ...