@futdevpro/dynamo-e2e 1.5.0

package/dogfood/PARITY-MATRIX.md

@@ -0,0 +1,67 @@
+# MP-08 SP-A — Sandbox dogfood parity matrix
+
+A `dynamo-ngx-sandbox` jelenleg **54 hand-rolled e2e tesztet** futtat a
+Forms v2 wave-1B + wave-2a field-ekre (`dynamo-ngx/e2e/tests/forms-v2/*.spec.ts`).
+Ez a doku méri fel, hogy a `dynamo-e2e` generated suite **paritást ad-e**.
+
+## Hand-rolled vs. generated coverage
+
+| Sandbox route | Hand-rolled tesztek (jelenlegi) | Generated tesztek (Wave-1) | Δ |
+|---|---|---|---|
+| `/c/text-field-new` | a `form-new.spec.ts` keretében (label/keyboard/validators) | 16 (text matrix) | parity+ |
+| `/c/password-field-new` | 12 (`password-field.spec.ts`) | 9 (password matrix) + 3 form-level | -3 (a reveal-toggle interakció hiányzik a generator-ban) |
+| `/c/slider-field-new` | 4 (`wave-2a-fields.spec.ts`) | 3 (slider matrix) | -1 (drag-with-keyboard) |
+| `/c/slider-range-field-new` | 4 | 3 (sliderRange matrix) + 3 form-level | parity |
+| `/c/radio-select-field-new` | 4 | 5 (radio matrix) | +1 |
+| `/c/datetime-field-new` | 3 | 4 (datetime matrix) | +1 |
+| `/c/date-range-field-new` | 6 | 3 (dateRange matrix) | -3 (allowSameDay-edge a custom-case-be kell tenni) |
+| **TOTAL** | **~54** | **~62 (per-field) + 21 (form-level)** | **+30** |
+
+## Hiányzó capability-k a generator-ban (Wave-2 TODO)
+
+1. **Reveal-toggle interaction** (password) — a `password-field-new` 👁
+   button click-flow-ja nincs a curated mátrixban. Wave-2 SP-2 javaslat:
+   `DyE2E_FieldTestCase_Type.revealToggle` enum-érték + dedikált
+   password-emission-ág.
+
+2. **Drag-with-keyboard** (slider) — `ArrowLeft` / `ArrowRight` / `Home` /
+   `End` press-sequencé a sliderben. Wave-2 SP-3: `keyboardOnly`
+   test-case-type emission generic-keyboardarrow flow-val.
+
+3. **allowSameDay edge** (dateRange) — `settings.allowSameDay === false`
+   esetén a `startEqualsEnd` case `valid` → `invalid` flip-eli a
+   shape-eljárás. A `DyE2E_TestCaseFilter_Util.filter()` jelenleg NEM
+   nézi az `allowSameDay` settings-flag-et. Wave-2 SP-1.
+
+4. **Label / keyboard / focus-trap** (text) — a `form-new.spec.ts`
+   keretes-tesztjei a label-render-t és focus-flow-t ellenőrzik. Ez
+   form-level orchestrator extension, NEM per-field — generator-szinten
+   új form-level emit-szignatúra kell.
+
+## Replacement stratégia (Wave-1.5)
+
+- **Side-by-side**: hand-rolled + generated egyaránt megmarad, a
+  Playwright projekt mind a kettőt futtatja. A generated suite
+  igazolásra: 0 regresszió.
+- **Drop-in (Wave-2)**: a Wave-2 hiányzó capability-k pótlása után
+  a hand-rolled suite tönkre-mehet, kivéve a 4-féle "nem-mappázott"
+  edge-case-t (lásd fent), amelyek custom-override-ban élnek tovább.
+
+## Generated specs lokálisan
+
+```bash
+node dogfood/sandbox-bootstrap.js
+ls dogfood/generated/
+# → text-field-new.spec.ts password-field-new.spec.ts slider-field-new.spec.ts
+#   radio-select-field-new.spec.ts date-range-field-new.spec.ts
+```
+
+A generated spec-ek **deterministicak** (lásd a `STAMP_BUILT_AT` const-ot a
+generator-ban) — a bootstrap script azonos input-ra azonos output-ot ad.
+
+## Következő lépés (MP-08 SP-C..F)
+
+- SP-C — minden Forms v2 sandbox route generated suite-eljárás
+- SP-D — `dynamo-ngx/e2e/tests/forms-v2/` mellé bekötés side-by-side mód
+- SP-E — Hand-rolled törlés Wave-2 lezárása után
+- SP-F — Sandbox CICD pipeline-update (`coverage` step a generated suite-ra is)

