Inflearn Community Q&A
asked
on/off 버튼 질문
Written on
·
265
0
현재 테스트 코드 같은 경우에는 on -> off 로 변했을때 각 버튼이 disabled가 되는지를 확인하고 그에 맞는 코드를 작성하는데요.
off인 상태에서 on이 됬을 경우에도 테스트하려면 render(<App/>) 후에 disabled 상태를 만들어 줘야 하는데 이 경우의 테스트 코드는 어떻게 작성해야 하나요?
웹앱React-Contextreactjest
Quiz
63% of people got it wrong. Give it a try!
테스트 주도 개발(TDD)의 가장 핵심적인 원칙은 무엇일까요?
코드를 모두 완성한 후 마지막에 테스트 코드를 작성한다.
기능 구현에 앞서 기능 검증 테스트 코드를 먼저 작성한다.
코드 작성과 테스트 작성을 동시에 진행한다.
테스트 코드는 주요 기능에 대해서만 선택적으로 작성한다.
Answer 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();
프리뷰로 보면 코드가 잘보이는데 댓글 작성만 누르면 검정으로 변함....