인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

Inflearn Community Q&A

이은혜's profile image
이은혜

asked

Learn React A-Z by following along [19 version included]

Adding plus and minus button functions (fire event)

마이너스 버튼 관련 질문

Resolved

Written on

·

278

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);
})
reacttddreduxtypescriptnext.jsNext.js

Answer 1

1

johnahn님의 프로필 이미지
johnahn
Instructor

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

이은혜's profile image
이은혜

asked

Ask a question