@codeyam/codeyam-cli 0.1.0-staging.e38f7bd → 0.1.0-staging.f777668

package/codeyam-cli/src/utils/__tests__/editorPreview.test.js

@@ -0,0 +1,266 @@
+import { buildPreviewUrl, calculatePreviewScale, applyNavigatePath, shouldSyncScenarioToProxy, } from "../editorPreview.js";
+describe('editorPreview', () => {
+    describe('buildPreviewUrl', () => {
+        it('should return analyzedPreviewUrl when analyzed scenario is active', () => {
+            expect(buildPreviewUrl({
+                activeAnalyzedScenario: true,
+                analyzedPreviewUrl: 'http://localhost:5555/preview',
+                activeScenarioId: null,
+                scenarios: [],
+                proxyUrl: 'http://localhost:3112',
+                devServerUrl: 'http://localhost:3000',
+                zoomComponent: null,
+            })).toBe('http://localhost:5555/preview');
+        });
+        it('should return null when analyzed scenario but no preview URL', () => {
+            expect(buildPreviewUrl({
+                activeAnalyzedScenario: true,
+                analyzedPreviewUrl: null,
+                activeScenarioId: null,
+                scenarios: [],
+                proxyUrl: null,
+                devServerUrl: null,
+                zoomComponent: null,
+            })).toBeNull();
+        });
+        it('should combine path-based scenario URL with proxy', () => {
+            expect(buildPreviewUrl({
+                activeAnalyzedScenario: false,
+                analyzedPreviewUrl: null,
+                activeScenarioId: 's1',
+                scenarios: [
+                    {
+                        id: 's1',
+                        name: 'Default',
+                        url: '/codeyam-isolate/DrinkCard?s=Default',
+                    },
+                ],
+                proxyUrl: 'http://localhost:3112',
+                devServerUrl: 'http://localhost:3000',
+                zoomComponent: null,
+            })).toBe('http://localhost:3112/codeyam-isolate/DrinkCard?s=Default');
+        });
+        it('should use full URL directly for legacy scenarios', () => {
+            expect(buildPreviewUrl({
+                activeAnalyzedScenario: false,
+                analyzedPreviewUrl: null,
+                activeScenarioId: 's1',
+                scenarios: [
+                    { id: 's1', name: 'Default', url: 'http://external.com/page' },
+                ],
+                proxyUrl: 'http://localhost:3112',
+                devServerUrl: 'http://localhost:3000',
+                zoomComponent: null,
+            })).toBe('http://external.com/page');
+        });
+        it('should return null when scenario has URL but no base URL', () => {
+            expect(buildPreviewUrl({
+                activeAnalyzedScenario: false,
+                analyzedPreviewUrl: null,
+                activeScenarioId: 's1',
+                scenarios: [{ id: 's1', name: 'Default', url: '/some-path' }],
+                proxyUrl: null,
+                devServerUrl: null,
+                zoomComponent: null,
+            })).toBeNull();
+        });
+        it('should build zoom component URL with scenario slug', () => {
+            expect(buildPreviewUrl({
+                activeAnalyzedScenario: false,
+                analyzedPreviewUrl: null,
+                activeScenarioId: 's1',
+                scenarios: [{ id: 's1', name: 'Dark Mode', url: null }],
+                proxyUrl: 'http://localhost:3112',
+                devServerUrl: null,
+                zoomComponent: 'DrinkCard',
+            })).toBe('http://localhost:3112/__codeyam__/DrinkCard/Dark_Mode');
+        });
+        it('should use "Default" slug when scenario not found', () => {
+            expect(buildPreviewUrl({
+                activeAnalyzedScenario: false,
+                analyzedPreviewUrl: null,
+                activeScenarioId: 'missing',
+                scenarios: [],
+                proxyUrl: 'http://localhost:3112',
+                devServerUrl: null,
+                zoomComponent: 'DrinkCard',
+            })).toBe('http://localhost:3112/__codeyam__/DrinkCard/Default');
+        });
+        it('should return base URL when no zoom and no scenario URL', () => {
+            expect(buildPreviewUrl({
+                activeAnalyzedScenario: false,
+                analyzedPreviewUrl: null,
+                activeScenarioId: null,
+                scenarios: [],
+                proxyUrl: 'http://localhost:3112',
+                devServerUrl: 'http://localhost:3000',
+                zoomComponent: null,
+            })).toBe('http://localhost:3112');
+        });
+        it('should fall back to devServerUrl when no proxy', () => {
+            expect(buildPreviewUrl({
+                activeAnalyzedScenario: false,
+                analyzedPreviewUrl: null,
+                activeScenarioId: null,
+                scenarios: [],
+                proxyUrl: null,
+                devServerUrl: 'http://localhost:3000',
+                zoomComponent: null,
+            })).toBe('http://localhost:3000');
+        });
+        it('should return null when no URLs available', () => {
+            expect(buildPreviewUrl({
+                activeAnalyzedScenario: false,
+                analyzedPreviewUrl: null,
+                activeScenarioId: null,
+                scenarios: [],
+                proxyUrl: null,
+                devServerUrl: null,
+                zoomComponent: null,
+            })).toBeNull();
+        });
+    });
+    describe('applyNavigatePath', () => {
+        it('should return previewUrl when navigatePath is null', () => {
+            expect(applyNavigatePath('http://localhost:3112', null)).toBe('http://localhost:3112');
+        });
+        it('should apply a simple path', () => {
+            expect(applyNavigatePath('http://localhost:3112', '/drinks/1')).toBe('http://localhost:3112/drinks/1');
+        });
+        it('should preserve query string in navigatePath', () => {
+            expect(applyNavigatePath('http://localhost:3112', '/codeyam-isolate/DrinkCard?s=Default')).toBe('http://localhost:3112/codeyam-isolate/DrinkCard?s=Default');
+        });
+        it('should replace existing path and query', () => {
+            expect(applyNavigatePath('http://localhost:3112/old-path?old=query', '/codeyam-isolate/Header?s=Dark%20Mode')).toBe('http://localhost:3112/codeyam-isolate/Header?s=Dark%20Mode');
+        });
+        it('should return previewUrl on invalid URL', () => {
+            expect(applyNavigatePath('not-a-url', '/path')).toBe('not-a-url');
+        });
+        it('should return null when previewUrl is null', () => {
+            expect(applyNavigatePath(null, '/path')).toBeNull();
+        });
+    });
+    describe('calculatePreviewScale', () => {
+        it('should return 1 when target fits in container', () => {
+            expect(calculatePreviewScale({ width: 1600, height: 1000 }, { width: 1440, height: 900 })).toBe(1);
+        });
+        it('should scale down when target is wider than container', () => {
+            const scale = calculatePreviewScale({ width: 720, height: 1000 }, { width: 1440, height: 900 });
+            expect(scale).toBe(0.5);
+        });
+        it('should scale down when target is taller than container', () => {
+            const scale = calculatePreviewScale({ width: 2000, height: 450 }, { width: 1440, height: 900 });
+            expect(scale).toBe(0.5);
+        });
+        it('should use the smaller scale factor when both dimensions exceed', () => {
+            const scale = calculatePreviewScale({ width: 720, height: 300 }, { width: 1440, height: 900 });
+            // width scale: 720/1440 = 0.5, height scale: 300/900 = 0.333
+            expect(scale).toBeCloseTo(0.333, 2);
+        });
+        it('should default to 900 height when not specified', () => {
+            const scale = calculatePreviewScale({ width: 2000, height: 450 }, { width: 1440, height: null });
+            // height scale: 450/900 = 0.5, width scale: 2000/1440 > 1
+            expect(scale).toBe(0.5);
+        });
+    });
+    describe('preview command scenario switching with updated browser state', () => {
+        // When the server switches scenarios via the preview command, the WebSocket
+        // refresh message includes the scenarioId so the browser can update its state.
+        const componentScenario = {
+            id: '6e8d979f-component',
+            name: 'StarRating - Five Stars',
+            url: '/codeyam-isolate/StarRating?s=Five Stars',
+        };
+        const appScenario = {
+            id: '208dcaa6-full-catalog',
+            name: 'Full Catalog',
+            url: null, // Application scenarios don't have isolation route URLs
+        };
+        const allScenarios = [componentScenario, appScenario];
+        const proxyUrl = 'http://localhost:3112';
+        it('should show base proxy URL when switching from component to application scenario', () => {
+            // Browser receives the new scenario ID from the server's refresh message
+            // and updates activeScenarioId to the application scenario
+            const previewUrl = buildPreviewUrl({
+                activeAnalyzedScenario: null,
+                analyzedPreviewUrl: null,
+                activeScenarioId: appScenario.id,
+                scenarios: allScenarios,
+                proxyUrl,
+                devServerUrl: 'http://localhost:3000',
+                zoomComponent: null,
+            });
+            // Application scenarios have no isolation URL, so navigatePath is null
+            const iframeSrc = applyNavigatePath(previewUrl, null);
+            // Application scenario shows the main app page with seeded data
+            expect(iframeSrc).toBe(proxyUrl);
+        });
+        it('should show correct component URL when switching between component scenarios', () => {
+            const componentB = {
+                id: 'a5dc5493-drink-card',
+                name: 'DrinkCard - Default',
+                url: '/codeyam-isolate/DrinkCard?s=Default',
+            };
+            const scenarios = [componentScenario, componentB];
+            // Browser receives the new scenario ID and updates activeScenarioId
+            const previewUrl = buildPreviewUrl({
+                activeAnalyzedScenario: null,
+                analyzedPreviewUrl: null,
+                activeScenarioId: componentB.id,
+                scenarios,
+                proxyUrl,
+                devServerUrl: 'http://localhost:3000',
+                zoomComponent: null,
+            });
+            // On subsequent refreshes, the browser's activeScenarioId is correct
+            const iframeSrc = applyNavigatePath(previewUrl, null);
+            expect(iframeSrc).toBe(`${proxyUrl}/codeyam-isolate/DrinkCard?s=Default`);
+        });
+    });
+    describe('broadcastPreviewRefresh message includes scenarioId', () => {
+        // When the server broadcasts a refresh with a scenarioId, the browser-side
+        // handler must receive it so it can update activeScenarioId. Without this,
+        // the browser's scenario state stays stale after a preview command switch.
+        it('should include scenarioId in the refresh message payload', () => {
+            const path = '/drinks/1';
+            const scenarioId = '208dcaa6-full-catalog';
+            // Build the message the same way broadcastPreviewRefresh does
+            const msg = JSON.stringify({
+                type: 'refresh-preview',
+                ...(path && { path }),
+                ...(scenarioId && { scenarioId }),
+            });
+            const parsed = JSON.parse(msg);
+            expect(parsed.type).toBe('refresh-preview');
+            expect(parsed.path).toBe('/drinks/1');
+            expect(parsed.scenarioId).toBe('208dcaa6-full-catalog');
+        });
+        it('should omit scenarioId when not provided', () => {
+            const noPath = undefined;
+            const noScenarioId = undefined;
+            const msg = JSON.stringify({
+                type: 'refresh-preview',
+                ...(noPath && { path: noPath }),
+                ...(noScenarioId && { scenarioId: noScenarioId }),
+            });
+            const parsed = JSON.parse(msg);
+            expect(parsed.type).toBe('refresh-preview');
+            expect(parsed.scenarioId).toBeUndefined();
+        });
+    });
+    describe('shouldSyncScenarioToProxy', () => {
+        it('should return false when activeScenarioId is undefined', () => {
+            expect(shouldSyncScenarioToProxy(undefined, null)).toBe(false);
+        });
+        it('should return true on first sync (lastSyncedId is null)', () => {
+            expect(shouldSyncScenarioToProxy('scenario-1', null)).toBe(true);
+        });
+        it('should return false when activeScenarioId matches lastSyncedId', () => {
+            expect(shouldSyncScenarioToProxy('scenario-1', 'scenario-1')).toBe(false);
+        });
+        it('should return true when activeScenarioId differs from lastSyncedId', () => {
+            expect(shouldSyncScenarioToProxy('scenario-2', 'scenario-1')).toBe(true);
+        });
+    });
+});
+//# sourceMappingURL=editorPreview.test.js.map

