@futdevpro/dynamo-e2e 1.5.0

package/dogfood/generated-full/select-field-new.spec.ts

@@ -0,0 +1,69 @@
+/**
+ * Auto-generated by @futdevpro/dynamo-e2e — FormSuite Generator
+ * Form key: sb-select
+ * Route:    /c/select-field-new
+ * Built at: WAVE-1-STAMP
+ *
+ * DO NOT EDIT BY HAND. Re-emit via `dc e2e generate-form-suite` or
+ * `DyE2E_FormSuite_Generator.emit({...})` consumer-script.
+ */
+
+import { test, expect, Locator } from '@playwright/test';
+
+test.describe('Sandbox: DyNX_SelectFieldNew', (): void => {
+
+test.describe('Field: country (select)', (): void => {
+  test.beforeEach(async ({ page }): Promise<void> => {
+    const response = await page.goto('/c/select-field-new');
+    expect(response?.ok()).toBeTruthy();
+    await page.locator('dynamo-select-field-new').first().waitFor({ state: 'visible' });
+  });
+
+  test('field[country] select:none-selected → valid — semmi nincs választva', async ({ page }): Promise<void> => {
+    // options index → testId-suffix selection
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-select-required"], dynamo-select-field-new').first();
+    // sentinel -1 — generator-runtime should clamp to options.length
+    // Wave-1: explicit selector-pattern is per-consumer; szándékosan minimalista.
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-select-required"]').locator('xpath=ancestor-or-self::*[contains(@class,"field") or starts-with(local-name(),"dynamo-")]').first();
+    await expect(fieldRoot.locator('.text-red-400.mt-1')).toHaveCount(0);
+  });
+
+  test('field[country] select:first-option → valid — első opció kiválasztva', async ({ page }): Promise<void> => {
+    // options index → testId-suffix selection
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-select-required"], dynamo-select-field-new').first();
+    // option index 0 (case-input[0])
+    // Wave-1: explicit selector-pattern is per-consumer; szándékosan minimalista.
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-select-required"]').locator('xpath=ancestor-or-self::*[contains(@class,"field") or starts-with(local-name(),"dynamo-")]').first();
+    await expect(fieldRoot.locator('.text-red-400.mt-1')).toHaveCount(0);
+  });
+
+  test('field[country] select:last-option → valid — utolsó opció kiválasztva', async ({ page }): Promise<void> => {
+    // options index → testId-suffix selection
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-select-required"], dynamo-select-field-new').first();
+    // option index 2 (case-input[0])
+    // Wave-1: explicit selector-pattern is per-consumer; szándékosan minimalista.
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-select-required"]').locator('xpath=ancestor-or-self::*[contains(@class,"field") or starts-with(local-name(),"dynamo-")]').first();
+    await expect(fieldRoot.locator('.text-red-400.mt-1')).toHaveCount(0);
+  });
+
+  test('field[country] select:required-empty → invalid:required — required + semmi → invalid', async ({ page }): Promise<void> => {
+    // options index → testId-suffix selection
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-select-required"], dynamo-select-field-new').first();
+    // sentinel -1 — generator-runtime should clamp to options.length
+    // Wave-1: explicit selector-pattern is per-consumer; szándékosan minimalista.
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-select-required"]').locator('xpath=ancestor-or-self::*[starts-with(local-name(),"dynamo-")]').first();
+    await expect(fieldRoot.locator('.text-red-400.mt-1').first()).toBeVisible();
+    // expectedErrorKey: required
+  });
+
+  test('field[country] select:disabled-option → valid — disabled opció nem klikkelheto', async ({ page }): Promise<void> => {
+    // options index → testId-suffix selection
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-select-required"], dynamo-select-field-new').first();
+    // sentinel -1 — generator-runtime should clamp to options.length
+    // Wave-1: explicit selector-pattern is per-consumer; szándékosan minimalista.
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-select-required"]').locator('xpath=ancestor-or-self::*[contains(@class,"field") or starts-with(local-name(),"dynamo-")]').first();
+    await expect(fieldRoot.locator('.text-red-400.mt-1')).toHaveCount(0);
+  });
+});
+
+});

