jest入门以及常用匹配器

简介

Jest有以下的特点：

• 高速和沙盒。Jest以最大化性能并行化的测试运行。控制台消息都是缓冲并输出测试结果。沙盒测试文件和自动全局状态将为每个测试重置，因此测试代码间不会冲突。
• 内置代码覆盖率报告。使用--coverage可以创建代码覆盖报告。不需要其他额外的库。
• 无需配置。在使用create-react-app或者react-native init创建Native项目的时候，Jest已经配置好并可以使用了。
• 拥有功能强大的模拟库。
• 与Typescript一起使用

安装

安装jest依赖包

npm install --save-dev jest

新建一个sum.js文件，作为测试的示例：

function sum(a, b) {
    return a + b;
}
module.exports = sum;

新建sum.test.js文件，写关于测试sum.js代码：

const sum = require('./sum');

test('adds 1 + 2 to equal 3', () => {
  expect(sum(1, 2)).toBe(3);
});

为了便于启动可以在package.json中配置命令：

{
  "scripts": {
    "test": "jest"
  }
}

最后，执行命令：

npm run test

常用匹配器

匹配器是为了去测试输入输出的值是否符合预期。

普通匹配器

toBe()

test('two plus two is four', () => {
  expect(2 + 2).toBe(4);
});

toBe用的是JavaScript中的Object.is()，属于ES6中的特性，所以不能检测对象，如果要检测对象的值的话，需要用到toEqual。toEquel递归检查对象或者数组中的每个字段。

test('object assignment', () => {
  const data = {one: 1};
  data['two'] = 2;
  expect(data).toEqual({one: 1, two: 2});
});

Truthiness

当需要区分undefined、null和false时：

• toBeNull只匹配null
• toBeUndefined只匹配undefined
• toBeDefine与toBeUndefined相反
• toBeTruthy匹配任何if语句为真
• toBeFalsy匹配任何if语句为假

数字匹配器

大多数的比较数字有等价的匹配器。

• 大于。toBeGreaterThan()
• 大于或者等于。toBeGreaterThanOrEqual()
• 小于。toBeLessThan()
• 小于或等于。toBeLessThanOrEqual()
• toBe和toEqual同样适用于数字
  注意：对比两个浮点数是否相等的时候，使用toBeCloseTo而不是toEqual

例子如下：

test('two plus two', () => {
  const value = 2 + 2;
  expect(value).toBeGreaterThan(3);
  expect(value).toBeGreaterThanOrEqual(3.5);
  expect(value).toBeLessThan(5);
  expect(value).toBeLessThanOrEqual(4.5);

  // toBe and toEqual are equivalent for numbers
  expect(value).toBe(4);
  expect(value).toEqual(4);
});

如果使用toBe就会产生以下结果：

test('两个浮点数字相加', () => {
  const value = 0.1 + 0.2;
  <!-- expect(value).toBe(0.3);           这句会报错，因为浮点数有舍入误差 -->
  expect(value).toBeCloseTo(0.3); // 这句可以运行
});

字符串

使用toMatch()测试字符串，传递的参数是正则表达式。

test('there is no I in team', () => {
  expect('team').not.toMatch(/I/);
});

test('but there is a "stop" in Christoph', () => {
  expect('Christoph').toMatch(/stop/);
});

数组

如何检测数组中是否包含特定某一项？可以使用toContain()

const shoppingList = [
  'diapers',
  'kleenex',
  'trash bags',
  'paper towels',
  'beer',
];

test('（shopping list）里面有（diapers）', () => {
  expect(shoppingList).toContain('beer');
});