mocha
关于mocha的基础使用可以参考之前预习的时候写的mocha 基础使用。这里总结了一些基础的mocha的用法和node模块中assert的几个常用的方法。
基础测试用例实例
const assert = require('assert');
describe('测试套件描述', function() {
it('测试用例描述: 1 + 2 = 3', function() {
// 测试代码
const result = 1 + 2;
// 测试断言
assert.equal(result, 3);
});
});
Mocha 测试用例主要包含下面几部分:
- describe 定义的测试套件(test suite)
- it 定义的测试用例(test case)
- 测试代码
- 断言部分
说明：每个测试文件中可以有多个测试套件和测试用例。mocha不仅可以在node环境运行, 也可以在浏览器环境运行；在node中运行也可以通过npm i mocha -g全局安装mocha然后以命令行的方式运行测试用例也是ok的。
Karma
基于 karma 测试常用的一些模块
模块安装
# 基础测试库
npm install karma-cli -g
npm install karma mocha karma-mocha --save-dev
# 断言库
npm install should --save-dev
npm install karma-chai --save-dev
# 浏览器相关
npm install karma-firefox-launcher --save-dev
npm install karma-chrome-launcher --save-dev
配置
这里的配置主要关注的是karma.conf.js的相关配置。如果要使用 karma 和 mocha 最好通过npm install karma-cli -g全局安装karma-cli。具体配置配置说明
需要注意的两个字段:
- singleRun: 如果值为 true, 则在浏览器运行完测试后会自动退出关闭浏览器窗口。singleRun的值我们可以更具运行环境来动态赋值, 可以启动命令中添加
NODE_ENV变量。 - browsers: 浏览器配置(可以配置多个浏览器); 如果浏览器无法启动需要进行相关浏览器的配置。设置自启动浏览器时候如果浏览器启动失败可能需要设置为
--no-sandbox模式。
{
"browsers": ["Chrome", "ChromeHeadless", "ChromeHeadlessNoSandbox"],
"customLaunchers": {
"ChromeHeadlessNoSandbox": {
"base": "ChromeHeadless",
"flags": ["--no-sandbox"]
}
}
}
或者
{
"browsers": ["Chrome_travis_ci"],
"customLaunchers": {
"Chrome_travis_ci": {
"base": "Chrome",
"flags": ["--no-sandbox"]
}
}
}
接入 Travis-CI 参考配置。 关于前端测试如何接入Travis-CI，可以参考TestTravisCI项目，已经步骤说明。
sudo: required
language: node_js
node_js:
- '8'
before_script:
- 'sudo chown root /opt/google/chrome/chrome-sandbox'
- 'sudo chmod 4755 /opt/google/chrome/chrome-sandbox'
- npm install mocha karma-cli -g
- npm install
script:
- npm run test
文章中的实例 demo
参考文章
测试的道理
karma 测试框架的前世今生
