测试 vuejs prop 默认，即玩笑中的匿名函数

Question

我正在尝试用 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)

但两者似乎都不正确。

Answer 1

尝试这个：

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

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

Answer 2

经过更多的反复试验，我终于找到了解决方案。

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

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

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