Prüfen gerenderter Inhalte in Komponenten-Unit-Tests

import { render, screen } from '@testing-library/react';
import '@testing-library/jest-dom';
 
function Greeting({ name }) {
  return <h1>Welcome, {name}!</h1>;
}
 
test('renders greeting with given prop name', () => {
  render(<Greeting name="Sarah" />);
  const heading = screen.getByRole('heading', { level: 1 });
  expect(heading).toHaveTextContent('Welcome, Sarah!');
});