package/dogfood/generated-full/slider-field-new.spec.ts

@@ -0,0 +1,47 @@
+/**
+ * Auto-generated by @futdevpro/dynamo-e2e — FormSuite Generator
+ * Form key: sb-slider
+ * Route:    /c/slider-field-new
+ * Built at: WAVE-1-STAMP
+ *
+ * DO NOT EDIT BY HAND. Re-emit via `dc e2e generate-form-suite` or
+ * `DyE2E_FormSuite_Generator.emit({...})` consumer-script.
+ */
+
+import { test, expect, Locator } from '@playwright/test';
+
+test.describe('Sandbox: DyNX_SliderFieldNew', (): void => {
+
+test.describe('Field: volume (slider)', (): void => {
+  test.beforeEach(async ({ page }): Promise<void> => {
+    const response = await page.goto('/c/slider-field-new');
+    expect(response?.ok()).toBeTruthy();
+    await page.locator('dynamo-slider-field-new').first().waitFor({ state: 'visible' });
+  });
+
+  test('field[volume] slider:min → valid — min-érték', async ({ page }): Promise<void> => {
+    const input: Locator = page.getByTestId('sandbox-slider-default');
+    await input.fill(String(0 ?? ''));
+    await input.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-slider-default"]').locator('xpath=ancestor-or-self::*[contains(@class,"field") or starts-with(local-name(),"dynamo-")]').first();
+    await expect(fieldRoot.locator('.text-red-400.mt-1')).toHaveCount(0);
+  });
+
+  test('field[volume] slider:max → valid — max-érték', async ({ page }): Promise<void> => {
+    const input: Locator = page.getByTestId('sandbox-slider-default');
+    await input.fill(String(100 ?? ''));
+    await input.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-slider-default"]').locator('xpath=ancestor-or-self::*[contains(@class,"field") or starts-with(local-name(),"dynamo-")]').first();
+    await expect(fieldRoot.locator('.text-red-400.mt-1')).toHaveCount(0);
+  });
+
+  test('field[volume] slider:mid → valid — közepes érték', async ({ page }): Promise<void> => {
+    const input: Locator = page.getByTestId('sandbox-slider-default');
+    await input.fill(String(50 ?? ''));
+    await input.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-slider-default"]').locator('xpath=ancestor-or-self::*[contains(@class,"field") or starts-with(local-name(),"dynamo-")]').first();
+    await expect(fieldRoot.locator('.text-red-400.mt-1')).toHaveCount(0);
+  });
+});
+
+});

package/dogfood/generated-full/slider-range-field-new.spec.ts

