引言
前端自动化测试是一个重要的环节，它可以提高效率、保证质量，避免出现 bug 。而自动化测试需要使用一些工具来实现，而这些工具中的一个重要的部分是测试框架。在 JavaScript 中，目前比较流行的测试框架有 Jasmine、Mocha、Jest、QUnit 等。其中，Jasmine 是一个比较古老的测试框架，但它的语法糖比较简洁，用起来比较舒服。而本文要介绍的是一个基于 Jasmine 的测试工具——@test-runner/el。
什么是 @test-runner/el
@test-runner/el 是一个基于 Jasmine 的测试工具，提供了一些新的语法，可以让我们更加方便地进行测试。它支持在浏览器中运行测试，并且可以支持多种测试报告格式导出，如 html、xml、junit 等。如果你之前使用过 Jasmine，那么@el-runner/test 可以让你更加方便地进行测试。
特性
- 支持在浏览器中运行测试。
- 支持多种测试报告格式导出。
- 支持测试异步代码，包括 async/await 和 promise。
- 支持增量测试。
- 支持监视模式。
安装
使用命令 npm install --save-dev @test-runner/el 安装。
使用
- 编写测试脚本 common.spec.js：
const { test } = require('@test-runner/el');
test('Math.max() should return the largest number in the array', () => {
const result = Math.max(2,4,6,8);
expect(result).equals(8);
});在这个脚本中，我们通过 require 引入了 @test-runner/el 中的 test 函数，然后使用 test 函数来编写测试用例。在这里，我们测试了 Math.max() 是否返回了数组中最大的数。
- 在 package.json 中配置测试命令：
{
"scripts": {
"test": "test-runner",
"test:watch": "test-runner --watch"
}
}- 使用 npm run test 命令来运行测试。
更多示例
使用 beforeEach 和 afterEach
-- -------------------- ---- ------- ----- - ---- - - --------------------------- ------------------ -- - -------------------------- --- ----------------- -- - ------------------------- --- ------------- -- -- - --------------------- --- ------------- -- -- - --------------------- ---
在这个例子中，我们使用 beforeEach 和 afterEach 来设置全局的测试配置。beforeEach 会在每个测试用例运行之前运行，而 afterEach 则会在每个测试用例运行之后运行。这里我们只是简单地输出了一些信息，实际使用中，我们可以使用它们来设置一些场景、打开或关闭一些资源等。
异步测试
-- -------------------- ---- -------
----- - ---- - - ---------------------------
------------- ----- -- -- -
------------------ --------
----- --- ----------------- -- -
------------- -- -
------------------ ------
----------
-- ------
---
---------------------
---
------------- ----- -- -- -
------------------ --------
----- --- ----------------- -- -
------------- -- -
------------------ ------
----------
-- ------
---
---------------------
---在这个例子中，我们使用 async/await 来测试异步代码。@test-runner/el 支持测试异步代码，无论是 async/await 还是 promise 都可以。运行这个测试用例时，我们会发现 test1 和 test2 的时间不同，因为它们的异步代码执行时间不同。
结论
@test-runner/el 是一个比较实用的测试框架，它提供了一些新的语法，可以让我们更加方便地进行测试。如果你之前用过 Jasmine，那么@el-runner/test 可以让你更加舒适地进行测试。希望本文对你有所帮助，祝您使用愉快！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f06fd64403f2923b035bf87