测试 vuejs prop 默认值，即开玩笑的匿名函数答案

【问题标题】：Testing vuejs prop default, that is anonymous function in jest测试 vuejs prop 默认值，即开玩笑的匿名函数
【发布时间】：2021-02-02 14:59:46
【问题描述】：

我正在尝试用 jest 在 vue.js 中测试以下道具：

export default {
  name: 'my-component',
  props: {
    onConfirm: {
      type: Function,
      default: () => {}
    },
  }
}

Jest 一直告诉我，我需要覆盖 onConfirm 属性的默认值，但我不知道该怎么做。

我尝试了以下方法：

expect(wrapper.vm.onConfirm).toBe(() => {})
expect(wrapper.vm.onConfirm).toBe(Function)

但两者似乎都不正确。

【问题讨论】：

【解决方案1】：

试试这个：

expect(wrapper.props().onConfirm.name).toBe('default')

如果它是一个函数，它将有一个 name 属性，在这种情况下，名称将是默认值。

【讨论】：

【解决方案2】：

经过更多的尝试和错误，我终于找到了解决方案。

it('handles onConfirm default correct', async () => {
  const fn = jest.fn()
  wrapper.vm.confirm()
  expect(fn).toHaveBeenCalledTimes(0)
})

我只需要模拟一个函数，然后调用我的道具 onConfirm，然后测试是否没有调用模拟函数。

现在开玩笑说分支已经被覆盖了。

【讨论】：