Testing Templates

Testing Templates

One-click preset configurations optimized for common application types.

---

Available Templates

SaaS / Dashboard

Optimized for data-heavy UIs with tables, charts, and dynamic content. Enables stabilization features for frequently updating data.

Marketing Website

Optimized for static pages with animations and responsive layouts. Focuses on cross-browser consistency and animation freezing.

Canvas / WebGL

Optimized for non-DOM rendering (canvas games, WebGL apps, diagram editors). Uses visual-only comparison since DOM selectors don't apply.

E-commerce

Optimized for product pages, shopping carts, and checkout flows. Handles dynamic pricing, inventory counts, and promotional banners.

Documentation

Optimized for text-heavy pages with code blocks and navigation. Uses text-region-aware diffing for better accuracy with prose content.

Mobile-First

Optimized for small viewports and touch interactions. Sets mobile viewport dimensions and enables touch event simulation.

SPA (Single Page Application)

Optimized for client-side routing and dynamic content loading. Configures appropriate wait strategies for AJAX-loaded content.

CMS

Optimized for content editing interfaces, WYSIWYG editors, and media management. Handles dynamic content areas and editor toolbars.

---

How to Use

1. Go to Settings > Testing Templates
2. Click on the template that matches your app type
3. Settings are applied immediately (Playwright, stabilization, diff sensitivity)
4. Customize further as needed -- templates are a starting point

Templates modify settings in:

• Playwright configuration (viewport, browser settings)
• Stabilization features (which features to enable)
• Diff sensitivity (thresholds and engine selection)