Vue-Test-Utils的“ mount”和“ shallowMount”之间的区别？

Question

免责声明：一般来说，我对Vue，JavaScript和Web框架还很陌生。

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

我已经阅读了vue-test-utils' mount（）和shallowMount（）上的文档 ，但是我不确定何时在另一个上使用它们（它们看起来非常相似）。

根据有关文档shallowMount()：

与mount一样，它会创建一个包装器，其中包含已安装和渲染的Vue组件，但具有残存的子组件。

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

Answer 1

该文档所指的“存根子组件”是指不会渲染测试组件中的每个组件。相反，您将拥有一个占位符组件。

这样可以防止您的测试被其他组件的行为所寄生。

我认为，在进行单元测试时，应该总是浅化安装组件，而在整个应用程序中进行测试时，只需简单地安装它们。