QA Note튜토리얼
시나리오 목록
01API 500 에러
초급팀 멤버 초대 폼
02CSS 오버플로
초급이커머스 상품 카드
03Unhandled Promise
중급대시보드 분석 차트
04네트워크 타임아웃
중급이슈 목록 검색
05유효성 검사 누락
초급프로필 설정 폼
06무한 리렌더링
고급실시간 알림 패널
07CORS 에러
중급결제 주소 자동완성
08z-index 충돌
중급모달 내 DatePicker
09CLS 레이아웃 시프트
고급뉴스 아티클
10접근성 위반
고급멀티스텝 회원가입
08z-index 충돌 — 모달 내 DatePicker
8/10
1

"마일스톤 추가" 버튼을 클릭하세요

모달이 열립니다.

"마감일" 입력 필드를 클릭하세요

캘린더가 모달 뒤에 가려지는 것을 확인하세요

익스텐션으로 캡처하세요

캡처되는 데이터
  • • Element Styles: 모달 z-index: 50, DatePicker z-index: 40
  • • React Tree: Modal > Form > DatePicker 계층 구조
  • • User Actions: 버튼 클릭 → 모달 → 날짜 필드 클릭
P
ProjectLab

프로젝트 타임라인

마일스톤을 관리합니다.

MVP 출시

2024-04-15

완료

베타 테스트

2024-05-20

진행 중

정식 출시

2024-06-30

예정
이전다음 시나리오