在前端开发中，测试是必不可少的一部分。而在 Jest 中，我们可以使用 Jasmine Matchers 来帮助我们更方便地编写测试用例。本文将介绍如何在 Jest 中使用 Jasmine Matchers。
安装
首先，需要安装 Jest 和 Jasmine Matchers。可以通过以下命令进行安装：
npm install --save-dev jest @types/jest jest-jasmine2 @types/jest-jasmine2
安装完成后，在 Jest 配置文件中添加如下代码：
module.exports = {
testMatch: ['**/__tests__/**/*.[jt]s?(x)', '**/?(*.)+(spec|test).[jt]s?(x)'],
transform: {
'^.+\\.tsx?$': 'ts-jest',
},
setupFilesAfterEnv: ['./jest.setup.ts'],
};在 Jest.setup.ts 文件中，添加如下代码：
import 'jest-matchers';
expect.extend({
...
});这里我们采用了 ts-jest 来编译 TypeScript。需要注意的是，Jasmine Matchers 会自动注册到 Jest 中，不需要手动引入。
使用
在 Jest 中使用 Jasmine Matchers 非常简单。我们只需要在测试用例中使用 expect 函数，并调用 Matchers 的方法即可。以下是一些常用的 Matchers 方法：
toBe
检查值是否相等。
test('two plus two is four', () => {
expect(2 + 2).toBe(4);
});toEqual
检查对象是否相等。
test('object assignment', () => {
const data = { one: 1 };
data['two'] = 2;
expect(data).toEqual({ one: 1, two: 2 });
});toBeNull, toBeUndefined, toBeDefined
检查值是否为 null、undefined 或已定义。
-- -------------------- ---- ------- ------------ -- -- - ----- - - ----- --------------------- ------------------------ ------------------------------ --- ----------------- -- -- - ----- - - ---------- ------------------------- ---------------------------- -------------------------- ---
toBeTruthy, toBeFalsy
检查值是否为真或假。
-- -------------------- ---- ------- ------------ -- -- - ----- - - -- ----------------------- -------------------------- --- ------------- -- -- - ----- - - -- --------------------------- ---------------------- ---
toContain
检查数组中是否包含某个元素。
test('array', () => {
const arr = ['one', 'two', 'three'];
expect(arr).toContain('two');
expect(new Set(arr)).toContain('two');
});toHaveLength
检查值的长度是否符合预期。
test('string', () => {
expect('hello').toHaveLength(5);
});
test('array', () => {
expect([1, 2, 3]).toHaveLength(3);
});toMatch
检查值是否与正则表达式匹配。
test('match', () => {
expect('hello world').toMatch(/world/);
});以上是常用的 Jasmine Matchers 方法。当然，还有很多其他的方法，详情请参考官方文档。
总结
在 Jest 中使用 Jasmine Matchers，可以帮助我们更方便地编写测试用例。通过本文的介绍，你已经了解了如何在 Jest 中安装和使用 Jasmine Matchers。希望这篇文章能够对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e4b9ccf6b2d6eab302f575