fix(regression-test): paint the theme page background on body so fullPage screenshots capture it

balzss · claude · balzss · commit 6d0d3368c589 · 2026-07-27T12:08:41.000+02:00
The background was set only on <html>. Cypress capture: 'fullPage' stitches the body onto its own canvas and does not reliably paint the <html> background into that image, so the dark surface showed in a real browser (and the report's HTML view) but not in the captured screenshots. Set it on <body> too, with min-height: 100vh so short pages still fill the frame. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
diff --git a/regression-test/src/app/layout.tsx b/regression-test/src/app/layout.tsx
@@ -98,7 +98,18 @@ export default function RootLayout({
         theme={themes[themeKey]}
         instanceCounterMap={new Map()}
       >
-        <body className={inter.className}>{children}</body>
+        {/* Also set the background on <body> (with a full-viewport min-height):
+            Cypress `capture: 'fullPage'` stitches the body onto its own canvas
+            and does not reliably paint the <html> background into that image, so
+            the html-only background shows in a real browser but not in the
+            screenshots. Painting the body is what makes the dark surface appear
+            in the captured baselines. */}
+        <body
+          className={inter.className}
+          style={{ background: pageBackground, minHeight: '100vh' }}
+        >
+          {children}
+        </body>
       </InstUISettingsProvider>
     </html>
   )
