inflearn logo
강의

Course

Instructor

Learning React A-Z by Following Along [Version 19 반영]

Implement plus and minus button functions (fire event)

마이너스 버튼 관련 질문

Resolved

311

leh87671680

80 asked

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);
})

react tdd redux typescript next.js Next.js

Answer 1

1

John Ahn

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

강의 소스 코드 압축 풀기 오류

0

80

1

런타임 에러 ㅠㅠ

0

97

1

강의대로 따라갔는데 에러보다 api키로 들어간 넷플릭스? 그런게 렌더링 되지 않습니다 ㅠ

0

108

1

안녕하세요 개발과 상관없는 질문입니다만

0

117

1

리액트 라우터 관련

0

107

1

react-beatiful-dnd에서 문제가 발생합니다.

0

106

1

react19에서는 react-beautiful-dnd가 설치되지 않습니다.

0

821

1

useEffect로 사용을 해도 되나요?

0

204

1

넷플릭스 오리지널 제외하고 슬라이드가 동작을 안합니다.

0

197

1

react 19의 useActionState가 더이상 isPending은 지원하지 않는 듯합니다

0

286

2

리액트 dockderfile 작성 시 COPY 질문

0

151

1

next.js에서부터는 react query 필요없는지

0

322

1

기능

0

201

1

오류가 안보여요

0

200

1

CSS

0

220

1

local storage

0

216

1

list컴포넌트 생성하기

0

226

1

검색어 입력 후 초기화하는 방법 궁금합니다!

0

340

1

Banner.css에 대해서

0

455

1

플러그인이 추천을 안해줍니다

0

326

1

마이너스버튼 테스트

0

280

2

리액트 서버 실행 오류

0

1163

2

오류메세지는 확인했는데 어떻게 고쳐야 할지 모르겠습니다 ㅠ

0

299

1

creactStore질문이요

1

289

2