Vue 测试 - '... .push 不是函数'

Question

我正在尝试测试向现有对象添加新条目的组件方法。

addTag: function () {
  this.value[this.field.key].push(this.tag)
  this.tag = ''
}

我只是想通过在我的测试中调用该方法

    wrapper.setProps({
      field: {
        key: 'tag'
      },
      value: {
        tag: {}
      }
    })
...
    wrapper.vm.addTag()

但它会抛出错误

TypeError: this.value[this.field.key].push is not a function

我已经预先设置了所有需要的数据和道具（field.key 和 tag），所以这不是问题。运行其他方法完全正常，push 似乎是问题

Answer 1

这是因为this.value['tag']是一个对象，而不是数组，所以没有push方法。

将其定义为数组会改变这一点：

wrapper.setProps({
  field: {
    key: 'tag'
  },
  value: {
    tag: []
  }
})