@testing-library/jest-dom

목적

DOM 관련 단언(assertion) 작성 도구
Jest 사용 시 DOM 상태 테스트에 유용함

주요 기능

• DOM 상태를 확인하는 추가적인 단언 함수 제공
  (toBeInTheDocument, toHaveClass, toHaveAttribute, toHaveStyle 등)
• 읽기 쉬운 방식으로 DOM 상태 테스트 가능

예시:

import { render, screen } from '@testing-library/react';
import '@testing-library/jest-dom'; // Jest DOM 단언문 사용 가능

const MyComponent = () => <button disabled>Click me</button>;

test('button is disabled', () => {
  render(<MyComponent />);
  expect(screen.getByRole('button')).toBeDisabled();
});