jest axios vuex报错

最新推荐文章于 2023-06-14 19:44:37 发布

xiao_cheng_

最新推荐文章于 2023-06-14 19:44:37 发布

阅读量648

点赞数

CC 4.0 BY-SA版权

分类专栏： vue jest 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/xiao_cheng_/article/details/121158479

vue 同时被 2 个专栏收录

20 篇文章

订阅专栏

jest

3 篇文章

订阅专栏

在Vue项目中使用Jest进行单元测试时遇到了错误，具体表现为`groupManage › encountered a declaration exception`以及`TypeError: Cannot read property 'state' of undefined`。错误的根本原因是测试配置文件中未正确引入Vuex store。解决方案是在测试用例中全局注入store。由于`createLocalVue`在`vue-test-utils`的新版本中已被废弃，因此需要采用其他方式，如直接在`global.plugins`中添加store。更新后的测试配置显示已成功将store添加到全局环境中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jest axios vuex报错

vue项目使用jest时报 groupManage › encountered a declaration exception
TypeError: Cannot read property ‘state’ of undefined的相关错误
在这里插入图片描述
原因是因为jest文件中未引入vuex

groupmanage.spec.js:

import { createStore } from 'vuex';
const store = createStore({
  state() {
    return {
      imageGroup: {
        group_uid: 3,
        project_uid: 4
      },
    }
  },
  mutations: {
    group_uid (state, uid) {
      state.imageGroup.group_uid = uid
    },
    project_uid (state, uid) {
      state.imageGroup.project_uid = uid
    }
  }
})
describe('groupManage', () => {
  const wrapper = mount(groupManage, {
    global: {
      plugins: [ElementPlus, VueRouter, store]  //记得在此添加store
    }
  })
})