React Testing Library의 핵심 원칙과 사용법은?

Question

Accepted Answer

React Testing Library는 "구현이 아닌 동작"을 테스트하는 것을 핵심 원칙으로 합니다.

```typescript
import { render, screen } from '@testing-library/react';
import userEvent from '@testing-library/user-event';

test('카운터 증가', async () => {
  render(<Counter />);

// 사용자가 보는 것 기준으로 요소 선택
  const button = screen.getByRole('button', { name: '증가' });
  const count = screen.getByText('0');

await userEvent.click(button);

expect(screen.getByText('1')).toBeInTheDocument();
});
```

**쿼리 우선순위 (권장 순):**
1. `getByRole` - 접근성

테스트