Vue-Test-Utils的“装入”和"shallowMount“之间的区别？

Question

免责声明:我对Vue、JavaScript和web框架非常陌生。

我正在尝试使用Jest和vue-test-utils来熟悉一些基本的单元和组件测试。

我已经阅读了vue-test-utils‘山()和shallowMount()上的文档，但我不确定何时使用其中一个而另一个(它们看起来非常相似)。

根据shallowMount()上的文档

与挂载一样，它创建一个包装器，其中包含已挂载和呈现的Vue组件，但包含有存根的子组件。

“存根子组件”究竟是什么意思？mount()和shallowMount()可以互换使用吗？

Answer 1

文档所指的“存根子组件”的含义是，测试组件中的每个组件都不会被呈现。相反，您将有一个占位符组件。

这将防止您的测试被其他组件的行为所影响。

在我看来，在执行单元测试时，您应该总是浅浅地挂载组件，在整个应用程序中执行测试时，只需简单地挂载它们。