강의

멘토링

커뮤니티

Inflearn コミュニティ Q&A

jeus06300949 のプロフィール画像
jeus06300949

投稿した質問数

フォローして学ぶリアクトテスト [2023.11アップデート]

オン/オフ ボタン クリック時 ボタン disabled

on/off 버튼 질문

作成

·

259

0

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

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

웹앱React-Contextreactjest

回答 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();

 

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

 

jeus06300949 のプロフィール画像
jeus06300949

投稿した質問数

質問する