How do I set up mock data for Jest and Vue Testing Library?

How do I set up mock data for Jest and Vue Testing Library?

To set up mock data for Jest and Vue Testing Library, you can create a mock file that exports your data.

Can you show me an example of a mock data file?

Sure! Here's a simple example:

// mockData.js
export const mockUser = {
  id: 1,
  name: 'John Doe',
  email: '[email protected]'
};

How do I use this mock data in my tests?

You can import the mock data in your test file and use it in your component tests like this:

import { mockUser } from './mockData';

test('renders user name', () => {
  const { getByText } = render(UserComponent, {
    props: { user: mockUser }
  });
  expect(getByText(mockUser.name)).toBeInTheDocument();
});