fix(ui): make fixture bundle browser-safe, fast and cacheable

Browse Source

The UI fixture bundle crashed at runtime, so every test waited out its
45s timeout:
- server-only modules leaked into the bundle and referenced node
  built-ins, the process global, and validated env at import time
- the previous platform: 'node' fix kept esbuild happy but emitted
  require() calls that cannot run in the browser

Fix it at the bundle boundary:
- alias node:* imports to e2e/ui/node-stubs.mjs (shape-compatible stubs,
  no real I/O)
- inject e2e/ui/process-shim.mjs for the process global
- define process.env.SKIP_ENV_VALIDATION=1 so src/env.ts skips parsing
  in the fixture (same escape hatch vitest uses)

Also make the fixture server fast to start:
- build JS and Tailwind CSS in parallel
- cache built assets in node_modules/.cache/nexst-ui-fixture keyed on a
  content hash of src/, fixtures, stubs and the server file
- startup drops from ~1.7s to ~220ms on cache hits

...

This commit is contained in:

openhands

2026-10-17 17:13:59 +02:00

parent c9b363d60d

commit 1dd584cd82

27 changed files with 334 additions and 67 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

e2e/ui/__screenshots__/linux/desktop/workflows.spec.ts/article-form.png → e2e/ui/__screenshots__/linux/desktop-chromium/workflows.spec.ts/article-form.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 78 KiB After Width:  |  Height:  |  Size: 78 KiB

e2e/ui/__screenshots__/linux/desktop/workflows.spec.ts/article-preview.png → e2e/ui/__screenshots__/linux/desktop-chromium/workflows.spec.ts/article-preview.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 28 KiB After Width:  |  Height:  |  Size: 28 KiB

e2e/ui/__screenshots__/linux/desktop/workflows.spec.ts/settings-switches.png → e2e/ui/__screenshots__/linux/desktop-chromium/workflows.spec.ts/settings-switches.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 45 KiB After Width:  |  Height:  |  Size: 45 KiB

e2e/ui/__screenshots__/linux/desktop/workflows.spec.ts/sync-history.png → e2e/ui/__screenshots__/linux/desktop-chromium/workflows.spec.ts/sync-history.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 48 KiB After Width:  |  Height:  |  Size: 48 KiB

e2e/ui/__screenshots__/linux/desktop/workflows.spec.ts/ticket-saved-views.png → e2e/ui/__screenshots__/linux/desktop-chromium/workflows.spec.ts/ticket-saved-views.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 66 KiB After Width:  |  Height:  |  Size: 66 KiB

e2e/ui/__screenshots__/linux/desktop/workflows.spec.ts/ticket-table.png → e2e/ui/__screenshots__/linux/desktop-chromium/workflows.spec.ts/ticket-table.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 51 KiB After Width:  |  Height:  |  Size: 51 KiB

e2e/ui/__screenshots__/linux/mobile/workflows.spec.ts/article-form.png → e2e/ui/__screenshots__/linux/mobile-chromium/workflows.spec.ts/article-form.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 68 KiB After Width:  |  Height:  |  Size: 68 KiB

e2e/ui/__screenshots__/linux/mobile/workflows.spec.ts/article-preview.png → e2e/ui/__screenshots__/linux/mobile-chromium/workflows.spec.ts/article-preview.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 25 KiB After Width:  |  Height:  |  Size: 25 KiB

e2e/ui/__screenshots__/linux/mobile/workflows.spec.ts/settings-switches.png → e2e/ui/__screenshots__/linux/mobile-chromium/workflows.spec.ts/settings-switches.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 43 KiB After Width:  |  Height:  |  Size: 43 KiB

e2e/ui/__screenshots__/linux/mobile/workflows.spec.ts/sync-history.png → e2e/ui/__screenshots__/linux/mobile-chromium/workflows.spec.ts/sync-history.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 44 KiB After Width:  |  Height:  |  Size: 44 KiB

e2e/ui/__screenshots__/linux/mobile/workflows.spec.ts/ticket-saved-views.png → e2e/ui/__screenshots__/linux/mobile-chromium/workflows.spec.ts/ticket-saved-views.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 46 KiB After Width:  |  Height:  |  Size: 46 KiB

e2e/ui/__screenshots__/linux/mobile/workflows.spec.ts/ticket-table.png → e2e/ui/__screenshots__/linux/mobile-chromium/workflows.spec.ts/ticket-table.png

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 38 KiB After Width:  |  Height:  |  Size: 38 KiB