How do I use Vue Testing Library for integration tests?

How do I use Vue Testing Library for integration tests?

You can use Vue Testing Library to write integration tests by simulating user interactions and asserting the expected outcomes. Start by setting up your test environment with the necessary libraries.

What are some best practices for writing these tests?

Some best practices include keeping tests isolated, using descriptive test names, and testing user interactions rather than implementation details.

Can you show me an example of an integration test?

Sure! Here's a simple example:

import { render, fireEvent } from '@testing-library/vue';
import MyComponent from './MyComponent.vue';

test('it updates the message when the button is clicked', async () => {
  const { getByText } = render(MyComponent);
  const button = getByText('Click me');
  await fireEvent.click(button);
  getByText('Message updated!');
});