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