aria-*
451
17 asked
test.js에서 element.checked 하면 ariaChecked, ariaDisabled 이렇게 aria가 붙은 것이 힌트로 뜨는데 input과 button에 aria-를 붙였더니 화면에선 잘 작동하는데 테스트에 걸리더라고요..
<input
type="checkbox"
aria-checked={checked}FAIL
expect(checkbox.ariaChecked).toEqual(false);둘의 차이가 뭐고 어떤 방법이 더 권장되는지 궁금합니다!
Answer 1
0
안녕하세요
화화님
aria - 를 붙으면
시각적으로 볼 수 없는 분들을 위해 스크린 리더에서 인지할 수 있게 하기 위해서 사용이 되는 것입니다 ~
그냥 checked 대신에 사용하신 이유가 있나요 ~?
제공해주신 코드를 vscode에서 켜도 eslint가 안됩니다.
0
296
2
ERROR
0
217
1
테스트 시간을 단축할 수 있는 방법에 대하여 문의드립니다.
0
370
1
useState 배열값 변경의 경우 테스트 멈춤
0
425
1
test was not wrapped in act관련 질문
0
300
2
안녕하세요! 로딩 상태 테스트에 관련된 질문입니다.
0
400
1
강의 관련 내용 github 업로드 질문
0
314
1
이미지가 안보인다 하셔서 다시 질문드립니다.
0
421
2
Test Fail이 발생합니다 ㅠㅠ
0
365
1
스타일 컴포넌트 테스트 방법
0
441
1
msw 에러
0
647
1
toHaveTextContent 에러
0
455
1
msw안돼는사람
0
588
1
This could be because the text is broken up by multiple elements. 에러
0
1724
2
Type.test.js파일에 궁금한점이 생겼습니다
0
354
1
28강 수강 중 JSX 작성 방법에 대해 궁금해져서 질문 남깁니다!
0
407
1
toHaveTextContent 에서 에러가 자꾸 나는데 아무리 찾아도 잘 모르겠습니다.
0
619
2
This XML file does not appear to have any style information associated with it. The document tree is shown below. 에러
1
14173
1
컴포넌트 props내려줄때 코드는 어떻게 해야하나요
0
252
0
es6 jest 미지원 오류 문의
0
866
1
test 여러 개 실행 - fail 발생
0
294
1
useMemo
0
287
1
axios 1.1.2 버전 issue ( SyntaxError: Cannot use import statement outside a module)
4
2237
5
2가지 질문사항입니다!
0
313
2