package/codeyam-cli/src/utils/__tests__/editorPreview.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editorPreview.test.js","sourceRoot":"","sources":["../../../../../src/utils/__tests__/editorPreview.test.ts"],"names":[],"mappings":"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"}

package/codeyam-cli/src/utils/__tests__/editorScenarioLookup.test.js

@@ -0,0 +1,139 @@
+/**
+ * Tests for the entity-name-based scenario lookup that the journal uses
+ * to find impacted older scenarios.
+ *
+ * The key insight: scenario names are "DrinkCard - Default" but entity names
+ * are just "DrinkCard". The old lookup queried by scenario name (broken for
+ * components). The new lookup queries all scenarios and filters by derived
+ * entity name (componentName or pageNameFromUrl).
+ */
+import { scenarioEntityName, pageNameFromUrl } from "../entityChangeStatus.js";
+describe('scenarioEntityName', () => {
+    it('should return componentName when set', () => {
+        expect(scenarioEntityName({
+            componentName: 'DrinkCard',
+            url: '/codeyam-isolate/DrinkCard?s=Default',
+        })).toBe('DrinkCard');
+    });
+    it('should derive page name from URL when no componentName', () => {
+        expect(scenarioEntityName({ url: '/drinks/1' })).toBe('Drinks');
+    });
+    it('should return Home for root URL', () => {
+        expect(scenarioEntityName({ url: '/' })).toBe('Home');
+    });
+    it('should return Home when url is null', () => {
+        expect(scenarioEntityName({ url: null })).toBe('Home');
+    });
+    it('should return Home when url is undefined', () => {
+        expect(scenarioEntityName({})).toBe('Home');
+    });
+});
+describe('entity name derivation matches between Results Panel and journal', () => {
+    // These tests verify that the entity name derivation is consistent
+    // between the Results Panel grouping and the journal entity lookup.
+    // If these diverge, scenarios show in the panel but not in the journal.
+    const componentScenarios = [
+        {
+            name: 'DrinkCard - Default',
+            componentName: 'DrinkCard',
+            url: '/codeyam-isolate/DrinkCard?s=Default',
+        },
+        {
+            name: 'DrinkCard - Empty',
+            componentName: 'DrinkCard',
+            url: '/codeyam-isolate/DrinkCard?s=Empty',
+        },
+        {
+            name: 'ReviewStars - Five Stars',
+            componentName: 'ReviewStars',
+            url: '/codeyam-isolate/ReviewStars?s=FiveStars',
+        },
+    ];
+    const appScenarios = [
+        { name: 'Full Catalog', componentName: null, url: '/' },
+        { name: 'Empty State', componentName: null, url: '/' },
+        { name: 'Drink Detail - Latte', componentName: null, url: '/drinks/1' },
+        { name: 'Single Drink', componentName: null, url: '/drinks/1' },
+    ];
+    it('should group component scenarios by componentName', () => {
+        const groups = new Map();
+        for (const s of componentScenarios) {
+            const entityName = scenarioEntityName(s);
+            const existing = groups.get(entityName) || [];
+            existing.push(s.name);
+            groups.set(entityName, existing);
+        }
+        expect(groups.get('DrinkCard')).toEqual([
+            'DrinkCard - Default',
+            'DrinkCard - Empty',
+        ]);
+        expect(groups.get('ReviewStars')).toEqual(['ReviewStars - Five Stars']);
+    });
+    it('should group app scenarios by page name from URL', () => {
+        const groups = new Map();
+        for (const s of appScenarios) {
+            const entityName = scenarioEntityName(s);
+            const existing = groups.get(entityName) || [];
+            existing.push(s.name);
+            groups.set(entityName, existing);
+        }
+        expect(groups.get('Home')).toEqual(['Full Catalog', 'Empty State']);
+        expect(groups.get('Drinks')).toEqual([
+            'Drink Detail - Latte',
+            'Single Drink',
+        ]);
+    });
+    it('should match entity names for impacted lookup', () => {
+        // Simulate: entity "DrinkCard" is impacted, need to find its scenarios
+        const impactedEntityName = 'DrinkCard';
+        // The old broken approach: query WHERE name IN ('DrinkCard')
+        const oldResults = componentScenarios.filter((s) => s.name === impactedEntityName);
+        // OLD: would find NOTHING because scenario names are "DrinkCard - Default" etc.
+        expect(oldResults).toHaveLength(0);
+        // The new approach: filter by derived entity name
+        const newResults = componentScenarios.filter((s) => scenarioEntityName(s) === impactedEntityName);
+        // NEW: correctly finds both DrinkCard scenarios
+        expect(newResults).toHaveLength(2);
+        expect(newResults.map((s) => s.name)).toEqual([
+            'DrinkCard - Default',
+            'DrinkCard - Empty',
+        ]);
+    });
+    it('should match page entity names for impacted lookup', () => {
+        const impactedEntityName = 'Home';
+        // Old approach: query WHERE name IN ('Home') — would miss "Full Catalog"
+        const oldResults = appScenarios.filter((s) => s.name === impactedEntityName);
+        expect(oldResults).toHaveLength(0);
+        // New approach: filter by derived entity name
+        const newResults = appScenarios.filter((s) => scenarioEntityName(s) === impactedEntityName);
+        expect(newResults).toHaveLength(2);
+        expect(newResults.map((s) => s.name)).toEqual([
+            'Full Catalog',
+            'Empty State',
+        ]);
+    });
+});
+describe('pageNameFromUrl collision behavior', () => {
+    // Document the known behavior: multiple URL patterns map to the same entity name.
+    // This is acceptable because they represent the same "page entity" (e.g., Drinks).
+    it('should map root to Home', () => {
+        expect(pageNameFromUrl('/')).toBe('Home');
+        expect(pageNameFromUrl(null)).toBe('Home');
+        expect(pageNameFromUrl(undefined)).toBe('Home');
+    });
+    it('should use first path segment capitalized', () => {
+        expect(pageNameFromUrl('/drinks')).toBe('Drinks');
+        expect(pageNameFromUrl('/drinks/1')).toBe('Drinks');
+        expect(pageNameFromUrl('/drinks/new')).toBe('Drinks');
+    });
+    it('should differentiate unrelated pages', () => {
+        expect(pageNameFromUrl('/drinks')).toBe('Drinks');
+        expect(pageNameFromUrl('/about')).toBe('About');
+        expect(pageNameFromUrl('/settings')).toBe('Settings');
+    });
+    it('should strip query params', () => {
+        expect(pageNameFromUrl('/drinks?sort=name')).toBe('Drinks');
+        expect(pageNameFromUrl('/codeyam-isolate/DrinkCard?s=Default')).toBe('Codeyam-isolate');
+    });
+});
+//# sourceMappingURL=editorScenarioLookup.test.js.map

