QA NoteTutorial
Scenario List
01API 500 Error
BeginnerTeam Invite Form
02CSS Overflow
BeginnerE-commerce Product Card
03Unhandled Promise
IntermediateDashboard Analytics Chart
04Network Timeout
IntermediateIssue List Search
05Missing Validation
BeginnerProfile Settings Form
06Infinite Re-render
AdvancedReal-time Notification Panel
07CORS Error
IntermediateCheckout Address Autocomplete
08z-index Conflict
IntermediateDatePicker in Modal
09CLS Layout Shift
AdvancedNews Article
10Accessibility Violation
AdvancedMulti-step Sign Up
10Accessibility Violation — Multi-step Sign Up
10/10
1

Click the first field

Focus on the name field.

Navigate fields with the Tab key

Notice the "Next Step" button is unreachable

Capture with the extension

Captured Data
  • • User Actions: consecutive Tab keypress events
  • • Element Styles: tabIndex: -1, outline: none
  • • React Tree: SignupForm hierarchy
S
SignUp Pro

Sign Up

Sign up in 3 simple steps.

1
2
3

Step 1: Basic Info

Next Step
Tab key count: 0
Previous