首页 > 解决方案 > 测试 vuejs prop 默认值,即开玩笑的匿名函数

问题描述

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

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

开玩笑一直告诉我,我需要覆盖 onConfirm 道具的默认值,但我不知道如何去做。

我尝试了以下方法:

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

但两者似乎都不正确。

标签: javascriptvue.jsvuejs2jestjsfrontend

解决方案


试试这个:

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

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


推荐阅读