vue-test-utils不跟踪对象道具？

Question

上下文

我有一个用户对象，它是vue.js UserComponent的数据模型。在挂载组件时，用户有未定义的字段。然后，在挂载()方法中，从服务器获取用户，并设置其所有文件。

问题

因此，我发现当用户的字段发生变化时，vue-test-utils不会重新绘制组件。

Note

另一方面，如果我将对象支柱更改为标量，同样的测试也会很好。

在wrapper.setProp({user: user})的字段被提取之后，我试图通过它来重置用户支持。不幸的是，这是不可能的，因为vue-test-utils防止设置相同的对象为支柱。

vue-test-utils-getting-started) 演示回购( Demo )

https://github.com/alexey2baranov/vue-test-utils-getting-started

Answer 1

当组件有异步方法时，比如挂载的fetch user字段，您在测试时有两个选项：

选项1:使用异步函数进行测试并等待nextTick

选项2:使用包刷新-承诺

这两个选项在vuejs测试用例文档中都有详细说明，并附有示例。

此外，您还可以使用一些数据模拟axios响应，以填充用户字段，而无需真正获取后端。