Counter test

Counter 테스트 코드는 렌더, 선택, 이벤트, 검증 순서로 읽는다

코드가 길어 보여도 네 동작으로 나누면 간단합니다. 컴포넌트를 올리고, 사용자가 찾을 요소를 고르고, 행동을 발생시키고, 화면 결과를 확인합니다.

1. 렌더render(<Counter />)JSDOM에 컴포넌트를 올린다.

2. 선택screen.getByRole사용자가 찾을 수 있는 이름과 role로 버튼을 찾는다.

3. 이벤트fireEvent.click증가 또는 감소 버튼을 클릭한다.

4. 검증toHaveTextContent카운트 값이 기대한 숫자로 바뀌었는지 본다.

초기값렌더 직후 count-value는 0이어야 한다.

증가증가 버튼 뒤 1이 보여야 한다.

감소감소 버튼 뒤 -1이 보여야 한다.

회귀증가 후 감소하면 다시 0으로 돌아와야 한다.