QA Note 튜토리얼 | QA Note

QA Note튜토리얼

시나리오 목록

01API 500 에러

초급팀 멤버 초대 폼

02CSS 오버플로

초급이커머스 상품 카드

03Unhandled Promise

중급대시보드 분석 차트

04네트워크 타임아웃

중급이슈 목록 검색

05유효성 검사 누락

초급프로필 설정 폼

06무한 리렌더링

고급실시간 알림 패널

중급결제 주소 자동완성

08z-index 충돌

중급모달 내 DatePicker

09CLS 레이아웃 시프트

고급뉴스 아티클

10접근성 위반

고급멀티스텝 회원가입

05유효성 검사 누락 — 프로필 설정

5/10

1

전화번호에 "abcdef"를 입력하세요

유효성 검사가 없는 필드를 테스트합니다.

"저장" 버튼을 클릭하세요

성공 토스트를 확인하세요

익스텐션으로 캡처하세요

캡처되는 데이터

• Network: PUT /api/demo/profile → 200 OK (에러 없음이 버그!)
• User Actions: 전화번호 입력 → 저장 버튼 클릭
• React Tree: Form state — phone: "abcdef", errors: {}

M

MyAccount

프로필 설정

개인 정보를 수정하고 저장합니다.

홍

홍길동

gildong@example.com

이름

이메일

전화번호

주소

이전 다음 시나리오

QA Note 튜토리얼 | QA Note