How do I mock components in Jest with Vue CLI?

How do I mock components in Jest with Vue CLI?

To mock components in Jest with Vue CLI, you can use the jest.mock function. This allows you to create a mock version of your component.

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

Sure! Here's a simple example:

jest.mock('@/components/MyComponent.vue', () => ({
  name: 'MyComponent',
  template: '<div></div>',
}));

This mocks MyComponent to return a simple div.

What if I need to mock props?

You can pass props to your mock component like this:

jest.mock('@/components/MyComponent.vue', () => ({
  props: ['myProp'],
  template: '<div>{{ myProp }}</div>',
}));

This way, you can test how your component behaves with different props.