jestjs - 使用 vue-test-utils 和 JEST 模拟 $root

Question

我的组件具有以下计算代码:

textButton() {
    const key = this.$root.feature.name === //...
    // ...
},

现在我正拼命地在我的测试中模拟“root”，但我只是不知道如何。有小费吗？

Answer 1

Vue 测试工具为您提供了在挂载(或浅挂载)组件时注入(inject)模拟的能力。

const $root = 'some test value or jasmine spy'

let wrapper = shallow(ComponentToTest, {
  mocks: { $root }
})

这应该很容易测试。希望有帮助