设置VUE测试的VUE计算属性 Vue-Test-Utils提供了一种设定计算方法，该方法允许您设置计算属性的状态。 导入{mount}来自'@vue/test-utils' const包装器=安装（家） wrapper.setComputed（{加载：

Question

VUE-TEST-UTILS版本1.1.0.Beta为读取的setComputipation方法抛出折旧警告，读取

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

文档中的已安装选项

不要提及任何计算的对象。我去了

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

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

但是那些炸毁了。 

为VUE检验 - Utils设置计算属性的方法是什么？

安装组件时，您可以覆盖计算的选项：

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

但计算出的模拟是危险的。您可能会将您的组成部分放入生产过程中不可能处于的状态。

Answer 1

在VUE 3（现在是目前的合作伙伴，Vue Test Utils V2 RC 18），您仍然可以按照@Ittus提到的结果固执：

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

wowever

至少在使用出色的Vue级组件（V8 RC 1）时，有一个捕获量。

如果您开始将一个计算的属性存根，则必须将它们全部固定。否则，他们将以不确定的价值回来。

在这种情况下：

Answer 2

export default class Home extends Vue {
    public get loaded(): boolean {
        return true
    }

    public get tipsy(): boolean {
        return true
    }
}

如果您像上述一样安装它，那么这就是结果：

wrapper.vm.loaded === true       // true
wrapper.vm.tipsy === undefined   // true

，如果您安装时，如果您均固执：

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

这是结果：

wrapper.vm.loaded === true    // true
wrapper.vm.tipsy === false    // true

计算的属性是带有设置器和getter的对象。 如果我们想覆盖计算的属性返回的内容，则需要监视它的Getter。 如果我们想覆盖计算的属性返回的内容，我们需要监视它的设置。

eg：

// mocking the getter
jest.spyOn(wrapper.vm, "getProxyExpectedDataBaseLists", "get")
     .mockReturnValue({
       mockId: {}
     });

or

// mocking the setter
jest.spyOn(wrapper.vm, "getProxyExpectedDataBaseLists", "set")
     .mockReturnValue({
       mockId: {}
     });