How can I mock data in Vue.js for testing?

How can I mock data in Vue.js for testing?

You can use libraries like vue-test-utils along with jest or mocha to mock data in your Vue components.

Can you give me an example of how to do that?

Sure! You can create a mock object and pass it to your component during testing. For example:

const mockData = { name: 'John', age: 30 };
const wrapper = shallowMount(MyComponent, { propsData: { user: mockData } });

What if I want to mock an API call?

You can use axios-mock-adapter to mock API calls. Here's a quick example:

import axios from 'axios';
import MockAdapter from 'axios-mock-adapter';

const mock = new MockAdapter(axios);
mock.onGet('/api/user').reply(200, { name: 'John', age: 30 });