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]
提示：发现很多帖子中有用createLocalVue解决问题，但是在vue-test-utils中取消了createLocalVue。
https://next.vue-test-utils.vuejs.org/migration/#no-more-createlocalvue
jest axios vuex报错vue项目使用jest时报 groupManage › encountered a declaration exceptionTypeError: Cannot read property ‘state’ of undefined的相关错误原因是因为jest文件中未引入vuexgroupmanage.spec.js:import { createStore } from 'vuex';const store = createStore({ state()
目录前言文档推荐组件挂载相关方法jest-api总结
当我初次听到单元测试时，心里的第一感觉就两个字nb，然后就是疑惑，这是啥，干啥用，对代码又有什么帮助？接下来我会细细说一说我在学习以及应用单元测试的一些心得。（安装教程不再叙述，按照文档教程自行学习）
学习新知识，有中文文档当然是最好的啦！
Vue Test Utils
jest中文文档
组件挂载相关方法
shallowMount
shallowMount：
创建一个包含被挂载和渲染的 V
引用官方文档的话解释什么是Vuex
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
设想每个Vue组件都只需要关心自己的数据和数据处理逻辑，组件之间完全独立，没有共享数据的需求，那么web应用会非常简单。
但是实际情况是，一个web应用中不同组件常常会有数据共享的需求。例如文档类型的应用，编辑的内容和大纲之间要共享数据，大纲列表组件需要根据编辑的内容生成文档大纲、电商类
刚刚在 NodeJS 环境下对服务端接口进行 Jest 单元测试时发现 axios 报错, 说是出现了跨域请求.
Error: Cross origin http://localhost forbidden
at dispatchError (\node_modules\jsdom\lib\jsdom\living\xhr\xhr-utils.js:62:19)
at Object.validCORSHeaders (\node
为了在已有的项目中加入 Jest ，踩了不少坑，坑列举如下，采用过的解决方式，出现的新问题，最终的处理手段。
首先，我的项目是 Vue2，package.json 的 babel 为 @babel，因此才会出现以下种种问题。若为 babel，正常 npm install -g jest 配置脚本即可，后面会有说明。Vue3 的 Jest 安装更为简单，本篇不涉及。
坑1： 直接在 Vue 项目中运行，报错
requires Babel "^7.0.0-0", but was loaded with
直接上代码, 这句话的问题就是, 你没有连网,或者是你网络有问题,太慢了,太卡了
解决方法: 连接手机手机热点就行了
xhr.js?b50d:178 GET http://ttapi.research.itcast.cn/app/v1_1/articles?channel_id=0×tamp=1594099445160&with_top=1 net::ERR_INTERNET_DISCONNECTED
"TypeError: Cannot read property ‘statu
项目技术栈：
脚手架：@vue/cli 5.0.4 vue：vue 3.2.13 typescript：4.5.5 sass：1.32.7 sass-loader：12.0.0
.vue文件组件中引入子组件报错(并不是所有的子组件都报错。编译不报错，不影响项目运行)
问题详情：
1、父组件中引入两个子组件，只有一个报错
错误信息：
文件“/Users/wangweizhang/clie...
Jest 是一个流行的 JavaScript 测试框架，它可以用于测试所有种类的 JavaScript 代码，包括 React 组件、Node.js 应用程序、纯 JavaScript 函数等等。
以下是一些基本的步骤来进行 Jest 测试：
1. 安装 Jest：你可以使用 npm 或 yarn 在你的项目中安装 Jest。例如，使用 npm 运行以下命令：
npm install --save-dev jest
2. 编写测试用例：在你的项目中创建一个 tests 文件夹，并在其中编写测试用例。一个测试用例通常包括一个或多个断言，用于验证你的代码是否按照预期工作。例如：
```javascript
test('adds 1 + 2 to equal 3', () => {
expect(1 + 2).toBe(3);
3. 运行测试：在你的项目中运行以下命令来运行 Jest 测试：
npm test
Jest 将自动查找并运行 tests 文件夹中的所有测试用例，并提供有关测试结果的详细报告。
这只是 Jest 的基本用法，更详细的信息可以在 Jest 官方文档中找到。
Invalid prop: type check failed for prop “**“. Expected Object, got String with value ““.
xiexikk:
