在使用babel-plugin-component做按需引入element-ui，jest单元测试在引入element-ui组件的时候报错

[yujie0707]

import { shallowMount, createLocalVue } from '@vue/test-utils';

import Vue from 'vue';
import { Button } from 'element-ui'; // 执行到这一行的时候出错
import Country from '@/components/a.vue';

const localVue = createLocalVue();

localVue.use(Button);

Vue.prototype.$ELEMENT = { size: 'small' };

const wrapper = shallowMount(Country, {
  localVue,
  propsData: {
    visible: true,
  },
});

describe('选人组件', () => {
  const { vm } = wrapper;
  it('currentLeaf', () => {
    expect(vm.currentLeaf).toBe(undefined);
  });
});

报错内容如下

// babel.config.js
// 当注释掉plugins配置，上述内容才不报错
module.exports = {
  presets: [
    '@vue/app',
  ],
  // plugins: [
  //   [
  //     'component',
  //     {
  //       libraryName: 'element-ui',
  //       styleLibraryName: 'theme-chalk',
  //     },
  //   ],
  // ],
};

[tangtao007]

大佬，问题解决没？

[peterhpchen]

Try mock .css file by jest-transform-stub:

module.exports = {
  ...
  moduleNameMapper: {
    '^.+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub',
    ...  
  }
}