Vue 测试库，子组件接收道具

Question

我正在尝试在 Vuejs 应用程序上实施一些测试库测试，但我不知道如何将道具传递给测试中的组件。

例如，我想要对出现在其 ParentComponent 模板内的组件进行单元测试，如下所示。我正在尝试为 ChildComponent 编写单元测试。

<ChildComponent hereIsAProp="important info" />

我很惊讶 Vue 测试库 basic examples 中没有涵盖这种情况。让我觉得我错过了一些关于 using/testing Vuejs 道具的最佳实践。

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

Answer 1

测试库的render() is a wrapper for Vue Test Util's mount()。

render() 的第二个参数作为安装选项传递给 mount()，并且 mount() 可以使用 props option (in version 2x) or propsData 设置组件的属性（在版本 1x 中）。

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

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

Vue Testing Library, Child Component receives props