How do I mock components in Vue Testing Library?

How do I mock components in Vue Testing Library?

You can use the jest.mock function to mock components in Vue Testing Library. Would you like an example?

Yes, please provide an example of mocking a component.

Sure! Here's a simple example:

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

This will replace MyComponent with a mocked version.

What if I need to mock a component with props?

You can pass props to the mocked component like this:

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

This allows you to test how your component behaves with different props.