QA Note 튜토리얼 | QA Note

QA Note튜토리얼

시나리오 목록

01API 500 에러

초급팀 멤버 초대 폼

02CSS 오버플로

초급이커머스 상품 카드

03Unhandled Promise

중급대시보드 분석 차트

04네트워크 타임아웃

중급이슈 목록 검색

05유효성 검사 누락

초급프로필 설정 폼

06무한 리렌더링

고급실시간 알림 패널

중급결제 주소 자동완성

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

예정

이전 다음 시나리오

QA Note 튜토리얼 | QA Note