package/codeyam-cli/src/utils/__tests__/editorScenarioLookup.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editorScenarioLookup.test.js","sourceRoot":"","sources":["../../../../../src/utils/__tests__/editorScenarioLookup.test.ts"],"names":[],"mappings":"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"}

package/codeyam-cli/src/utils/__tests__/editorScenarioSwitch.test.js

@@ -0,0 +1,221 @@
+import fs from 'fs';
+import path from 'path';
+import os from 'os';
+import { switchActiveScenario } from "../editorScenarioSwitch.js";
+// Mock the seed adapter
+jest.mock('../editorSeedAdapter', () => ({
+    runSeedAdapter: jest.fn(),
+    detectSeedAdapter: jest.fn(),
+}));
+import { runSeedAdapter, detectSeedAdapter } from "../editorSeedAdapter.js";
+const mockRunSeedAdapter = runSeedAdapter;
+const mockDetectSeedAdapter = detectSeedAdapter;
+describe('switchActiveScenario', () => {
+    let tempDir;
+    beforeEach(() => {
+        jest.clearAllMocks();
+        tempDir = fs.mkdtempSync(path.join(os.tmpdir(), 'scenario-switch-test-'));
+        fs.mkdirSync(path.join(tempDir, '.codeyam', 'editor-scenarios'), {
+            recursive: true,
+        });
+    });
+    afterEach(() => {
+        fs.rmSync(tempDir, { recursive: true, force: true });
+    });
+    /**
+     * Helper: create a scenario data file and seed file on disk.
+     */
+    function createScenarioFiles(id, opts) {
+        const scenariosDir = path.join(tempDir, '.codeyam', 'editor-scenarios');
+        fs.writeFileSync(path.join(scenariosDir, `${id}.json`), JSON.stringify({ type: opts.type, name: opts.name, seed: opts.seed }));
+        fs.writeFileSync(path.join(scenariosDir, `${id}.seed.json`), JSON.stringify(opts.seed || {}));
+    }
+    /**
+     * Helper: read the active-scenario.json from the temp dir.
+     */
+    function readActiveScenario() {
+        return JSON.parse(fs.readFileSync(path.join(tempDir, '.codeyam', 'active-scenario.json'), 'utf-8'));
+    }
+    // ─────────────────────────────────────────────────────────────────────────
+    // BUG REPRODUCTION: These tests demonstrate the bug where
+    // `codeyam editor preview '{"scenarioId":"208dcaa6-..."}'` displayed
+    // scenario `6e8d979f-...` instead. The root cause: the /api/dev-mode-preview
+    // endpoint duplicated scenario switching logic from /api/editor-switch-scenario
+    // but omitted the seed adapter, type field, and cache invalidation.
+    //
+    // When switching between two application scenarios, the database must be
+    // re-seeded for the new scenario. Without re-seeding, the preview shows
+    // data from the PREVIOUS scenario — a different scenario than requested.
+    // ─────────────────────────────────────────────────────────────────────────
+    describe('application scenario switching must re-seed', () => {
+        it('should run seed adapter when switching to an application scenario', async () => {
+            const scenarioId = 'full-catalog-208dcaa6';
+            createScenarioFiles(scenarioId, {
+                type: 'application',
+                name: 'Full Catalog',
+                seed: {
+                    drinks: [
+                        { name: 'Jasmine Tea', description: 'Floral' },
+                        { name: 'Earl Grey', description: 'Citrus' },
+                    ],
+                },
+            });
+            mockDetectSeedAdapter.mockReturnValue(path.join(tempDir, '.codeyam', 'seed-adapter.ts'));
+            mockRunSeedAdapter.mockResolvedValue({
+                success: true,
+                output: 'Seeded 2 drinks',
+                durationMs: 200,
+            });
+            await switchActiveScenario({
+                scenarioId,
+                projectRoot: tempDir,
+            });
+            // The seed adapter MUST be called for application scenarios
+            expect(mockRunSeedAdapter).toHaveBeenCalledTimes(1);
+            expect(mockRunSeedAdapter).toHaveBeenCalledWith(path.join(tempDir, '.codeyam', 'seed-adapter.ts'), path.join(tempDir, '.codeyam', 'editor-scenarios', `${scenarioId}.seed.json`));
+        });
+        it('should include type in active-scenario.json for application scenarios', async () => {
+            const scenarioId = 'full-catalog-208dcaa6';
+            createScenarioFiles(scenarioId, {
+                type: 'application',
+                name: 'Full Catalog',
+                seed: { drinks: [] },
+            });
+            mockDetectSeedAdapter.mockReturnValue(path.join(tempDir, '.codeyam', 'seed-adapter.ts'));
+            mockRunSeedAdapter.mockResolvedValue({
+                success: true,
+                output: 'ok',
+                durationMs: 100,
+            });
+            await switchActiveScenario({
+                scenarioId,
+                projectRoot: tempDir,
+            });
+            const active = readActiveScenario();
+            // type MUST be written so the proxy knows this is a seed-based scenario
+            // Without type, the proxy may serve stale mock data from a component scenario
+            expect(active.type).toBe('application');
+        });
+        it('should re-seed when switching from one application scenario to another', async () => {
+            // This is the exact bug scenario:
+            // 1. Scenario A ("Single Drink") was registered last → DB has its seed data
+            // 2. User requests scenario B ("Full Catalog") via preview command
+            // 3. Without re-seeding, the DB still has scenario A's data
+            // 4. Preview shows scenario A's data → WRONG scenario displayed
+            const scenarioA = '6e8d979f-single-drink';
+            const scenarioB = '208dcaa6-full-catalog';
+            createScenarioFiles(scenarioA, {
+                type: 'application',
+                name: 'Single Drink',
+                seed: { drinks: [{ name: 'Peppermint Tea' }] },
+            });
+            createScenarioFiles(scenarioB, {
+                type: 'application',
+                name: 'Full Catalog',
+                seed: {
+                    drinks: [
+                        { name: 'Jasmine Tea' },
+                        { name: 'Earl Grey' },
+                        { name: 'Kombucha' },
+                    ],
+                },
+            });
+            mockDetectSeedAdapter.mockReturnValue(path.join(tempDir, '.codeyam', 'seed-adapter.ts'));
+            mockRunSeedAdapter.mockResolvedValue({
+                success: true,
+                output: 'ok',
+                durationMs: 100,
+            });
+            // First: switch to scenario A (as if it was just registered)
+            await switchActiveScenario({
+                scenarioId: scenarioA,
+                projectRoot: tempDir,
+            });
+            expect(mockRunSeedAdapter).toHaveBeenCalledTimes(1);
+            const firstSeedCall = mockRunSeedAdapter.mock.calls[0][1];
+            expect(firstSeedCall).toContain(`${scenarioA}.seed.json`);
+            // Now: switch to scenario B via the preview command
+            // This is where the bug occurred — seed adapter was NOT called
+            await switchActiveScenario({
+                scenarioId: scenarioB,
+                projectRoot: tempDir,
+            });
+            // Seed adapter MUST be called again for the new scenario
+            expect(mockRunSeedAdapter).toHaveBeenCalledTimes(2);
+            const secondSeedCall = mockRunSeedAdapter.mock.calls[1][1];
+            expect(secondSeedCall).toContain(`${scenarioB}.seed.json`);
+            // active-scenario.json must point to scenario B with correct type
+            const active = readActiveScenario();
+            expect(active.scenarioId).toBe(scenarioB);
+            expect(active.type).toBe('application');
+            expect(active.scenarioName).toBe('Full Catalog');
+        });
+    });
+    describe('type detection from data file', () => {
+        it('should detect type from scenario data file when not explicitly provided', async () => {
+            const scenarioId = 'auto-detect-type';
+            createScenarioFiles(scenarioId, {
+                type: 'application',
+                name: 'Auto Detect',
+                seed: { items: [] },
+            });
+            mockDetectSeedAdapter.mockReturnValue(path.join(tempDir, '.codeyam', 'seed-adapter.ts'));
+            mockRunSeedAdapter.mockResolvedValue({
+                success: true,
+                output: 'ok',
+                durationMs: 50,
+            });
+            const result = await switchActiveScenario({
+                scenarioId,
+                // No scenarioType provided — must be detected from file
+                projectRoot: tempDir,
+            });
+            expect(result.type).toBe('application');
+            expect(result.seeded).toBe(true);
+            expect(mockRunSeedAdapter).toHaveBeenCalled();
+        });
+    });
+    describe('component scenarios', () => {
+        it('should not run seed adapter for component scenarios', async () => {
+            const scenarioId = 'star-rating-five';
+            createScenarioFiles(scenarioId, {
+                type: 'component',
+                name: 'StarRating - Five Stars',
+            });
+            const result = await switchActiveScenario({
+                scenarioId,
+                scenarioType: 'component',
+                projectRoot: tempDir,
+            });
+            expect(mockRunSeedAdapter).not.toHaveBeenCalled();
+            expect(mockDetectSeedAdapter).not.toHaveBeenCalled();
+            expect(result.seeded).toBe(false);
+        });
+    });
+    describe('slug resolution', () => {
+        it('should resolve slug from data file when not provided', async () => {
+            const scenarioId = 'abc-123';
+            createScenarioFiles(scenarioId, {
+                type: 'component',
+                name: 'My Scenario',
+            });
+            await switchActiveScenario({
+                scenarioId,
+                projectRoot: tempDir,
+            });
+            const active = readActiveScenario();
+            expect(active.scenarioSlug).toBe('My Scenario');
+        });
+        it('should fall back to scenarioId as slug when data file is missing', async () => {
+            const scenarioId = 'missing-data-file';
+            // No data file created
+            await switchActiveScenario({
+                scenarioId,
+                projectRoot: tempDir,
+            });
+            const active = readActiveScenario();
+            expect(active.scenarioSlug).toBe(scenarioId);
+        });
+    });
+});
+//# sourceMappingURL=editorScenarioSwitch.test.js.map