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
02CSS Overflow — Product Card Grid
2/10
1

Browse the product card grid

Find the broken card among 9 product cards.

Find the broken card

Click the broken card

Capture with the extension

Captured Data
  • • Element Styles: overflow visible, no text-overflow set
  • • React Tree: ProductCard props (name, price, image)
  • • User Actions: card click event
S
ShopMate

Popular Products

9 products

Cart (0)
🎧
4.5

Premium Wireless Earbuds

$89.00
🔌
4.8

USB-C Fast Charger (65W)

$35.00
💻
4.2

Minimal Laptop Stand

$45.00
⌨️
4

Ergonomic Keyboard Pad

$22.00
🖥️
4.7

Ultra-lightweight Premium Aluminum Alloy Laptop Stand — Height Adjustable & Angle Adjustable Ergonomic Design (Space Gray Edition)

$128.00
💡
4.3

LED Desk Lamp

$55.00
🖱️
3.9

Mouse Bungee

$18.00
📷
4.6

HD Webcam (1080p)

$75.00
📎
4.1

Desk Organizer Set

$32.00
PreviousNext Scenario