我读了3遍vue utils测试文档,也读了jest文档,但我不知道如何在vue组件中模拟vue混合并测试该组件.

推荐答案

有两种方法:

  1. 您可以使用createLocalVue,并在该localVue类上注册一个mixin:
const localVue = createLocalVue()
localVue.mixin(myMixin)

const wrapper = shallow(Post, {
    localVue,
})
  1. 您可以在安装选项中通过mixins:
const wrapper = shallow(Post, {
    mixins: [myMixin],
})

Vue.js相关问答推荐

无法解析组件:google—pay—button

在VITE-VUE APP-DEV模式上重定向HTTP请求

如何默认打开一个v-list-group?

Vuetify 3 v-radio-group 将模型设置为 null

v-slot: activator 中 {attrs} 参数的作用是什么?

在 Ajax 函数中访问 Vue.js 组件属性

如果 Vuetify 自动完成没有匹配的结果,则保留输入的文本

在 VueJS 中存储图像的正确位置是什么 - 公共文件夹或assets文件夹?

在 Vue.js 中动态挂载单个文件组件

Vuelidate 判断true/false

如何在 Vue.js 中添加动态组件/部分

判断 vue-router.beforeEach 不限制对路由的访问

一个 div 组件中的 Vue.js 2.0 路由链接

在 SPA VueJS 中全局声明 mapState 和 mapMutations

如何创建 vuetify 工具栏链接下拉菜单?

如何使用 laravel-mix 将 bootstrap-vue 加载到 Laravel 5 中?

按键删除对象不会更新vue组件

组件已注册但未使用 vue/no-unused-components

表格行上的 Vuejs 转换

如何在 Vue 数据对象中运行函数?