코딩 공부

React Testing Library - 기본 사용법

새혀니 2025. 4. 20. 02:21

npm install --save-dev @testing-library/react jest

// Button.tsx
export default function Button({ label, onClick }) {
  return <button onClick={onClick}>{label}</button>;
}

// Button.test.tsx
import { render, screen, fireEvent } from '@testing-library/react';
import Button from './Button';

test('버튼 렌더링과 클릭 테스트', () => {
  const onClick = jest.fn();
  render(<Button label="Click me" onClick={onClick} />);
  fireEvent.click(screen.getByText('Click me'));
  expect(onClick).toHaveBeenCalledTimes(1);
});