Test Pages › Failure Analysis › Changed Layout
Type B: Test Issue

Changed Layout

The product grid was changed from 3 columns to 2 columns. Position-based selectors like nth-child(3) in the first row now target a different product than expected.

Failure Scenario: layout_changed

The product grid layout was redesigned from 3 columns to 2 columns for better readability.

  • Old layout (3 columns): Row 1 = [Widget Pro, Gadget Plus, Tool Master], Row 2 = [Device X]
  • New layout (2 columns): Row 1 = [Widget Pro, Gadget Plus], Row 2 = [Tool Master, Device X]
  • Old test behavior: Clicks .product-card:nth-child(3) expecting "Tool Master" in the first visual row
  • Expected fix: The 3rd card is still "Tool Master" by DOM order, but it is now in the second row visually. A test checking visual row position needs updating.

Our Products

Browse our latest product lineup.

Old Layout (3 columns)

Widget Pro | Gadget Plus | Tool Master

Device X

Current Layout (2 columns)

Widget Pro | Gadget Plus

Tool Master | Device X

⚙️
Hardware

Widget Pro

Professional-grade widget with advanced features for power users and teams.

$299.00
📱
Electronics

Gadget Plus

Enhanced gadget with built-in connectivity and smart features for everyday use.

$199.00
🔧
Tools

Tool Master

All-in-one tool solution designed for professionals who demand precision and reliability.

$149.00
💻
Devices

Device X

Next-generation device with cutting-edge technology and seamless integration.

$449.00

Grid Position Reference

Comparison of product positions between old and new layouts:

nth-child Product Old Row (3-col) New Row (2-col) Position Changed?
1 Widget Pro Row 1, Col 1 Row 1, Col 1 No
2 Gadget Plus Row 1, Col 2 Row 1, Col 2 No
3 Tool Master Row 1, Col 3 Row 2, Col 1 Yes
4 Device X Row 2, Col 1 Row 2, Col 2 Yes