前言
在前端开发中，我们使用自动化测试框架来保证代码的质量和可维护性。Jest 是一种常用的测试框架，它具有简单易用、高效快速和丰富的生态圈等特点。在 Jest 中，Matchers 是一种用于断言的语法糖，它们用于判断实际结果是否符合预期结果。
在实际开发过程中，我们可能需要根据具体业务需求编写一些自定义 Matchers，以便更准确地测试代码。本文将详细介绍 Jest 测试中的自定义 Matchers 技术，并提供示例代码进行演示。
Jest 中已有的 Matchers
在 Jest 中，已经包含了许多常见的 Matchers，例如 toBe、toEqual、toContain、toMatch 等等。这些 Matchers 用于测试不同类型的数据，例如字符串、数组、对象、数字等等。
以下是一些示例代码：
-- -------------------- ---- -------
------------ ------------ -- -- -
----- ---- - ------ -------
-------- - ---
--------------------------- ------ ---- -----
---
-------------- -- -- -
-------- - -----------
---
-------------- -- -- -
------------- --------------------------
---
------------- -- -- -
---------------- --------- -------------------------------
---自定义 Matchers
如果已有的 Matchers 不能满足测试需求，我们可以根据具体情况编写自定义 Matchers。Jest 提供了 expect.extend() 方法来扩展 Matchers。这个方法会将自定义 Matchers 加入到全局的 expect 对象中。
以下是一个示例代码：
-- -------------------- ---- -------
---------------
-- ------------
----------------------------- --------- -
----- ---- - -------- -- ---------
-- ------ -
------ -
-------- -- --
--------- ----------- --- -- -- ---- ---- -- ----- -- -------------
----- -----
--
- ---- -
------ -
-------- -- --
--------- ----------- -- -- ---- ---- -- ----- -- -------------
----- ------
--
-
--
---在这里我们编写了一个 toBeLessThanOrEqual 自定义 Matcher，它用于判断一个值是否小于等于另一个值。接下来我们来进行测试：
test('toBeLessThanOrEqual Matcher', () => {
expect(4).toBeLessThanOrEqual(5);
expect(4).not.toBeLessThanOrEqual(3);
});在测试中，我们首先使用 toBeLessThanOrEqual Matcher 断言 4 是否小于等于 5，结果应该为真。然后我们再次使用 toBeLessThanOrEqual Matcher 断言 4 是否小于等于 3，结果应该为假。如果对于这个代码块不太理解，可先学习 Jest 中的 expect 语法糖，再来学习自定义 Matchers。
除了 toBeLessThanOrEqual Matcher 之外，我们还可以根据业务需求编写其他的自定义 Matchers，例如判断一个字符串是否包含特定子串，判断一个数组中是否含有某个元素等等。
结论
在 Jest 中，自定义 Matchers 用于满足特定的测试需求。通过自定义 Matchers，我们可以更加准确地测试代码。本文中介绍了自定义 Matchers 的基本用法，并提供了示例代码进行演示。希望读者可以深入学习 Jest 测试框架，掌握自定义 Matchers 技术，提高代码的可靠性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6709bf99d91dce0dc87b50ce