코딩 공부
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);
});