前言
JavaScript 开发中，测试是不可缺少的一部分。在测试框架中，QUnit 是一种简单易用的 JavaScript 测试框架，它由 jQuery 团队开发，并在 jQuery 中使用。
本文将介绍如何使用 npm 包@gerhobbelt/qunit。
安装
我们可以通过 npm 安装 @gerhobbelt/qunit：
npm install @gerhobbelt/qunit --save-dev
使用
创建测试
我们可以创建一个 JavaScript 文件来编写我们的测试，例如创建一个名为 test.js 的文件：
QUnit.test("hello test", function(assert) {
assert.ok(1 == "1", "Passed!");
});在这个例子中，我们定义了一个名为 hello test 的测试用例，在测试用例中，我们使用 assert.ok() 函数来判断表达式 1 == "1" 是否为真，如果为真，则测试通过，否则测试失败。
运行测试
当我们编写好测试用例后，我们需要运行测试，并查看测试结果，我们可以通过 CLI 工具或者浏览器来运行我们的测试。
使用 CLI 工具运行测试
我们可以在终端输入以下命令来执行我们的测试：
npx qunit test.js
在运行测试后，我们可以看到类似以下输出：
TAP version 13 # hello test ok 1 Passed! 1..1 # tests 1 # pass 1 # fail 0
输出中，# hello test 表示的是我们测试用例的名称，ok 1 Passed! 表示测试成功。
使用浏览器运行测试
我们也可以在浏览器中运行测试，而不是在终端中运行，方便我们查看测试结果：
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- ------------ --------------- ----- ---------------- ------------------------------------------------------ ------- ------ ---- ----------------- ---- ------------------------- ------- ------------------------------------------------------------- ------- ----------------------- ------- -------
在浏览器中打开该 HTML 文件，即可看到测试结果。
总结
通过本文，我们可以知道如何使用 npm 包@gerhobbelt/qunit 进行前端测试，并学会如何编写测试用例，以及如何运行测试并查看测试结果。测试是一个非常重要的环节，在开发中，我们不应该忽略测试的重要性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f8e238a385564ab6eed