QUnit-API

QUnit-API 是一款 JavaScript 的测试框架，适用于前端和后端测试。它是 jQuery 团队为其项目编写的第一个测试框架。

安装

npm install qunit --save-dev

使用

定义测试用例

使用 QUnit.test() 函数来定义测试用例，该函数接受两个参数：

• 第一个参数是测试用例的名称
• 第二个参数是包含测试代码的函数

QUnit.test('测试示例', function(assert) {
  assert.ok(1 === 1, '1 等于 1');
});

断言

QUnit 提供了一些断言函数，例如 assert.equal()、assert.ok()、assert.strictEqual() 等等，用于测试结果的比较。

QUnit.test('测试示例', function(assert) {
  assert.equal(1, 1, '1 等于 1');
  assert.ok('hello' !== 'world', 'hello 不等于 world');
  assert.strictEqual([1, 2, 3].indexOf(1), 0, '[1, 2, 3] 中索引为 0 的位置是 1');
});

运行测试

可以通过以下两种方式运行测试：

1. 在浏览器中打开 QUnit 的页面，并通过页面中的按钮启动测试
2. 使用命令行运行测试，需要安装 jsdom 模块

npm install jsdom --save-dev

const fs = require('fs');
const jsdom = require('jsdom');
const { JSDOM } = jsdom;

const html = fs.readFileSync('./test/index.html', 'utf-8');
const virtualConsole = new jsdom.VirtualConsole();
const dom = new JSDOM(html, { virtualConsole });

// 获取 QUnit 的全局对象
const QUnit = dom.window.QUnit;

// 启动测试
QUnit.load();

钩子函数

QUnit 还提供了一些钩子函数，用于在测试前和测试后执行某些操作。例如：

QUnit.module('示例测试', {
  before: function() {
    console.log('测试开始');
  },
  beforeEach: function() {
    console.log('每个测试用例开始执行');
  },
  afterEach: function() {
    console.log('每个测试用例结束执行');
  },
  after: function() {
    console.log('测试结束');
  }
});

QUnit.test('测试示例', function(assert) {
  assert.ok(1 === 1, '1 等于 1');
});

参考文献

• QUnit 官方文档