Jest中的Snapshot快照测试

当我们在写业务代码或者配置文件的测试用例时，可能会牵扯到不断修改的过程。那么就会面临着一个比较麻烦的问题：就是每次修改业务代码时，都要相对应的修改测试用例中的断言代码。那么如何避免这个问题呢？使用Snapshot快照即可解决这个大麻烦！

Snapshot快照的作用就是：把每次修改后的代码形成快照，与上次代码生成的快照做对比，若有修改部分，则会出现异常快照提示。

普通的Snapshot （toMatchSnapshot）

demo

业务代码：demo.js

export const generateConfig = () => {
   
  return {
   
    server: 'http://localhost',
    port: 8080,
    domain: 'localhost'
  }
}

测试代码：demo.test.js

import {
    generateConfig } from './demo'

test('测试 generateConfig ', () => {
   
  // 1.普通匹配，每次修改配置时，都需要修改测试用例代码
  // expect(generateConfig()).toEqual({
   
  //   server: 'http://localhost',
  //   port: 8080,
  //   domain: 'localhost'