前言
在写前端自动化测试的时候，我们通常使用各种测试框架和工具，其中之一就是 karma 和 jasmine 。而针对 jasmine ，有一个非常好用的 npm 包： karma-jasmine-matchers (以下简称 matchers 包)
matchers 包提供了一系列可重用的自定义匹配器，可以使得 jasmine 测试用例更加清晰、简洁、易于阅读。本文将介绍 matchers 包的使用方法，包括安装、配置、示例演示等。
安装
使用 npm 安装 matchers 包非常简单，只需要在你的项目中执行以下命令即可：
npm install karma-jasmine-matchers --save-dev
配置
完成安装之后，我们需要在项目的 karma 配置文件中引入 matchers 包，同时将其添加到 jasmine 的默认配置中。在 karma.conf.js 文件中添加以下代码：
-- -------------------- ---- -------
-------------- - ---------------- -
------------
-- ---
----------- ------------
-------- -
-- ---
---------------------------------
--
-------- -
-- ---
-------- ------------------------------------
--------------- -
-- -----------------
-
-
---
-在上述代码中，plugins 用于引入 matchers 包，helpers 则用于将其注册为 jasmine 的扩展，customMatchers 则是用于添加你需要使用的自定义匹配器。
示例
现在我们已经成功安装和配置了 matchers 包，接下来看一下如何使用自定义匹配器。
matchers 包提供了非常多的自定义匹配器，这里只介绍其中两个常用的匹配器：异步匹配器和 doThrowError 匹配器。
异步匹配器
异步测试是前端测试中非常常见的一种情形，我们通常会使用 async 和 await 等方式来处理异步代码。而 matchers 包为我们提供了一些更加简洁的写法。
例如，在下面的测试用例中，我们需要测试一个异步的网络请求：
describe('异步测试', () => {
it('能够得到正确的数据', async () => {
const result = await api.getData();
expect(result).toEqual({ status: 200, data: 'Hello World' });
});
});上面的测试用例中，我们使用了 async 和 await 来处理网络请求的异步操作，并使用了 toEqual 匹配器来判断响应数据是否符合预期。
而使用 matchers 包提供的异步匹配器之后，我们可以写出更加简洁清晰的测试用例：
describe('异步测试', () => {
it('能够得到正确的数据', (done) => {
api.getData().then((result) => {
expect(result).toDeepEqual({ status: 200, data: 'Hello World' });
done();
});
});
});更加简洁清晰的代码，使得测试用例更加易于阅读和维护。
doThrowError 匹配器
有些时候，我们需要测试某个函数是否抛出了特定的错误，而 matchers 包提供了 doThrowError 匹配器，可以使得这个过程更加简单。
例如，我们有一个函数 divide(a, b) ，用于计算 a / b 的结果，而 b 不能为 0。下面是一个测试用例，用于测试当 b 为 0 时，是否抛出了一个错误：
-- -------------------- ---- -------
---------------- -- -- -
----- - - - ---------- -- -- -
--- -
---------- ---
- ----- ------- -
------------------------------------ ----
-
---
---在此测试用例中，我们手动编写了一个 try-catch 语句来捕捉错误，并使用 toEqual 匹配器来判断是否为我们期望的错误。
而使用 matchers 包提供的 doThrowError 匹配器之后，我们可以更加简单地完成测试：
describe('异常测试', () => {
it('当 b 为 0 时，应该抛出错误', () => {
expect(() => {
divide(10, 0);
}).toDoThrowError('除数不能为 0');
});
});更加简单易用的 API，使得测试用例变得更加清晰易懂，易于维护。
总结
通过本文的介绍，我们了解了 matchers 包的基本用法和常用的两个自定义匹配器，并根据示例演示了如何使用它们来编写更加简洁易读的 jasmine 测试用例。
同时，matchers 包提供了非常多的自定义匹配器，可以帮助我们更好地完成前端自动化测试，在提升代码质量、保障项目质量方面发挥着不可替代的作用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/168855