How can I mock API calls in Vuex for testing?

How can I mock API calls in Vuex for testing?

You can use libraries like Jest or Sinon to mock API calls in Vuex. Would you like a code example?

Yes, please provide a code example.

Sure! Here's a simple example using Jest:

import { createStore } from 'vuex';
import axios from 'axios';

const store = createStore({
  state: { data: null },
  mutations: {
    setData(state, payload) {
      state.data = payload;
    }
  },
  actions: {
    fetchData({ commit }) {
      return axios.get('/api/data').then(response => {
        commit('setData', response.data);
      });
    }
  }
});

jest.mock('axios');

test('fetchData action', async () => {
  const data = { message: 'Hello World' };
  axios.get.mockResolvedValue({ data });
  await store.dispatch('fetchData');
  expect(store.state.data).toEqual(data);
});

This mocks the API call and tests the Vuex action.

That looks great! How do I run the tests?

You can run the tests using the command npm test or yarn test, depending on your package manager. Make sure Jest is set up in your project.