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

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

免责声明:我对 Vue、JavaScript 和一般的 Web 框架还很陌生。

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

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

根据 shallowMount() 上的文档:

Like mount, it creates a Wrapper that contains the mounted and rendered Vue component, but with stubbed child components.

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

最佳答案

文档中“ stub 子组件”的意思是,测试组件中的每个组件都不会被渲染。相反,您将拥有一个占位符组件。

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

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

关于javascript - Vue-Test-Utils 的 "mount"和 "shallowMount"之间的区别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53225300/

相关文章:

javascript - Jest 是否支持依赖任务?

reactjs - 无法在 Typescript 中模拟 axios 实例

javascript - 如何清除javascript函数中的超时

javascript - 使用 Material 步进器的脚本中的步骤识别错误

javascript - 使用 .htaccess 和 javascript 处理 404?

javascript - Angular $http 中的重复参数

vue.js - Vuetify 数据表禁止单击单元格中的行

laravel - Vue axios 向错误的 URL 发出请求

javascript - 如何在控制台记录 Vuejs 数据时过滤掉 getter 和 setter?

javascript - Jest 报道,所有值为零