组件无法访问测试存储中定义的操作(Vue测试实用工具)

// store.js
import { createStore } from 'vuex';

export default createStore({
  state() {
    return {
      count: 0
    };
  },
  mutations: {
    increment(state) {
      state.count++;
    }
  },
  actions: {
    incrementAsync({ commit }) {
      setTimeout(() => {
        commit('increment');
      }, 1000);
    }
  }
});

// MyComponent.vue
<template>
  <div>{{ count }}</div>
</template>

<script>
import { mapState, mapActions } from 'vuex';

export default {
  computed: {
    ...mapState(['count'])
  },
  methods: {
    ...mapActions(['incrementAsync'])
  }
};
</script>

// MyComponent.spec.js
import { mount } from '@vue/test-utils';
import MyComponent from './MyComponent.vue';
import store from './store';

describe('MyComponent', () => {
  it('increments count after async action', async () => {
    const wrapper = mount(MyComponent, {
      global: {
        plugins: [store]
      }
    });

    await wrapper.vm.incrementAsync();
    expect(wrapper.text()).toContain('1');
  });
});