inflearn logo
강의

講義

知識共有

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

Summary ページ フォーム 実装

aria-*

438

sserenityy

投稿した質問数 17

0

test.js에서 element.checked 하면 ariaChecked, ariaDisabled 이렇게 aria가 붙은 것이 힌트로 뜨는데 input과 button에 aria-를 붙였더니 화면에선 잘 작동하는데 테스트에 걸리더라고요..

<input
  type="checkbox"
  aria-checked={checked}
FAIL
expect(checkbox.ariaChecked).toEqual(false);

둘의 차이가 뭐고 어떤 방법이 더 권장되는지 궁금합니다!

react React-Context 웹앱 jest

回答 1

0

John Ahn

안녕하세요

화화님

aria - 를 붙으면

시각적으로 볼 수 없는 분들을 위해 스크린 리더에서 인지할 수 있게 하기 위해서 사용이 되는 것입니다 ~

그냥 checked 대신에 사용하신 이유가 있나요 ~?

제공해주신 코드를 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

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

2가지 질문사항입니다!

0

310

2