package/dogfood/generated/date-range-field-new.spec.ts

@@ -0,0 +1,54 @@
+/**
+ * Auto-generated by @futdevpro/dynamo-e2e — FormSuite Generator
+ * Form key: sandbox-date-range-default
+ * Route:    /c/date-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_DateRangeFieldNew (Default variant)', (): void => {
+
+test.describe('Field: vacationRange (dateRange)', (): void => {
+  test.beforeEach(async ({ page }): Promise<void> => {
+    const response = await page.goto('/c/date-range-field-new');
+    expect(response?.ok()).toBeTruthy();
+    await page.locator('dynamo-date-range-field-new').first().waitFor({ state: 'visible' });
+  });
+
+  test('field[vacationRange] dateRange:valid → valid — normál tartomány', async ({ page }): Promise<void> => {
+    const startInput: Locator = page.getByTestId('sandbox-date-range-default-start');
+    const endInput: Locator = page.getByTestId('sandbox-date-range-default-end');
+    await startInput.fill('2026-06-01');
+    await endInput.fill('2026-06-30');
+    await endInput.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-date-range-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[vacationRange] dateRange:equal → valid — start === end (allowSameDay)', async ({ page }): Promise<void> => {
+    const startInput: Locator = page.getByTestId('sandbox-date-range-default-start');
+    const endInput: Locator = page.getByTestId('sandbox-date-range-default-end');
+    await startInput.fill('2026-06-15');
+    await endInput.fill('2026-06-15');
+    await endInput.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-date-range-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[vacationRange] dateRange:start-after-end → invalid:dateRange — start > end → cross-field error', async ({ page }): Promise<void> => {
+    const startInput: Locator = page.getByTestId('sandbox-date-range-default-start');
+    const endInput: Locator = page.getByTestId('sandbox-date-range-default-end');
+    await startInput.fill('2026-06-30');
+    await endInput.fill('2026-06-01');
+    await endInput.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-date-range-default"]').locator('xpath=ancestor-or-self::*[starts-with(local-name(),"dynamo-")]').first();
+    await expect(fieldRoot.locator('.text-red-400.mt-1').first()).toBeVisible();
+    // expectedErrorKey: dateRange
+  });
+});
+
+});

package/dogfood/generated/password-field-new.spec.ts

@@ -0,0 +1,97 @@
+/**
+ * Auto-generated by @futdevpro/dynamo-e2e — FormSuite Generator
+ * Form key: sandbox-pwd-required
+ * Route:    /c/password-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_PasswordFieldNew (Required variant)', (): void => {
+
+test.describe('Field: password (password)', (): void => {
+  test.beforeEach(async ({ page }): Promise<void> => {
+    const response = await page.goto('/c/password-field-new');
+    expect(response?.ok()).toBeTruthy();
+    await page.locator('dynamo-password-field-new').first().waitFor({ state: 'visible' });
+  });
+
+  test('field[password] pw:empty → valid — üres jelszó', async ({ page }): Promise<void> => {
+    const input: Locator = page.getByTestId('sandbox-pwd-required');
+    await input.fill('');
+    await input.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-pwd-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[password] pw:ascii → valid — tipikus ASCII jelszó', async ({ page }): Promise<void> => {
+    const input: Locator = page.getByTestId('sandbox-pwd-required');
+    await input.fill('SecurePw123!');
+    await input.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-pwd-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[password] pw:unicode-basic → valid — unicode jelszó', async ({ page }): Promise<void> => {
+    const input: Locator = page.getByTestId('sandbox-pwd-required');
+    await input.fill('JelszóBiztos123');
+    await input.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-pwd-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[password] pw:unicode-emoji → valid — emoji jelszóban', async ({ page }): Promise<void> => {
+    const input: Locator = page.getByTestId('sandbox-pwd-required');
+    await input.fill('Pw🔐Strong');
+    await input.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-pwd-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[password] pw:short → invalid:minLength — < 8 char (default minLength)', async ({ page }): Promise<void> => {
+    const input: Locator = page.getByTestId('sandbox-pwd-required');
+    await input.fill('aaaaaaa');
+    await input.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-pwd-required"]').locator('xpath=ancestor-or-self::*[starts-with(local-name(),"dynamo-")]').first();
+    await expect(fieldRoot.locator('.text-red-400.mt-1').first()).toBeVisible();
+    // expectedErrorKey: minLength
+  });
+
+  test('field[password] pw:single-whitespace → valid — space-only password (some sites reject)', async ({ page }): Promise<void> => {
+    const input: Locator = page.getByTestId('sandbox-pwd-required');
+    await input.fill(' ');
+    await input.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-pwd-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[password] pw:xss-tag → valid — XSS-tag jelszóban', async ({ page }): Promise<void> => {
+    const input: Locator = page.getByTestId('sandbox-pwd-required');
+    await input.fill('<script>alert(1)</script>');
+    await input.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-pwd-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[password] pw:sql-injection-shape → valid — SQL-injection-szerű jelszó', async ({ page }): Promise<void> => {
+    const input: Locator = page.getByTestId('sandbox-pwd-required');
+    await input.fill('\' OR \'1\'=\'1\' --');
+    await input.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-pwd-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[password] pw:oversize → invalid:maxLength — 256+ char jelszó', async ({ page }): Promise<void> => {
+    const input: Locator = page.getByTestId('sandbox-pwd-required');
+    await input.fill('aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa');
+    await input.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-pwd-required"]').locator('xpath=ancestor-or-self::*[starts-with(local-name(),"dynamo-")]').first();
+    await expect(fieldRoot.locator('.text-red-400.mt-1').first()).toBeVisible();
+    // expectedErrorKey: maxLength
+  });
+});
+
+});

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

@@ -0,0 +1,69 @@
+/**
+ * Auto-generated by @futdevpro/dynamo-e2e — FormSuite Generator
+ * Form key: sandbox-radio-vertical
+ * Route:    /c/radio-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_RadioSelectFieldNew (Vertical variant)', (): void => {
+
+test.describe('Field: priority (radioSelect)', (): void => {
+  test.beforeEach(async ({ page }): Promise<void> => {
+    const response = await page.goto('/c/radio-select-field-new');
+    expect(response?.ok()).toBeTruthy();
+    await page.locator('dynamo-radio-select-field-new').first().waitFor({ state: 'visible' });
+  });
+
+  test('field[priority] 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-radio-vertical"], dynamo-radio-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-radio-vertical"]').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[priority] 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-radio-vertical"], dynamo-radio-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-radio-vertical"]').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[priority] 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-radio-vertical"], dynamo-radio-select-field-new').first();
+    // option index 3 (case-input[0])
+    // Wave-1: explicit selector-pattern is per-consumer; szándékosan minimalista.
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-radio-vertical"]').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[priority] 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-radio-vertical"], dynamo-radio-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-radio-vertical"]').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[priority] 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-radio-vertical"], dynamo-radio-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-radio-vertical"]').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/slider-field-new.spec.ts

@@ -0,0 +1,47 @@
+/**
+ * Auto-generated by @futdevpro/dynamo-e2e — FormSuite Generator
+ * Form key: sandbox-slider-default
+ * 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 (Default 0-100)', (): 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/checkbox-field-new.spec.ts

@@ -0,0 +1,56 @@
+/**
+ * Auto-generated by @futdevpro/dynamo-e2e — FormSuite Generator
+ * Form key: sb-checkbox
+ * Route:    /c/checkbox-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_CheckboxFieldNew', (): void => {
+
+test.describe('Field: agree (checkbox)', (): void => {
+  test.beforeEach(async ({ page }): Promise<void> => {
+    const response = await page.goto('/c/checkbox-field-new');
+    expect(response?.ok()).toBeTruthy();
+    await page.locator('dynamo-checkbox-field-new').first().waitFor({ state: 'visible' });
+  });
+
+  test('field[agree] cb:initial-unchecked → valid — kezdeti unchecked', async ({ page }): Promise<void> => {
+    const checkbox: Locator = page.getByTestId('sandbox-checkbox-required');
+    await checkbox.uncheck();
+    await checkbox.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-checkbox-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[agree] cb:toggle-once → valid — 1× click → checked', async ({ page }): Promise<void> => {
+    const checkbox: Locator = page.getByTestId('sandbox-checkbox-required');
+    await checkbox.check();
+    await checkbox.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-checkbox-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[agree] cb:toggle-twice → valid — 2× click → unchecked', async ({ page }): Promise<void> => {
+    const checkbox: Locator = page.getByTestId('sandbox-checkbox-required');
+    await checkbox.uncheck();
+    await checkbox.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-checkbox-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[agree] cb:required-unchecked → invalid:required — required + unchecked → form-invalid', async ({ page }): Promise<void> => {
+    const checkbox: Locator = page.getByTestId('sandbox-checkbox-required');
+    await checkbox.uncheck();
+    await checkbox.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-checkbox-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
+  });
+});
+
+});

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

@@ -0,0 +1,71 @@
+/**
+ * Auto-generated by @futdevpro/dynamo-e2e — FormSuite Generator
+ * Form key: sb-date
+ * Route:    /c/date-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_DateFieldNew', (): void => {
+
+test.describe('Field: birthDate (date)', (): void => {
+  test.beforeEach(async ({ page }): Promise<void> => {
+    const response = await page.goto('/c/date-field-new');
+    expect(response?.ok()).toBeTruthy();
+    await page.locator('dynamo-date-field-new').first().waitFor({ state: 'visible' });
+  });
+
+  test('field[birthDate] date:empty → valid — üres dátum', async ({ page }): Promise<void> => {
+    const input: Locator = page.getByTestId('sandbox-date-default');
+    await input.fill('');
+    await input.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-date-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[birthDate] date:today → valid — mai dátum', async ({ page }): Promise<void> => {
+    const input: Locator = page.getByTestId('sandbox-date-default');
+    await input.fill('2026-06-10');
+    await input.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-date-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[birthDate] date:leap-feb29 → valid — szökőév feb 29.', async ({ page }): Promise<void> => {
+    const input: Locator = page.getByTestId('sandbox-date-default');
+    await input.fill('2024-02-29');
+    await input.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-date-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[birthDate] date:before-y2k → valid — Y2K előtti dátum', async ({ page }): Promise<void> => {
+    const input: Locator = page.getByTestId('sandbox-date-default');
+    await input.fill('1999-12-31');
+    await input.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-date-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[birthDate] date:before-unix-epoch → valid — Unix epoch előtt', async ({ page }): Promise<void> => {
+    const input: Locator = page.getByTestId('sandbox-date-default');
+    await input.fill('1969-12-31');
+    await input.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-date-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[birthDate] date:far-future → valid — messzi jövő', async ({ page }): Promise<void> => {
+    const input: Locator = page.getByTestId('sandbox-date-default');
+    await input.fill('2099-12-31');
+    await input.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-date-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/date-range-field-new.spec.ts

@@ -0,0 +1,54 @@
+/**
+ * Auto-generated by @futdevpro/dynamo-e2e — FormSuite Generator
+ * Form key: sb-date-range
+ * Route:    /c/date-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_DateRangeFieldNew', (): void => {
+
+test.describe('Field: vacation (dateRange)', (): void => {
+  test.beforeEach(async ({ page }): Promise<void> => {
+    const response = await page.goto('/c/date-range-field-new');
+    expect(response?.ok()).toBeTruthy();
+    await page.locator('dynamo-date-range-field-new').first().waitFor({ state: 'visible' });
+  });
+
+  test('field[vacation] dateRange:valid → valid — normál tartomány', async ({ page }): Promise<void> => {
+    const startInput: Locator = page.getByTestId('sandbox-date-range-default-start');
+    const endInput: Locator = page.getByTestId('sandbox-date-range-default-end');
+    await startInput.fill('2026-06-01');
+    await endInput.fill('2026-06-30');
+    await endInput.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-date-range-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[vacation] dateRange:equal → valid — start === end (allowSameDay)', async ({ page }): Promise<void> => {
+    const startInput: Locator = page.getByTestId('sandbox-date-range-default-start');
+    const endInput: Locator = page.getByTestId('sandbox-date-range-default-end');
+    await startInput.fill('2026-06-15');
+    await endInput.fill('2026-06-15');
+    await endInput.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-date-range-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[vacation] dateRange:start-after-end → invalid:dateRange — start > end → cross-field error', async ({ page }): Promise<void> => {
+    const startInput: Locator = page.getByTestId('sandbox-date-range-default-start');
+    const endInput: Locator = page.getByTestId('sandbox-date-range-default-end');
+    await startInput.fill('2026-06-30');
+    await endInput.fill('2026-06-01');
+    await endInput.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-date-range-default"]').locator('xpath=ancestor-or-self::*[starts-with(local-name(),"dynamo-")]').first();
+    await expect(fieldRoot.locator('.text-red-400.mt-1').first()).toBeVisible();
+    // expectedErrorKey: dateRange
+  });
+});
+
+});

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

@@ -0,0 +1,55 @@
+/**
+ * Auto-generated by @futdevpro/dynamo-e2e — FormSuite Generator
+ * Form key: sb-datetime
+ * Route:    /c/datetime-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_DateTimeFieldNew (Bounded)', (): void => {
+
+test.describe('Field: meetingAt (dateTime)', (): void => {
+  test.beforeEach(async ({ page }): Promise<void> => {
+    const response = await page.goto('/c/datetime-field-new');
+    expect(response?.ok()).toBeTruthy();
+    await page.locator('dynamo-datetime-field-new').first().waitFor({ state: 'visible' });
+  });
+
+  test('field[meetingAt] datetime:empty → valid — üres datetime', async ({ page }): Promise<void> => {
+    const input: Locator = page.getByTestId('sandbox-datetime-bounded');
+    await input.fill('');
+    await input.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-datetime-bounded"]').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[meetingAt] datetime:midnight → valid — éjfél (00:00)', async ({ page }): Promise<void> => {
+    const input: Locator = page.getByTestId('sandbox-datetime-bounded');
+    await input.fill('2026-06-10T00:00');
+    await input.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-datetime-bounded"]').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[meetingAt] datetime:noon → valid — dél (12:00)', async ({ page }): Promise<void> => {
+    const input: Locator = page.getByTestId('sandbox-datetime-bounded');
+    await input.fill('2026-06-10T12:00');
+    await input.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-datetime-bounded"]').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[meetingAt] datetime:end-of-day → valid — nap vége (23:59)', async ({ page }): Promise<void> => {
+    const input: Locator = page.getByTestId('sandbox-datetime-bounded');
+    await input.fill('2026-06-10T23:59');
+    await input.blur();
+    const fieldRoot: Locator = page.locator('[data-testid="sandbox-datetime-bounded"]').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);
+  });
+});
+
+});