inflearn logo
강의

講義

知識共有

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

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

on/off 버튼 질문

266

jeus0630

投稿した質問数 12

0

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

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

웹앱 React-Context react jest

回答 1

0

Yoon Geon-ung

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

278

2

ERROR

0

209

1

테스트 시간을 단축할 수 있는 방법에 대하여 문의드립니다.

0

360

1

useState 배열값 변경의 경우 테스트 멈춤

0

411

1

test was not wrapped in act관련 질문

0

290

2

안녕하세요! 로딩 상태 테스트에 관련된 질문입니다.

0

394

1

강의 관련 내용 github 업로드 질문

0

307

1

이미지가 안보인다 하셔서 다시 질문드립니다.

0

414

2

Test Fail이 발생합니다 ㅠㅠ

0

356

1

스타일 컴포넌트 테스트 방법

0

438

1

msw 에러

0

632

1

toHaveTextContent 에러

0

442

1

msw안돼는사람

0

579

1

This could be because the text is broken up by multiple elements. 에러

0

1716

2

Type.test.js파일에 궁금한점이 생겼습니다

0

351

1

28강 수강 중 JSX 작성 방법에 대해 궁금해져서 질문 남깁니다!

0

398

1

toHaveTextContent 에서 에러가 자꾸 나는데 아무리 찾아도 잘 모르겠습니다.

0

610

2

aria-*

0

438

1

This XML file does not appear to have any style information associated with it. The document tree is shown below. 에러

1

14089

1

컴포넌트 props내려줄때 코드는 어떻게 해야하나요

0

248

0

es6 jest 미지원 오류 문의

0

857

1

test 여러 개 실행 - fail 발생

0

292

1

useMemo

0

282

1

axios 1.1.2 버전 issue ( SyntaxError: Cannot use import statement outside a module)

4

2224

5