{verdict.label}
+{verdict.detail}
+-
+ {#each stages as stage, i}
+
-
+ {stage.label}
+
{stage.detail}
+
+ {/each}
+
x
x
{fmt(user.name, { width: cols })}
`, { modern: true }); + const tag = ast.fragment.nodes[0].fragment.nodes[0]; + const roots = collectRootIdentifiers(tag.expression); + assert.deepEqual([...roots].sort(), ['cols', 'fmt', 'user']); + }); + + it('derivePropName picks stable tails', () => { + assert.equal(derivePropName('stages'), 'stages'); + assert.equal(derivePropName('data.stages'), 'stages'); + assert.equal(derivePropName('rows[0].label'), 'label'); + assert.equal(derivePropName('a + b'), 'value'); + }); +}); + +describe('keyed each blocks', () => { + it('records a keyField for member keys and keeps the key in the scaffold', () => { + const src = `{JSON.stringify(navigator.language)}
`, parse); + assert.equal(topRes.ok, true, topRes.reason); + assert.equal(topRes.contract.length, 0); + }); +}); + +describe('review regressions: attribute slots and hydration honesty', () => { + it('records attribute-bound values as attr slots', () => { + const src = ``; + const res = analyzeSvelteMarkup(src, parse); + assert.equal(res.ok, true, res.reason); + const item = res.contract.find((c) => c.kind === 'collection').item; + assert.deepEqual(item.textSlots.map((s) => s.key), ['text']); + assert.deepEqual(item.attrSlots, [{ key: 'href', expr: 'link.href', attr: 'href', tag: 'a', classes: ['nav-link'] }]); + }); + + it('falls back for per-item expressions the shallow item cannot represent', () => { + for (const src of [ + `{name}
+\{user\.name\}<\/p>/, 'free usage restores to the expression');
+ assert.match(restored.markup, /\(name\.id\)/, 'the key keeps the loop binding');
+ assert.doesNotMatch(restored.markup, /\(user\.name\.id\)/);
+ assert.match(restored.markup, /\{name\.first\}/, 'the body keeps the loop binding');
+ });
+});
diff --git a/tests/live-svelte-component-accept.test.mjs b/tests/live-svelte-component-accept.test.mjs
new file mode 100644
index 000000000..c0c47988c
--- /dev/null
+++ b/tests/live-svelte-component-accept.test.mjs
@@ -0,0 +1,540 @@
+import { describe, it, beforeEach, afterEach } from 'node:test';
+import assert from 'node:assert/strict';
+import { cpSync, mkdirSync, mkdtempSync, readFileSync, realpathSync, rmSync, writeFileSync, symlinkSync } from 'node:fs';
+import { join, dirname } from 'node:path';
+import { tmpdir } from 'node:os';
+import { fileURLToPath } from 'node:url';
+import {
+ compileCheckVariants,
+ extractMatchingSourceCss,
+ removeSelectorsFromSvelteSource,
+ findSvelteComponentManifest,
+ inlineSvelteComponentAccept,
+ mergeCssIntoSvelteSource,
+ reindentPreservingStructure,
+ scaffoldSvelteComponentSession,
+} from '../skill/scripts/live/svelte-component.mjs';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const REPO_NODE_MODULES = join(__dirname, '..', 'node_modules');
+
+const ROUTE_SOURCE = `
+
+ {stage.detail}
+ {#each stages as stage, i}
+
+
+
{stage.detail}
+{verdict.detail}
+{verdict.detail}
+