首页 > 解决方案 > Vue Test Utils - 如何挂载使用插件的组件(在本例中为 vue-unique-id)

问题描述

我正在尝试测试使用该vue-unique-id插件的 Vue 组件。要实例化插件,我使用以下代码:

import UniqueId from 'vue-unique-id';
Vue.use(UniqueId);
new Vue({
    el: `#${element.id}`,
    template: "<App />",
    components: {
        App
    }
});

这没有问题。接下来我尝试使用vue-test-utilsand安装组件jest

import currentFilter from "../Current.vue";
import { mount } from "@vue/test-utils";

describe("Current Filter", () => {
    const wrapper = mount(currentFilter);
});

我收到以下错误:

Error in render: "TypeError: _vm.$id is not a function"

这个错误看起来像是来自vue-unique-id插件。所以似乎jest并不vue-test-utils知道这个插件。

如何在告诉挂载函数关于vue-unique-id插件的同时挂载组件?

标签: javascriptunit-testingvue.jsjestjs

解决方案


推荐阅读