vue.js - Vue测试库，子组件接收props

Question

我正在尝试在 Vuejs 应用程序上实现一些测试库测试，但我无法弄清楚如何将道具传递给测试中的组件。

例如，我想要一个像这样出现在其 ParentComponent 模板内的组件的单元测试。我正在尝试为 ChildComponent 编写单元测试。

<ChildComponent hereIsAProp="important info" />

我很惊讶 Vue 测试库基本示例中没有涵盖这种情况。让我觉得我错过了一些关于使用/测试 Vuejs 道具的最佳实践。

我想像这样的东西render(ChildComponent, { props: { hereIsAProp: "new info"})应该可以解决问题。但我在文档等中找不到这个。

score 0 · Accepted Answer

Testing Libary's是Vue Test Util'srender()的包装器 mount()。

第二个参数作为安装选项render()传递，并且可以使用选项（在版本 2x 中）或（在版本 1x 中）设置组件的道具。mount()mount()propspropsData

所以你的猜测实际上是正确的：

render(ChildComponent, { props: { hereIsAProp: "new info" } })

1 回答 1