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

kohy12100님의 프로필 이미지
kohy12100

작성한 질문수

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

on/off 버튼 만들기(toHaveStyle)

fireEvent 사용안하고 click이벤트 작성하는 방법?

작성

·

196

0

fireEvent 로 click 을 안쓰고 구현을 해보려했는데요.

test('When the + button is pressed, the counter chagnges to 1', ()=>{

  render(<App/>);
  const buttonElement = screen.getByTestId("plus-button");
  buttonElement.click(()=>{
    const counterElement = screen.getByTestId("counter");
    expect(counterElement).toHaveTextContent(1);  
  })
이게 맞는 문법인지도 잘 모르겠고 이렇게 작성하면 test 에선 pass 했다고는 나오는데
 
Warning: An update to App inside a test was not wrapped in act(...).
    
When testing, code that causes React state updates should be wrapped into act(...):
 
라는 오류 메세지도 함께나와서 질문드립니다..

답변 1

0

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

안녕하세요 ~ 

fireEvent를 사용하시지 않는 이유가 있나요 ~? 

테스트 안에서 클릭하실 때는 fireEvent를 사용해주시면 감사하겠습니다 ~

kohy12100님의 프로필 이미지
kohy12100
질문자

테스트를 위해 사용하는 건데 너무 깊게 생각한것 같습니다. fireEvent 사용하겠습니다. 답변감사합니다!

kohy12100님의 프로필 이미지
kohy12100

작성한 질문수

질문하기