📸 Before & After Test Fixtures

Scenario	Before	After	Fixture Path
Theme Change Light theme vs Dark theme - full page comparison	View Before	View After	`scenario-theme-change`
Accordion Accordion component with expandable sections	View Before	View After	`accordion`
CSS Card Card component style changes	View Before	View After	`css-card`
Dialog Button Button with dialog/modal interaction	View Before	View After	`dialog-button`
Inline Styles Elements with inline style changes	View Before	View After	`inline-styles`
Responsive Layout Responsive design changes	View Before	View After	`responsive-layout`
Tabbed Content Tab component with different content	View Before	View After	`tabbed-content`
Tailwind Button Button with Tailwind CSS style changes	View Before	View After	`tailwind-button`
Multi-page (Page 1) First page of multi-page site	View Before	View After	`multi-page/page1`
Multi-page (Page 2) Second page of multi-page site	View Before	View After	`multi-page/page2`
Identical Page Same page (should show no differences)	View Page	View Page	`identical`

📝 Usage

Use agent-browser directly to capture a fixture:

agent-browser --allow-file-access open "file://$(pwd)/{scenario}/before.html"
agent-browser screenshot captures/before.png

Replace {scenario} with the scenario name from the table above.