How do I set up Testing Library for my project?

How do I set up Testing Library for my project?

To set up Testing Library, first install it using npm or yarn. You can run npm install --save-dev @testing-library/react for React projects.

What if I'm using Vue instead of React?

For Vue, you can install it with npm install --save-dev @testing-library/vue. The setup is similar!

Do I need to configure anything after installation?

Generally, no additional configuration is needed. Just import the library in your test files and start writing tests!

Can you give me an example of a simple test?

Sure! Here's a basic example:

import { render, screen } from '@testing-library/react';
import MyComponent from './MyComponent';

test('renders learn react link', () => {
  render(<MyComponent />);
  const linkElement = screen.getByText(/learn react/i);
  expect(linkElement).toBeInTheDocument();
});