migrate-page-visual

To fix visual mismatches during Kentico Xperience 13 page migration, compare legacy and new pages using Playwright screenshots, apply targeted CSS styling adjustments, and iterate through verify-build-restart cycles until the pages are pixel-perfect.

Playwright visual regression testing captures screenshots of both legacy and migrated Kentico pages, generates visual diffs to locate layout and typography discrepancies, and drives iterative UI corrections until the rendering matches perfectly.

You must not hardcode dynamic content during page migration. The process requires strict preservation of dynamic data sourcing so the migrated Xperience by Kentico page continues fetching data dynamically rather than freezing it as static output.

The best way to handle responsive layout and CSS fixes after a Kentico migration is applying targeted styling adjustments within the new project while preserving existing behavior, then verifying the results through repeated Playwright screenshot comparisons.

Migrated Kentico pages often retain spacing and alignment issues due to divergent styling between projects. Iterative visual comparison using Playwright identifies these exact discrepancies, allowing for targeted CSS corrections until the page is visually identical.

Playwright is required to verify pixel-perfect page migrations in Xperience by Kentico. It performs the legacy vs new page screenshot comparisons and visual diffs needed to locate rendering discrepancies and drive iterative UI fixes.