@@ -0,0 +1,54 @@
+/**
+ * Auto-generated by @futdevpro/dynamo-e2e — FormSuite Generator
+ * Form key: sb-slider-range
+ * Route:    /c/slider-range-field-new
+ * Built at: WAVE-1-STAMP
+ *
+ * DO NOT EDIT BY HAND. Re-emit via `dc e2e generate-form-suite` or
+ * `DyE2E_FormSuite_Generator.emit({...})` consumer-script.
+ */
+
+import { test, expect, Locator } from '@playwright/test';
+
+test.describe('Sandbox: DyNX_SliderRangeFieldNew', (): void => {
+
+test.describe('Field: priceRange (sliderRange)', (): void => {
+  test.beforeEach(async ({ page }): Promise<void> => {
+    const response = await page.goto('/c/slider-range-field-new');
+    expect(response?.ok()).toBeTruthy();
+    await page.locator('dynamo-slider-range-field-new').first().waitFor({ state: 'visible' });
+  });
+
+  test('field[priceRange] sliderRange:min-max → valid — start=min, end=max', async ({ page }): Promise<void> => {
+    const startInput: Locator = page.getByTestId('sandbox-slider-range-start');
+    const endInput: Locator = page.getByTestId('sandbox-slider-range-end');
+    await startInput.fill('');
+    await endInput.fill('');
+    await endInput.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-slider-range"]').locator('xpath=ancestor-or-self::*[contains(@class,"field") or starts-with(local-name(),"dynamo-")]').first();
+    await expect(fieldRoot.locator('.text-red-400.mt-1')).toHaveCount(0);
+  });
+
+  test('field[priceRange] sliderRange:equal → valid — start === end', async ({ page }): Promise<void> => {
+    const startInput: Locator = page.getByTestId('sandbox-slider-range-start');
+    const endInput: Locator = page.getByTestId('sandbox-slider-range-end');
+    await startInput.fill('50');
+    await endInput.fill('50');
+    await endInput.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-slider-range"]').locator('xpath=ancestor-or-self::*[contains(@class,"field") or starts-with(local-name(),"dynamo-")]').first();
+    await expect(fieldRoot.locator('.text-red-400.mt-1')).toHaveCount(0);
+  });
+
+  test('field[priceRange] sliderRange:reversed-clamp → transformed — start > end → auto-clamp (UI invariant)', async ({ page }): Promise<void> => {
+    const startInput: Locator = page.getByTestId('sandbox-slider-range-start');
+    const endInput: Locator = page.getByTestId('sandbox-slider-range-end');
+    await startInput.fill('80');
+    await endInput.fill('20');
+    await endInput.blur();
+    // Transformed expectation: data_$ === { start: 20, end: 20 }
+    // Wave-1: a concrete data_$ access pattern per-consumer; placeholder marker:
+    expect(true).toBe(true);
+  });
+});
+
+});

package/dogfood/generated-full/textarea-field-new.spec.ts

@@ -0,0 +1,72 @@
+/**
+ * Auto-generated by @futdevpro/dynamo-e2e — FormSuite Generator
+ * Form key: sb-textarea
+ * Route:    /c/textarea-field-new
+ * Built at: WAVE-1-STAMP
+ *
+ * DO NOT EDIT BY HAND. Re-emit via `dc e2e generate-form-suite` or
+ * `DyE2E_FormSuite_Generator.emit({...})` consumer-script.
+ */
+
+import { test, expect, Locator } from '@playwright/test';
+
+test.describe('Sandbox: DyNX_TextAreaFieldNew', (): void => {
+
+test.describe('Field: bio (textarea)', (): void => {
+  test.beforeEach(async ({ page }): Promise<void> => {
+    const response = await page.goto('/c/textarea-field-new');
+    expect(response?.ok()).toBeTruthy();
+    await page.locator('dynamo-textarea-field-new').first().waitFor({ state: 'visible' });
+  });
+
+  test('field[bio] textarea:empty → valid — üres textarea', async ({ page }): Promise<void> => {
+    const input: Locator = page.getByTestId('sandbox-textarea-default');
+    await input.fill('');
+    await input.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-textarea-default"]').locator('xpath=ancestor-or-self::*[contains(@class,"field") or starts-with(local-name(),"dynamo-")]').first();
+    await expect(fieldRoot.locator('.text-red-400.mt-1')).toHaveCount(0);
+  });
+
+  test('field[bio] textarea:multiline → valid — több-soros bevitel', async ({ page }): Promise<void> => {
+    const input: Locator = page.getByTestId('sandbox-textarea-default');
+    await input.fill('első sor\nmásodik sor\nharmadik sor');
+    await input.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-textarea-default"]').locator('xpath=ancestor-or-self::*[contains(@class,"field") or starts-with(local-name(),"dynamo-")]').first();
+    await expect(fieldRoot.locator('.text-red-400.mt-1')).toHaveCount(0);
+  });
+
+  test('field[bio] textarea:sentence → valid — egy sornyi mondat', async ({ page }): Promise<void> => {
+    const input: Locator = page.getByTestId('sandbox-textarea-default');
+    await input.fill('Egy mondat, ami minden rendben van.');
+    await input.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-textarea-default"]').locator('xpath=ancestor-or-self::*[contains(@class,"field") or starts-with(local-name(),"dynamo-")]').first();
+    await expect(fieldRoot.locator('.text-red-400.mt-1')).toHaveCount(0);
+  });
+
+  test('field[bio] textarea:long-paragraph → invalid:maxLength — hosszú bekezdés (2000+ char)', async ({ page }): Promise<void> => {
+    const input: Locator = page.getByTestId('sandbox-textarea-default');
+    await input.fill('aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa');
+    await input.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-textarea-default"]').locator('xpath=ancestor-or-self::*[starts-with(local-name(),"dynamo-")]').first();
+    await expect(fieldRoot.locator('.text-red-400.mt-1').first()).toBeVisible();
+    // expectedErrorKey: maxLength
+  });
+
+  test('field[bio] textarea:unicode-emoji → valid — emoji a textarea-ban', async ({ page }): Promise<void> => {
+    const input: Locator = page.getByTestId('sandbox-textarea-default');
+    await input.fill('Pénztárgép 🧾 fizetés 💳 vége 🎉');
+    await input.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-textarea-default"]').locator('xpath=ancestor-or-self::*[contains(@class,"field") or starts-with(local-name(),"dynamo-")]').first();
+    await expect(fieldRoot.locator('.text-red-400.mt-1')).toHaveCount(0);
+  });
+
+  test('field[bio] textarea:xss-tag → valid — XSS-tag textarea-ban', async ({ page }): Promise<void> => {
+    const input: Locator = page.getByTestId('sandbox-textarea-default');
+    await input.fill('<script>alert(1)</script>');
+    await input.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-textarea-default"]').locator('xpath=ancestor-or-self::*[contains(@class,"field") or starts-with(local-name(),"dynamo-")]').first();
+    await expect(fieldRoot.locator('.text-red-400.mt-1')).toHaveCount(0);
+  });
+});
+
+});

