검증할 문제
브라우저 호환 fallback에서 유지해야 할 동작과 바뀌어야 할 결과를 나눠 적습니다. 지원되지 않는 선언은 무시되므로 기본 선언을 먼저 두고 @supports와 실제 support matrix로 progressive enhancement를 구성합니다.
원인과 테스트 조건
computed style만 보지 않고 containing block, intrinsic size, overflow와 stacking context를 확인합니다. 어떤 box가 크기를 결정하는지부터 찾습니다.
| 조건 | 확인할 내용 |
|---|---|
| 대표 사례 | 자주 쓰는 조건에서 기대 결과가 나오는가 |
| 경계 | 값이나 동작이 바뀌는 지점이 안전한가 |
| 실패 | 오류가 정해진 방식으로 드러나고 중간 상태가 남지 않는가 |
| 반복 | 다시 실행해도 결과가 예측 가능한가 |
통과 기준과 안전망
수정 전 실패 사례는 사라지고 기존 정상 사례는 유지돼야 합니다. 지원 viewport, 확대율, 긴 문자열, 동적 콘텐츠와 reduced-motion 조건에서 시각 회귀를 확인한다. 지원 viewport, 200% 확대, 긴 문자열, 동적 콘텐츠와 keyboard focus 조건에서 잘림·겹침·예상 밖 scroll이 없는지 확인합니다. 한 번의 가장 좋은 결과나 화면 한 장으로 완료를 선언하지 않습니다. 실패 입력과 기대 결과를 자동 test나 실행 가능한 점검으로 남깁니다.
공식 문서와 적용 범위
문서의 기본값과 동작은 version에 따라 달라질 수 있습니다. 지원하는 browser, viewport, 입력 방식과 실제 network 조건에서 다시 확인합니다.