on/off 버튼 질문
271
작성한 질문수 12
현재 테스트 코드 같은 경우에는 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();
프리뷰로 보면 코드가 잘보이는데 댓글 작성만 누르면 검정으로 변함....
제공해주신 코드를 vscode에서 켜도 eslint가 안됩니다.
0
284
2
ERROR
0
211
1
테스트 시간을 단축할 수 있는 방법에 대하여 문의드립니다.
0
363
1
useState 배열값 변경의 경우 테스트 멈춤
0
413
1
test was not wrapped in act관련 질문
0
293
2
안녕하세요! 로딩 상태 테스트에 관련된 질문입니다.
0
397
1
강의 관련 내용 github 업로드 질문
0
308
1
이미지가 안보인다 하셔서 다시 질문드립니다.
0
416
2
Test Fail이 발생합니다 ㅠㅠ
0
357
1
스타일 컴포넌트 테스트 방법
0
441
1
msw 에러
0
642
1
toHaveTextContent 에러
0
450
1
msw안돼는사람
0
585
1
This could be because the text is broken up by multiple elements. 에러
0
1720
2
Type.test.js파일에 궁금한점이 생겼습니다
0
353
1
28강 수강 중 JSX 작성 방법에 대해 궁금해져서 질문 남깁니다!
0
403
1
toHaveTextContent 에서 에러가 자꾸 나는데 아무리 찾아도 잘 모르겠습니다.
0
612
2
aria-*
0
447
1
This XML file does not appear to have any style information associated with it. The document tree is shown below. 에러
1
14133
1
컴포넌트 props내려줄때 코드는 어떻게 해야하나요
0
250
0
es6 jest 미지원 오류 문의
0
863
1
test 여러 개 실행 - fail 발생
0
293
1
useMemo
0
286
1
axios 1.1.2 버전 issue ( SyntaxError: Cannot use import statement outside a module)
4
2228
5