섹션
팝업·오버레이 계열 검증 번들입니다.
레이어가 앵커와 포커스를 올바르게 다루는지 확인합니다.
tooltip, popover, menu, dialog, bottom-sheet, side-sheet
카테고리와 하위 페이지가 연결되어야 합니다.
오버레이가 문맥과 분리되지 않는 경우.
포커스 이동과 닫힘 조건을 다시 맞춥니다.
현재 적용값
실제 렌더 프리뷰
Bottom Sheet 테스트 목적 하단에서 올라오는 보조 콘텐츠인지 확인합니다. 읽는 소스 theme registry, modal/standard sheet, responsive height 정상 결과 모바일 기준에서 안정적으로 보여야 합니다. 실패 기준 높이 과다 또는 콘텐츠가 잘리는 경우. ...
Dialog 테스트 목적 행동을 멈추게 하는 모달인지 확인합니다. 읽는 소스 theme registry, confirm/dismiss, modal surface 정상 결과 확인·취소가 구분되어야 합니다. 실패 기준 모달 차단과 destructive 흐름이 없는 경우. 복구 방법 모달성, 포커스, 버튼 위계를 다시 맞춥니다. ...
Menu 테스트 목적 선택 목록과 키보드 이동이 정상인지 확인합니다. 읽는 소스 theme registry, menu state, active item 정상 결과 활성 항목과 선택 항목이 분명해야 합니다. 실패 기준 단순 링크 모음처럼만 보이는 경우. ...
Popover 테스트 목적 앵커 기준으로 떠 있는 표면인지 확인합니다. 읽는 소스 theme registry, anchor positioning, dismiss 정상 결과 앵커와 패널 관계가 보여야 합니다. 실패 기준 앵커를 잃거나 닫힘 조건이 없는 경우. 복구 방법 포커스, 위치, 닫힘 정책을 재조정합니다. ...
Side Sheet 테스트 목적 넓은 화면과 좁은 화면에서 분기되는지 확인합니다. 읽는 소스 theme registry, side panel, responsive breakpoint 정상 결과 측면 패널이 본문을 과도하게 가리지 않아야 합니다. 실패 기준 좁은 화면에서 레이아웃이 무너지는 경우. ...
Tooltip 테스트 목적 짧고 구체적인 도움말만 제공하는지 확인합니다. 읽는 소스 theme registry, hover/focus, hint text 정상 결과 hover와 focus 모두에서 안내가 보여야 합니다. 실패 기준 접근성 없이 시각만 있는 경우. ...