前端开发越来越受到关注，如何提高代码的质量和测试的覆盖率是开发者们需要深入思考和学习的问题。其中，单元测试是一种广泛应用的技术手段。在前端框架和库中，使用 Jest 作为测试框架的案例越来越多。本篇文章主要介绍 Jest 的一个 npm 包 jest-serializer-sql 的使用教程。
jest-serializer-sql
Jest 是 Facebook 开源的一款 JavaScript 测试框架，jest-serializer-sql 是 Jest 的一个插件，它可以将 SQL 语句序列化输出，使得测试报告中可以直观地比对 SQL 语句的变化。这对于涉及到数据库的单元测试非常有用。
安装
首先需要安装 Jest 和 jest-serializer-sql。使用 npm 安装即可。
npm install --save-dev jest jest-serializer-sql
使用
在 Jest 的配置中添加 jest-serializer-sql 插件即可。在项目的根目录创建一个 jest.config.js 文件。
module.exports = {
"snapshotSerializers": ["jest-serializer-sql"]
}现在我们来编写一个测试用例。其中，我们使用了一个简单的数据库查询函数，并用 Jest 进行单元测试。
-- -------------------- ---- -------
----- - ----- - - ----------------
----------------- -- -- -
----------- ----- -- -- -
----- --- - ------- - ---- ----- ----- ---- - ---
----- ------ - -------------
----------------- ---------------------------
---
---运行测试时，Jest 首次运行测试用例时会生成快照文件并对比检查，如果检查通过，则测试通过。
-- -------------------- ---- -------
- --- ----
---- ---------------
-----
- ----- --- -----
-------- -------
- - -------- ------- ---- - ---- ------
---- ------- - ------- - -----
------ - ------- - -----
---------- - -------- - ------- - -----
----- ------可以看到，Jest 为我们自动创建了一个 .snap 文件，它包含了测试函数的执行结果。
exports[`query query sql 1`] = ` SELECT * FROM USERS WHERE NAME = ? Array [ "xiaoming", ] `;
若此时我们修改了查询语句，再次执行 Jest 单元测试时就会提示测试失败，并提示我们生成了什么样的新快照内容。
-- -------------------- ---- -------
- --- ----
---- ---------------
-----
- ----- --- -----
- ----- - ----- ---
----------------------------------
- --------
- --------
------ - ---- ----- ----- ---- - ----
----- -
-----------
-
-- ------------------ --------------------我们可以使用 Jest 提供的 -u 选项来更新快照文件适配新的查询语句。
$ npx jest -u
深度
除了默认的使用方式，jest-serializer-sql 还支持自定义格式化内容的方法。
-- -------------------- ---- ------- ----- - --------- - - ------------------------------- -- ------ --------- -------- ----- ------ - ----- ------- -- ------------------ - ------------------ -- ---- -- ---- ----- --- - --------- --------- -------------- ---- - ----- -- ------- --------- ---------------------------- -- ------ - ---- ----- ----- ---- - - -- -- ----- - -- ---------- -- - -- ------ --------- -------------------------- - ---------- ----- -- ----------- -- ---- -- ------ -- - -- ---- -- ----- -- ----- -- ---- - - -- -- ----- - -- ---------- -- -
在 serializer 函数中，要对 SQL 语句进行自定义的格式化操作，可以提供一个 formatter 函数。
学习意义
通过 Jest 的插件 jest-serializer-sql，开发者可以更轻松地进行针对数据库的单元测试。Jest 的强大功能不但可以让我们的代码更健壮，也可以快速发现隐藏的 bug，提高代码质量。学习 jest-serializer-sql 可以使开发者更方便地使用 Jest 提供的测试框架进行单元测试，进而更好地提高前端开发水平。
示例代码
-- -------------------- ---- -------
----- - --------- - - -------------------------------
--------------------- -- -- -
------------- ----------- -- -- -
----- --- - ------- - ---- ----- ----- ---- - ---
----- ------ - -------------
--------------------- ---------------------------
---
------------ ----------- -- -- -
----- --- - ------- - ---- ----- ----- ---- - ---
----- ------ - -------------
----- ------------ - -------------- -
---------- ----- -- ------------------------- --------
---
---------------------------------------
---
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005615f81e8991b448df459