Vue-Test-Utils的"mount"和"shallowMount"的区别?



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

我正在尝试使用Jest和vue测试实用程序熟悉一些基本的单元和组件测试。

我已经阅读了关于vue-test-utils'mount((和shallowMount((的文档,但我不确定什么时候该用一个而不是另一个(它们看起来很相似(。

根据shallowMount():上的文档

与mount一样,它创建了一个包含已挂载和渲染的Vue组件,但带有存根的子组件。

"存根子组件"究竟是什么意思?mount()shallowMount()可以互换使用吗?

文档中"存根子组件"的意思是,测试组件中的每个组件都不会被呈现。相反,您将拥有一个占位符组件。

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

在我看来,在进行单元测试时,您应该始终浅层安装组件,而在整个应用程序中进行测试时,只需简单地安装它们。

最新更新