npm 包 es-unit 使用教程

引言

在前端开发中，我们经常需要进行单元测试来保障项目的质量。使用 es6 语法的项目则需要用到 es6 的模块化，由于浏览器并不完全支持 es6 的模块化语法，我们便需要借助一些工具来进行测试，es-unit 是其中之一。

es-unit 是什么

es-unit 是一个 npm 包，用于在浏览器中执行 es6 模块化测试。它的主要功能如下：

• 支持模块化
• 支持异步测试
• 支持 ES2015+ 语法
• 支持前端开发框架

如何使用 es-unit

把 es-unit 安装到你的项目中：

npm install es-unit

然后，在你的测试文件中，引入 es-unit：

import { test } from 'es-unit';

使用 es-unit 进行测试时，可以采用类似于 Mocha 的 BDD 风格。例如：

-- -------------------- ---- -------
------ - ------ - ---- -------
------ - ---- - ---- ----------

------------- -- -- -
    ---------------------- -- -- -
        ---------- ------ -- ---- --- ----- -- --- --------- -- -- -
            ---------- -- ----------------------------
        ---
    ---
---

describe() 和 it() 用来分组和描述测试用例，分别代表一个测试用例集和一个具体的测试用例。expect() 用来断言测试结果是否符合预期。

es-unit 提供了丰富的断言，除了 chai 的 expect 之外，还包括 Sinon 和 Sinon-Chai：

import { expect } from 'chai';
import { test, mock } from 'es-unit';

test('mock', () => {
    const fn = mock();
    fn(1, 2, 3);
    fn.calledWith(1, 2, 3); // true
});

如何编写测试覆盖率

es-unit 还可以集成 istanbul，进行测试覆盖率的统计。

在项目中安装 istanbul 和 es-unit-istanbul：

npm install istanbul es-unit-istanbul

然后，在测试文件中引入 es-unit-istanbul：

import { test } from 'es-unit';
import esUnitIstanbul from 'es-unit-istanbul';

esUnitIstanbul.collectCoverage();

在命令行运行测试：

istanbul cover node_modules/.bin/es-unit test/**/*.js

然后打开 coverage/lcov-report 文件夹，即可查看测试覆盖率。

总结

es-unit 提供了完善的测试功能和丰富的断言库，支持测试覆盖率的统计。它是前端开发中不可或缺的测试工具之一，希望本文对你有所帮助。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005609581e8991b448decb3