vue项目使用jest单元测试常见问题

介绍

项目是利用vue-cli创建的前端工程项目，在项目中引用jest进行单元测试。
参考：jest官方文档

.toBe(value)问题

toBe() 相当于Object.is()，在判断测试样例返回值和目标值是否一致上，对于Object对象只是判断地址是否一致，如果地址不一致就会判定为两者不相等。对于Object对象的判定，推荐使用toStrictEqual()。

对应源码调用的方法都要进行mock

源码中正常执行过程调用到的方法都要在测试样例里面进行Mock，并且mock 要在源函数被调用之前，比如：

// 源码
scrollToTop() {
   
 	window.scrollTo(0, 0) // 调用了window下的函数
  })
}

// 对应的单元测试样例
test('回到顶部', () => {
   
    window.scrollTo = jest.fn() // 对window下的函数进行mock，即对源码中调用的目标函数进行mock
    wrapper.vm.scrollToTop() // 调用源函数（在mock之后）
    expect(window.scrollTo).toHaveBeenCalledWith(0, 0) // 判定调用的参数
  })

created 调用了函数

为了避免test的时候出现[vue warn]、prototype undefind、或者function undefind的问题，需要在shallowMount()里面对函数进行mock初始化和参数的初始化。
如：

import {
    shallowMount } from '@vue/test-util