인프런 커뮤니티 질문&답변

이은혜님의 프로필 이미지
이은혜

작성한 질문수

따라하며 배우는 리액트 A-Z[19버전 반영]

플러스, 마이너스 버튼 기능 넣기(fire event)

마이너스 버튼 관련 질문

해결된 질문

작성

·

262

0

안녕하세요

아래와 같이 코드를 작성할 경우, 0 으로 입력하면 에러 메세지가 보여집니다.

반대로 플러스 버튼과 동일하게 1로 하면 에러 없이 제대로 작동이 됩니다.

왜 0으로 하면 에러가 발생하는 걸까요?

test('when the - button is pressed, the counter change to 0', () => { 
  render(<App />);
  const buttonElement = screen.getByTestId("minus-button");

  // click plus button
  fireEvent.click(buttonElement);
  // 카운터가 1에서 -1로 되서 0이 된다.
  const counterElement = screen.getByTestId("counter");
  expect(counterElement).toHaveTextContent(0);
})

답변 1

1

John Ahn님의 프로필 이미지
John Ahn
지식공유자

안녕하세요! 은혜님
처음 Content 값이 0 이기에 마이너스 버튼을 누르면 -1이 되는게 맞습니다.
하지만 1을 넣어도 되는 이유는 toHaveTextContent 때문인데
-1과 1을 정확히 구별해주시려면 toBe 혹은 toEqual 을 사용하시면 됩니다!
감사합니다.

이은혜님의 프로필 이미지
이은혜

작성한 질문수

질문하기