svelte-kit-vice

Commit Graph

Author	SHA1	Message	Date
dev	61e4ba6d26	morfo: add permutation runner (A37) — third validation layer for state transitions ## Why `morfo:check` validates single-state DOM at page load; `smoke` catches hydration-time errors. Neither ejercices state TRANSITIONS — and that is where every reactivity bug we caught this week actually lived: - toolbar A35 loop (mount-time, not caught by either) - form A36 microtask loop (mount-time with onChange) - slider RTL transform (static value, off-by-thumb-width) All passed the existing CI. All would have failed a "click, re-validate" pass. ## What - `scripts/permutation-check.ts` — Playwright runner. For each demo, collects `data-perm-step="N"` elements, executes them in ascending order (re-discovering after each step so portal-gated controls get counted), and re-validates the component's morfo + captures any `pageerror` / `console.error` between steps. - *`data-perm-` authoring convention — step index, human label, mode (click / focus / type / key), settle delay, skip-validate flag. Demos opt in incrementally; the runner SKIPs annotation-less pages without failing. - `src/uix/morfo/PERMUTATION_RUNNER.md` — full design doc covering what it validates, the annotation convention, example, failure format, and v2–v4 roadmap (URL-driven states → morfo-inferred cycles → MutationObserver ordering for Sema). - COMPONENT_GUIDE A37 + checklist item 40 — instrumentation is now a ship-gate rule; doc lists coverage targets (overlays / toggleables / composite roving / forms / RTL) and explicit skips (alerts, file pickers). - `npm run perm:check`** — pipeline entry, exit codes 0/1/2 parallelling `morfo:check`. ## Instrumented demos (v1 seed) - dialog — 2 steps: open via trigger → close via Close button. Step 1 is inside `{#if open}` + Portal; runner's dynamic re-discovery handles it. - tabs — 3 steps: initial tab 1 → switch to tab 2 → switch to tab 3. - toolbar — 3 steps: toggle bold / italic / underline GroupItems (exercises the A35 pattern that previously looped). Result: 8/8 permutations pass; 63 demos SKIPPED pending instrumentation. ## Verification - `npm run check`: 0 errors in soma/morfo/scripts scope. - `npm run smoke`: 65/65 routes. - `npm run morfo:check`: 66/66 morfos. - `npm run perm:check`: 3/3 instrumented demos, 8/8 permutations. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	6 months ago

Author

SHA1

Message

Date

dev

61e4ba6d26

morfo: add permutation runner (A37) — third validation layer for state transitions

## Why

`morfo:check` validates single-state DOM at page load; `smoke` catches
hydration-time errors. Neither ejercices state TRANSITIONS — and that is
where every reactivity bug we caught this week actually lived:

- toolbar A35 loop (mount-time, not caught by either)
- form A36 microtask loop (mount-time with onChange)
- slider RTL transform (static value, off-by-thumb-width)

All passed the existing CI. All would have failed a "click, re-validate"
pass.

## What

- **`scripts/permutation-check.ts`** — Playwright runner. For each demo,
  collects `data-perm-step="N"` elements, executes them in ascending
  order (re-discovering after each step so portal-gated controls get
  counted), and re-validates the component's morfo + captures any
  `pageerror` / `console.error` between steps.
- **`data-perm-*` authoring convention** — step index, human label, mode
  (click / focus / type / key), settle delay, skip-validate flag. Demos
  opt in incrementally; the runner SKIPs annotation-less pages without
  failing.
- **`src/uix/morfo/PERMUTATION_RUNNER.md`** — full design doc covering
  what it validates, the annotation convention, example, failure format,
  and v2–v4 roadmap (URL-driven states → morfo-inferred cycles →
  MutationObserver ordering for Sema).
- **COMPONENT_GUIDE A37 + checklist item 40** — instrumentation is now a
  ship-gate rule; doc lists coverage targets (overlays / toggleables /
  composite roving / forms / RTL) and explicit skips (alerts, file
  pickers).
- **`npm run perm:check`** — pipeline entry, exit codes 0/1/2
  parallelling `morfo:check`.

## Instrumented demos (v1 seed)

- dialog — 2 steps: open via trigger → close via Close button. Step 1 is
  inside `{#if open}` + Portal; runner's dynamic re-discovery handles it.
- tabs — 3 steps: initial tab 1 → switch to tab 2 → switch to tab 3.
- toolbar — 3 steps: toggle bold / italic / underline GroupItems
  (exercises the A35 pattern that previously looped).

Result: 8/8 permutations pass; 63 demos SKIPPED pending instrumentation.

## Verification

- `npm run check`: 0 errors in soma/morfo/scripts scope.
- `npm run smoke`: 65/65 routes.
- `npm run morfo:check`: 66/66 morfos.
- `npm run perm:check`: 3/3 instrumented demos, 8/8 permutations.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

1 Commits (61e4ba6d268a9e7bf45983a54280ad1961a8767b)