前言
在前端开发中，自动化测试是必不可少的环节。而测试代码的编写与执行往往都需要用到各种各样的工具和库，其中就包括了我们将要介绍的 npm 包 chai-checkmark。
chai-checkmark 的作用是为了方便我们在测试代码中输出符号，如√或×，从而更加清晰地告诉我们测试是否通过或失败。
在本篇文章中，我们将介绍 chai-checkmark 的使用方法，让你轻松上手。
安装
我们可以使用 npm 命令来安装 chai-checkmark。
npm install --save-dev chai-checkmark
用法
首先，让我们来看一下 chai-checkmark 中最重要的 API - use。我们可以使用 use 来将 chai-checkmark 引入到 chai 中，从而可以在测试代码中使用符号。
const chai = require("chai");
const chaiCheckmark = require("chai-checkmark");
chai.use(chaiCheckmark);接下来，我们可以在测试用例中通过 checkMark 和 crossMark 来输出符号。它们分别代表了 √ 和 ×。
-- -------------------- ---- -------
----- ------ - ------------
-------------- ---------------- -- -- -
---------- ------ --- -- -- -
------------ ----- ----- -----------------------
---
---------- ------ --- -- -- -
------------- ----- ----- -----------------------
---
---上面的代码演示了如何在测试代码中使用符号输出。如果测试通过，我们将会看到一个绿色的 √ 符号；如果测试失败，则会看到一个红色的 × 符号。
高级用法
当然，chai-checkmark 不仅仅只有这些基础的用法，它还提供了一些高级的功能，下面我们来一一介绍。
crossMark 和 checkMark 的可定制性
chai-checkmark 默认输出的符号是开头带颜色的符号，并以 "✔ " 或 "✘ " 开头。这两个符号我们也可以通过设置 crossMark 和 checkMark 的参数来定制。
-- -------------------- ---- -------
------------------------
---------- -
------- ----
------ -----
--
---------- -
------- ----
------ -------
-
----上面这个代码片段将会输出一个红色的 "✗" 符号代表测试失败，以及一个绿色的 "✔" 符号代表测试成功。
输出消息
chai-checkmark 还提供了一个参数 message，可以用来输出一条自定义的消息。这也可以帮助我们更好地理解测试的执行结果。
-- -------------------- ---- -------
------------------------
---------- -
------- ----
------ -----
--
---------- -
------- ----
------ -------
--
-------- ----------- -------
----
-------------- ---------------- -- -- -
---------- ------ - ---- --------- -- -- -
------------ ----- ----- -------------------------------------
---
---------- ------ - ---- --------- -- -- -
------------- ----- ----- -------------------------------------
---
---上面的代码演示了如何在输出符号的同时输出自定义消息。如果测试通过，我们将会看到 "✔ Check!" 的消息；如果测试失败，则会看到 "✗ Check!" 的消息。
结语
在本篇教程中，我们介绍了 npm 包 chai-checkmark 的基础用法以及一些不太为人知的高级 API。它可以帮助我们更直观、更方便的查看测试结果并输出自定义消息。希望这篇文章能够对你的前端测试开发工作有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb4eeb5cbfe1ea061139e