Files
rose-ash/tests/playwright/stepper.spec.js
giles d81a518732 Fix JIT compiler, CSSX browser support, double-fetch, SPA layout
JIT compiler:
- Fix jit_compile_lambda: resolve `compile` via symbol lookup in env
  instead of embedding VmClosure in AST (CEK dispatches differently)
- Register eval-defcomp/eval-defisland/eval-defmacro runtime helpers
  in browser kernel for bytecoded defcomp forms
- Disable broken .sxbc.json path (missing arity in nested code blocks),
  use .sxbc text format only
- Mark JIT-failed closures as sentinel to stop retrying

CSSX in browser:
- Add cssx.sx symlink + cssx.sxbc to browser web stack
- Add flush-cssx! to orchestration.sx post-swap for SPA nav
- Add cssx.sx to compile-modules.js and mcp_tree.ml bytecode lists

SPA navigation:
- Fix double-fetch: check e.defaultPrevented in click delegation
  (bind-event already handled the click)
- Fix layout destruction: change nav links from outerHTML to innerHTML
  swap (outerHTML destroyed #main-panel when response lacked it)
- Guard JS popstate handler when SX engine is booted
- Rename sx-platform.js → sx-platform-2.js to bust immutable cache

Playwright tests:
- Add trackErrors() helper to all test specs
- Add SPA DOM comparison test (SPA nav vs fresh load)
- Add single-fetch + no-duplicate-elements test
- Improve MCP tool output: show failure details and error messages

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-30 20:48:43 +00:00

32 lines
1.1 KiB
JavaScript

const { test, expect } = require('playwright/test');
const { loadPage, trackErrors } = require('./helpers');
test('home page stepper: no raw SX component calls visible', async ({ page }) => {
const t = trackErrors(page);
await loadPage(page, '');
const stepper = page.locator('[data-sx-island="home/stepper"]');
await expect(stepper).toBeVisible({ timeout: 10000 });
// The lake (rendered preview) should NOT show raw component calls
const lake = stepper.locator('[data-sx-lake]');
await expect(lake).toBeVisible({ timeout: 5000 });
const lakeText = await lake.textContent();
expect(lakeText).not.toContain('~cssx/tw');
expect(lakeText).not.toContain(':tokens');
// Should show rendered content (colored text)
expect(lakeText.length).toBeGreaterThan(5);
// Stepper navigation should work
const buttons = stepper.locator('button');
await expect(buttons).toHaveCount(2);
const textBefore = await stepper.textContent();
await buttons.last().click();
await page.waitForTimeout(300);
const textAfter = await stepper.textContent();
expect(textAfter).not.toBe(textBefore);
expect(t.errors()).toEqual([]);
});