Vue-Test-Utils的“ mount”和“ shallowMount”之间的区别是什么?

时间:2018-11-09 11:57:02

标签: javascript vue.js jestjs vue-test-utils

免责声明:我对Vue,JavaScript和Web框架总体来说还是很陌生。

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

我已阅读vue-test-utils'mount()shallowMount()上的文档 ,但我不确定何时在另一个上使用它们(它们看起来非常相似)。

根据shallowMount()上的文档:

  

与安装类似,它会创建一个包装器,其中包含已安装的   呈现的Vue组件,但具有残存的子组件。

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

1 个答案:

答案 0 :(得分:5)

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

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

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