package/dogfood/sandbox-bootstrap-full.js

@@ -0,0 +1,248 @@
+#!/usr/bin/env node
+/**
+ * MP-08 SP-C — Extended sandbox-dogfood — MINDEN Forms v2 field-type a
+ * dynamo-ngx-sandbox-ben (text/textarea/number/password/slider/sliderRange/
+ * checkbox/select/multiselect/radioSelect/date/datetime/dateRange).
+ *
+ * 13 field-type × N variant (a sandbox-registry-ben definiált) → 13+ spec
+ * fájl. A `dogfood/generated-full/` mappába kerül.
+ *
+ * Futtatás:
+ *   node dogfood/sandbox-bootstrap-full.js
+ *
+ * A `dynamo-ngx/e2e/tests/generated/` mappába (side-by-side a hand-rolled
+ * mellé) másolható ezeknek a fájloknak a tartalma.
+ */
+'use strict';
+
+const fs = require('fs');
+const path = require('path');
+const { DyE2E_FormSuite_Generator } = require('../build/_modules/generators/form-suite.generator');
+
+const OUT_DIR = path.join(__dirname, 'generated-full');
+fs.mkdirSync(OUT_DIR, { recursive: true });
+
+/**
+ * 13 field-type → reprezentatív sandbox-entry mind. A Settings POJO-k
+ * az aktuális `dynamo-ngx/projects/dynamo-ngx-sandbox/src/app/_registry/
+ * sandbox-registry.ts` Required vagy Default variant-jaiból extraktálva.
+ */
+const sandboxConfigs = [
+  {
+    name: 'text-field-new',
+    cfg: {
+      formSettings: {
+        key: 'sb-text',
+        fields: [{ key: 'name', type: 'text', label: 'Név', required: true, minLength: 2, maxLength: 64, testId: 'sandbox-text-required' }],
+      },
+      formRoute: '/c/text-field-new',
+      formSelector: 'dynamo-text-field-new',
+      suiteSettings: { runMode: 'full', skipFormLevelTests: true, describePrefix: 'Sandbox: DyNX_TextFieldNew (Required)' },
+    },
+  },
+  {
+    name: 'textarea-field-new',
+    cfg: {
+      formSettings: {
+        key: 'sb-textarea',
+        fields: [{ key: 'bio', type: 'textarea', label: 'Bio', required: false, maxLength: 500, testId: 'sandbox-textarea-default' }],
+      },
+      formRoute: '/c/textarea-field-new',
+      formSelector: 'dynamo-textarea-field-new',
+      suiteSettings: { runMode: 'full', skipFormLevelTests: true, describePrefix: 'Sandbox: DyNX_TextAreaFieldNew' },
+    },
+  },
+  {
+    name: 'number-field-new',
+    cfg: {
+      formSettings: {
+        key: 'sb-number',
+        fields: [{ key: 'age', type: 'number', label: 'Életkor', required: true, min: 13, max: 120, testId: 'sandbox-number-required' }],
+      },
+      formRoute: '/c/number-field-new',
+      formSelector: 'dynamo-number-field-new',
+      suiteSettings: { runMode: 'full', skipFormLevelTests: true, describePrefix: 'Sandbox: DyNX_NumberFieldNew' },
+    },
+  },
+  {
+    name: 'password-field-new',
+    cfg: {
+      formSettings: {
+        key: 'sb-pwd',
+        fields: [{ key: 'password', type: 'password', label: 'Jelszó', required: true, minLength: 8, maxLength: 128, testId: 'sandbox-pwd-required' }],
+      },
+      formRoute: '/c/password-field-new',
+      formSelector: 'dynamo-password-field-new',
+      suiteSettings: { runMode: 'full', skipFormLevelTests: true, describePrefix: 'Sandbox: DyNX_PasswordFieldNew (Required)' },
+    },
+  },
+  {
+    name: 'slider-field-new',
+    cfg: {
+      formSettings: {
+        key: 'sb-slider',
+        fields: [{ key: 'volume', type: 'slider', label: 'Hangerő', min: 0, max: 100, step: 1, testId: 'sandbox-slider-default' }],
+      },
+      formRoute: '/c/slider-field-new',
+      formSelector: 'dynamo-slider-field-new',
+      suiteSettings: { runMode: 'full', skipFormLevelTests: true, describePrefix: 'Sandbox: DyNX_SliderFieldNew' },
+    },
+  },
+  {
+    name: 'slider-range-field-new',
+    cfg: {
+      formSettings: {
+        key: 'sb-slider-range',
+        fields: [{ key: 'priceRange', type: 'sliderRange', label: 'Ár-sáv', min: 0, max: 100, step: 1, testId: 'sandbox-slider-range' }],
+      },
+      formRoute: '/c/slider-range-field-new',
+      formSelector: 'dynamo-slider-range-field-new',
+      suiteSettings: { runMode: 'full', skipFormLevelTests: true, describePrefix: 'Sandbox: DyNX_SliderRangeFieldNew' },
+    },
+  },
+  {
+    name: 'checkbox-field-new',
+    cfg: {
+      formSettings: {
+        key: 'sb-checkbox',
+        fields: [{ key: 'agree', type: 'checkbox', label: 'Elfogadom', required: true, testId: 'sandbox-checkbox-required' }],
+      },
+      formRoute: '/c/checkbox-field-new',
+      formSelector: 'dynamo-checkbox-field-new',
+      suiteSettings: { runMode: 'full', skipFormLevelTests: true, describePrefix: 'Sandbox: DyNX_CheckboxFieldNew' },
+    },
+  },
+  {
+    name: 'select-field-new',
+    cfg: {
+      formSettings: {
+        key: 'sb-select',
+        fields: [{
+          key: 'country', type: 'select', label: 'Ország', required: true,
+          options: [{ label: 'HU', value: 'hu' }, { label: 'EN', value: 'en' }, { label: 'DE', value: 'de' }],
+          testId: 'sandbox-select-required',
+        }],
+      },
+      formRoute: '/c/select-field-new',
+      formSelector: 'dynamo-select-field-new',
+      suiteSettings: { runMode: 'full', skipFormLevelTests: true, describePrefix: 'Sandbox: DyNX_SelectFieldNew' },
+    },
+  },
+  {
+    name: 'multiselect-field-new',
+    cfg: {
+      formSettings: {
+        key: 'sb-multi',
+        fields: [{
+          key: 'languages', type: 'multiselect',
+          options: [{ label: 'HU', value: 'hu' }, { label: 'EN', value: 'en' }, { label: 'DE', value: 'de' }],
+          testId: 'sandbox-multi-default',
+        }],
+      },
+      formRoute: '/c/multiselect-field-new',
+      formSelector: 'dynamo-multiselect-field-new',
+      suiteSettings: { runMode: 'full', skipFormLevelTests: true, describePrefix: 'Sandbox: DyNX_MultiselectFieldNew' },
+    },
+  },
+  {
+    name: 'radio-select-field-new',
+    cfg: {
+      formSettings: {
+        key: 'sb-radio',
+        fields: [{
+          key: 'priority', type: 'radioSelect', required: true,
+          options: [
+            { label: 'Alacsony', value: 'low' },
+            { label: 'Közepes', value: 'medium' },
+            { label: 'Magas', value: 'high' },
+            { label: 'Sürgős', value: 'urgent' },
+          ],
+          testId: 'sandbox-radio-vertical',
+        }],
+      },
+      formRoute: '/c/radio-select-field-new',
+      formSelector: 'dynamo-radio-select-field-new',
+      suiteSettings: { runMode: 'full', skipFormLevelTests: true, describePrefix: 'Sandbox: DyNX_RadioSelectFieldNew (Vertical)' },
+    },
+  },
+  {
+    name: 'date-field-new',
+    cfg: {
+      formSettings: {
+        key: 'sb-date',
+        fields: [{ key: 'birthDate', type: 'date', label: 'Születési dátum', testId: 'sandbox-date-default' }],
+      },
+      formRoute: '/c/date-field-new',
+      formSelector: 'dynamo-date-field-new',
+      suiteSettings: { runMode: 'full', skipFormLevelTests: true, describePrefix: 'Sandbox: DyNX_DateFieldNew' },
+    },
+  },
+  {
+    name: 'datetime-field-new',
+    cfg: {
+      formSettings: {
+        key: 'sb-datetime',
+        fields: [{
+          key: 'meetingAt', type: 'dateTime', label: 'Találkozó',
+          minDateTime: '2026-01-01T00:00', maxDateTime: '2026-12-31T23:59',
+          testId: 'sandbox-datetime-bounded',
+        }],
+      },
+      formRoute: '/c/datetime-field-new',
+      formSelector: 'dynamo-datetime-field-new',
+      suiteSettings: { runMode: 'full', skipFormLevelTests: true, describePrefix: 'Sandbox: DyNX_DateTimeFieldNew (Bounded)' },
+    },
+  },
+  {
+    name: 'date-range-field-new',
+    cfg: {
+      formSettings: {
+        key: 'sb-date-range',
+        fields: [{ key: 'vacation', type: 'dateRange', label: 'Szabadság', allowSameDay: true, testId: 'sandbox-date-range-default' }],
+      },
+      formRoute: '/c/date-range-field-new',
+      formSelector: 'dynamo-date-range-field-new',
+      suiteSettings: { runMode: 'full', skipFormLevelTests: true, describePrefix: 'Sandbox: DyNX_DateRangeFieldNew' },
+    },
+  },
+];
+
+let totalCases = 0;
+const summary = [];
+
+for (const { name, cfg } of sandboxConfigs) {
+  const spec = DyE2E_FormSuite_Generator.emit(cfg);
+  const outPath = path.join(OUT_DIR, `${name}.spec.ts`);
+  fs.writeFileSync(outPath, spec, 'utf-8');
+  const caseCount = (spec.match(/^\s*test\(/gm) || []).length;
+  totalCases += caseCount;
+  summary.push({ name, cases: caseCount, bytes: spec.length });
+  console.log(`  ✓ ${name}.spec.ts (${caseCount} test cases, ${spec.length} bytes)`);
+}
+
+// Plus 1 viewport-audit spec az osszes sandbox-route-ra
+const { DyE2E_ViewportSuite_Generator } = require('../build/_modules/generators/viewport-suite.generator');
+const viewportCfg = {
+  routes: sandboxConfigs.map(({ name }) => ({
+    key: name,
+    label: `Sandbox ${name}`,
+    path: `/c/${name}`,
+  })),
+  themes: ['dark', 'light'],
+  checkOverflow: true,
+  checkTouchTargets: true,
+  takeScreenshot: true,
+  screenshotDir: 'e2e/screenshots/sandbox',
+  describePrefix: 'Sandbox viewport audit',
+};
+const viewportSpec = DyE2E_ViewportSuite_Generator.emit(viewportCfg);
+fs.writeFileSync(path.join(OUT_DIR, 'sandbox-viewport-audit.spec.ts'), viewportSpec);
+const viewportCases = (viewportSpec.match(/^\s*test\(/gm) || []).length;
+console.log(`  ✓ sandbox-viewport-audit.spec.ts (${viewportCases} test cases — 13 routes × 7 viewports × 2 themes)`);
+
+console.log(`\n[dogfood-full] generated ${sandboxConfigs.length + 1} spec files, ${totalCases + viewportCases} total test cases.`);
+console.log(`[dogfood-full] per-field-type breakdown:`);
+for (const s of summary) {
+  console.log(`    ${s.name.padEnd(28)}  ${String(s.cases).padStart(3)} cases`);
+}
+console.log(`    sandbox-viewport-audit       ${String(viewportCases).padStart(3)} cases`);

package/dogfood/sandbox-bootstrap.js

@@ -0,0 +1,170 @@
+#!/usr/bin/env node
+/**
+ * MP-08 SP-B — Sandbox dogfood bootstrap.
+ *
+ * Bemenet: a `dynamo-ngx-sandbox` Settings POJO-it leíró 1-1 JSON konfiguráció
+ * (a teljes sandbox-registry.ts-ből kihúzott reprezentatív minta).
+ *
+ * Kimenet: a `dogfood/generated/` mappába írt `.spec.ts` fájlok, amelyeket a
+ * dynamo-ngx repó-ba copy-be lehet venni a hand-rolled e2e mellé / helyett.
+ *
+ * Futtatás:
+ *   node dogfood/sandbox-bootstrap.js
+ */
+'use strict';
+
+const fs = require('fs');
+const path = require('path');
+const { DyE2E_FormSuite_Generator } = require('../build/_modules/generators/form-suite.generator');
+
+const OUT_DIR = path.join(__dirname, 'generated');
+fs.mkdirSync(OUT_DIR, { recursive: true });
+
+// 1. text-field-new sandbox entry — 3 variantból a Required-Default-szerinti
+//    Settings POJO. (A többi variant a futás-időben válthat, lásd e2e
+//    spec-ekben a beforeEach `selectVariant(...)`-tot.)
+const sandboxTextField = {
+  formSettings: {
+    key: 'sandbox-text-field-new',
+    fields: [
+      {
+        key: 'username',
+        type: 'text',
+        label: 'Felhasználónév',
+        required: true,
+        minLength: 3,
+        maxLength: 64,
+        testId: 'sandbox-text-required',
+      },
+    ],
+  },
+  formRoute: '/c/text-field-new',
+  formSelector: 'dynamo-text-field-new',
+  suiteSettings: {
+    runMode: 'full',
+    skipFormLevelTests: true, // sandbox-route nem submit-button-os form
+    describePrefix: 'Sandbox: DyNX_TextFieldNew (Required variant)',
+  },
+};
+
+// 2. password-field-new sandbox entry.
+const sandboxPasswordField = {
+  formSettings: {
+    key: 'sandbox-pwd-required',
+    fields: [
+      {
+        key: 'password',
+        type: 'password',
+        label: 'Jelszó',
+        required: true,
+        minLength: 8,
+        maxLength: 128,
+        testId: 'sandbox-pwd-required',
+      },
+    ],
+  },
+  formRoute: '/c/password-field-new',
+  formSelector: 'dynamo-password-field-new',
+  suiteSettings: {
+    runMode: 'full',
+    skipFormLevelTests: true,
+    describePrefix: 'Sandbox: DyNX_PasswordFieldNew (Required variant)',
+  },
+};
+
+// 3. slider-field-new sandbox entry.
+const sandboxSlider = {
+  formSettings: {
+    key: 'sandbox-slider-default',
+    fields: [
+      {
+        key: 'volume',
+        type: 'slider',
+        label: 'Hangerő',
+        min: 0,
+        max: 100,
+        step: 1,
+        testId: 'sandbox-slider-default',
+      },
+    ],
+  },
+  formRoute: '/c/slider-field-new',
+  formSelector: 'dynamo-slider-field-new',
+  suiteSettings: {
+    runMode: 'full',
+    skipFormLevelTests: true,
+    describePrefix: 'Sandbox: DyNX_SliderFieldNew (Default 0-100)',
+  },
+};
+
+// 4. radio-select-field-new sandbox entry.
+const sandboxRadio = {
+  formSettings: {
+    key: 'sandbox-radio-vertical',
+    fields: [
+      {
+        key: 'priority',
+        type: 'radioSelect',
+        label: 'Prioritás',
+        required: true,
+        options: [
+          { label: 'Alacsony', value: 'low' },
+          { label: 'Közepes', value: 'medium' },
+          { label: 'Magas', value: 'high' },
+          { label: 'Sürgős', value: 'urgent' },
+        ],
+        testId: 'sandbox-radio-vertical',
+      },
+    ],
+  },
+  formRoute: '/c/radio-select-field-new',
+  formSelector: 'dynamo-radio-select-field-new',
+  suiteSettings: {
+    runMode: 'full',
+    skipFormLevelTests: true,
+    describePrefix: 'Sandbox: DyNX_RadioSelectFieldNew (Vertical variant)',
+  },
+};
+
+// 5. date-range-field-new sandbox entry.
+const sandboxDateRange = {
+  formSettings: {
+    key: 'sandbox-date-range-default',
+    fields: [
+      {
+        key: 'vacationRange',
+        type: 'dateRange',
+        label: 'Szabadság',
+        allowSameDay: true,
+        testId: 'sandbox-date-range-default',
+      },
+    ],
+  },
+  formRoute: '/c/date-range-field-new',
+  formSelector: 'dynamo-date-range-field-new',
+  suiteSettings: {
+    runMode: 'full',
+    skipFormLevelTests: true,
+    describePrefix: 'Sandbox: DyNX_DateRangeFieldNew (Default variant)',
+  },
+};
+
+const inputs = [
+  ['text-field-new', sandboxTextField],
+  ['password-field-new', sandboxPasswordField],
+  ['slider-field-new', sandboxSlider],
+  ['radio-select-field-new', sandboxRadio],
+  ['date-range-field-new', sandboxDateRange],
+];
+
+let totalCases = 0;
+for (const [name, cfg] of inputs) {
+  const spec = DyE2E_FormSuite_Generator.emit(cfg);
+  const outPath = path.join(OUT_DIR, `${name}.spec.ts`);
+  fs.writeFileSync(outPath, spec, 'utf-8');
+  const caseCount = (spec.match(/^\s*test\(/gm) || []).length;
+  totalCases += caseCount;
+  console.log(`  ✓ ${name}.spec.ts (${caseCount} test cases)`);
+}
+
+console.log(`\n[dogfood] generated ${inputs.length} spec files, ${totalCases} total test cases.`);