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

Posted 2023-02-22

【中文标题】测试 vuejs prop 默认值，即开玩笑的匿名函数

【英文标题】：Testing vuejs prop default, that is anonymous function in jest

【发布时间】：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 属性，在这种情况下，名称将是默认值。

【讨论】：

我不确定我想要什么。 Jest 告诉我测试 onConfirm 属性的默认值，这会测试属性名称。

哦，等等，我刚刚重新阅读了您的答案，您是对的！但是开玩笑还是说我没有讲到。

【参考方案2】：

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

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

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

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

【讨论】：

酷。我从来没有开玩笑说那个，但很高兴你明白了。