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

jeus0630님의 프로필 이미지
jeus0630

작성한 질문수

따라하며 배우는 리액트 테스트 [2023.11 업데이트]

on/off 버튼 클릭 시 버튼 disabled

on/off 버튼 질문

작성

·

197

0

현재 테스트 코드 같은 경우에는 on -> off 로 변했을때 각 버튼이 disabled가 되는지를 확인하고 그에 맞는 코드를 작성하는데요.

off인 상태에서 on이 됬을 경우에도 테스트하려면 render(<App/>) 후에 disabled 상태를 만들어 줘야 하는데 이 경우의 테스트 코드는 어떻게 작성해야 하나요?

답변 1

0

render(<App/>);
const onOffBtnEl = screen.getByTestId('on/off-btn');

fireEvent.click(onOffBtnEl);

const plusBtnEl = screen.getByTestId('plus-btn');
const minusBtnEl = screen.getByTestId('minus-btn');

expect(plusBtnEl).toBeDisabled();
expect(minusBtnEl).toBeDisabled();

fireEvent.click(onOffBtnEl);

expect(plusBtnEl).toBeEnabled();
expect(minusBtnEl).toBeEnabled();

 

프리뷰로 보면 코드가 잘보이는데 댓글 작성만 누르면 검정으로 변함....

 

jeus0630님의 프로필 이미지
jeus0630

작성한 질문수

질문하기