test(e2e): real-browser pass in Playwright Chromium

uhhm/buuh

Three end-to-end scenarios against a static+SSR test server: the
zero-build page (import map + native ESM, no bundler), the SSR page
(rendered content in the raw response, live after hydration, no mismatch
warnings), and adoption (an expando on the server-rendered node survives
a real render). Renders are raf-batched so assertions poll.

Real Chromium flushed out three fixes happy-dom couldn't see:
- nanoraf called an extracted requestAnimationFrame bare — Illegal
  invocation under strict-mode ESM (sloppy CJS had masked it); wrapped.
- the counter example only routed '/', so serving it from any subpath
  threw; it now has a wildcard fallback.
- hydration mismatch detection is now whitespace-insensitive (the parser
  reparents whitespace, e.g. text after </body>), and page scripts belong
  in <head> when a view owns <body> — same convention bankai v9 used.

CI gets an e2e job with chromium-headless-shell.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014NgfSjHE11oFpoSnLVKLXd

This commit is contained in:

Bendik Aagaard Lynghaug

2026-09-08 17:57:27 +02:00

co-authored by

Claude Fable 5

parent 13155a3469

commit 63b56144a5

8 changed files with 230 additions and 7 deletions

									
										examples/counter/app.js
									
		+3
		
												View File
												
				@@ -10,6 +10,9 @@ export default function createApp () {

				  const app = choo()

				  app.use(countStore)

				  app.route('/', mainView)

				  // the demo gets served from arbitrary subpaths (npx serve ., test

				  // servers); a wildcard fallback makes it mount anywhere

				  app.route('*', mainView)

				  return app

				}