简介
custom-jquery-matchers 是一个 npm 包，它为 jQuery 提供了一些自定义的断言（Matchers）。这些断言可以用于测试代码的正确性或者行为是否符合预期。
custom-jquery-matchers 可用于 jasmine 和 jest 测试框架，可以方便地添加到你的项目中。
安装
使用 npm 进行安装：
npm install custom-jquery-matchers --save-dev
安装完成后，可以使用以下语句引入 custom-jquery-matchers：
const customMatchers = require('custom-jquery-matchers');使用
首先，需要加载 jQuery 库。然后，可以使用 customMatchers 对象中的 matcher 方法创建自定义的 Matcher。matcher 方法可以接受两个参数，分别是 Matcher 名称和 Matcher 函数。
例如，创建一个名为 toContainElement 的 Matcher，用于检查是否包含指定的元素：
-- -------------------- ---- -------
----- ---------------- - -------- -- -
------ -
-------- -------- ---------- --------- -
----- --------- - ------------
----- --------- - ------------
----- ---- - ------------------------------- - --
-- ------ -
------ -
----- -----
--
- ---- -
------ -
----- ------
-------- -
---------
-----------------------------
-- --------
-----------------------------
--
--
-
--
--
--
------------ -- -
--------------------- ---------------- ---
---上述代码中，我们使用了 toContainElement Matcher，该 Matcher 检查 received 是否包含 expected。其中，
received表示 jQuery 对象，表示要检查的元素expected表示 jQuery 对象，表示要包含的元素
接下来，我们可以在测试用例中使用 toContainElement Matcher：
-- -------------------- ---- ------- ------ ---------------- --------- -------- -- - ----- ---------- - ------------------------------ ----- -------- - ------------------- ---------------------------------------------- ----- ------------- - ----------------- ------------------------------------------------------- ---
上述代码中，我们创建了一个名为 $container 的 jQuery 对象，包含一个 span 元素，然后创建另一个名为 $element 的 jQuery 对象，表示要包含的元素。
然后，我们使用 toContainElement Matcher 检查 $container 是否包含 $element。
同时，我们创建另一个名为 $otherElement 的 jQuery 对象，表示不包含的元素，然后可以使用 not.toContainElement Matcher 检查 $container 是否不包含 $otherElement。
总结
使用 custom-jquery-matchers 可以为 jQuery 添加一些自定义的断言，方便进行测试，帮助我们更好地测试代码的正确性或者行为是否符合预期。同时 custom-jquery-matchers 可以方便地集成到项目中，提高测试效率。
更多 Matcher 示例和使用，请参考 custom-jquery-matchers 的官方文档。
示例代码
-- -------------------- ---- -------
----- -------------- - ----------------------------------
----- ---------------- - -------- -- -
------ -
-------- -------- ---------- --------- -
----- --------- - ------------
----- --------- - ------------
----- ---- - ------------------------------- - --
-- ------ -
------ -
----- -----
--
- ---- -
------ -
----- ------
-------- -
---------
-----------------------------
-- --------
-----------------------------
--
--
-
--
--
--
------------ -- -
--------------------- ---------------- ---
---
------ ---------------- --------- -------- -- -
----- ---------- - ------------------------------
----- -------- - -------------------
----------------------------------------------
----- ------------- - -----------------
-------------------------------------------------------
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5efd758a403f2923b035bb7f