单元测试

vue-jest

安装：

vue add unit-jest

监听：

npm run test:unit -- --watch

外部组件

写假组件

const mockComponents = {
  template: '<div><slot></slot></div>'
}
const globalComponents = {
  'a-button': mockComponents,
  'a-dropdown-button': mockComponents,
  'a-menu': mockComponents,
  'a-menu-item': mockComponents,
  'router-link': mockComponents
}

添加到mount中

beforeAll(() => {
  wrapper = mount(UserProfile, {
    props: {
      user: { isLogin: false }
    },
    global: {
      components: globalComponents
    }
  })
})

测试store

jest 报export错误

在jest.config.js中添加需要编译的文件名

module.exports = {
  transformIgnorePatterns: ['/node_modules/(?!(bootstrap-vue)|(rgb-hex)/)']
}