使用 vue-test-utils 为单元测试设置 Vue 计算属性

Question

vue-test-utils 提供了一个 setComputed 方法，允许您设置计算属性的状态。

import { mount } from '@vue/test-utils'
const wrapper = mount(Home)
wrapper.setComputed({loaded: true})

vue-test-utils 版本 1.1.0.beta 对读取为 setComputed() has been deprecated and will be removed in version 1.0.0. You can overwrite computed properties by passing a computed object in the mounting options 的 setComputed 方法发出弃用警告

mounting options in the docs 没有提及任何计算对象。我试了一下

const wrapper = mount(Home, { computed: {loaded: true} })

和

const wrapper = mount(Home, {context: { computed: {loaded: true} }  })

但是那些爆炸了。

为 vue-test-utils 设置计算属性的方法是什么？

Answer 1

您可以在挂载组件时覆盖计算选项：

const wrapper = mount(Home, {
  computed: {
    loaded() {
      return true
    }
  }
})

但是模拟计算是危险的。您可能会将您的组件置于生产期间无法进入的状态。