/**
 * Auto-generated by @futdevpro/dynamo-e2e — FormSuite Generator
 * Form key: sb-multi
 * Route:    /c/multiselect-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_MultiselectFieldNew', (): void => {

test.describe('Field: languages (multiselect)', (): void => {
  test.beforeEach(async ({ page }): Promise<void> => {
    const response = await page.goto('/c/multiselect-field-new');
    expect(response?.ok()).toBeTruthy();
    await page.locator('dynamo-multiselect-field-new').first().waitFor({ state: 'visible' });
  });

  test('field[languages] multi:none → valid — üres választás', async ({ page }): Promise<void> => {
    // options index → testId-suffix selection
    const fieldRoot: Locator = page.locator('[data-testid="sandbox-multi-default"], dynamo-multiselect-field-new').first();

    // Wave-1: explicit selector-pattern is per-consumer; szándékosan minimalista.
    const fieldRoot: Locator = page.locator('[data-testid="sandbox-multi-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[languages] multi:single → valid — egy elem kiválasztva', async ({ page }): Promise<void> => {
    // options index → testId-suffix selection
    const fieldRoot: Locator = page.locator('[data-testid="sandbox-multi-default"], dynamo-multiselect-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-multi-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[languages] multi:multiple → valid — több elem kiválasztva', async ({ page }): Promise<void> => {
    // options index → testId-suffix selection
    const fieldRoot: Locator = page.locator('[data-testid="sandbox-multi-default"], dynamo-multiselect-field-new').first();
    // option index 0 (case-input[0])
    // option index 1 (case-input[1])
    // Wave-1: explicit selector-pattern is per-consumer; szándékosan minimalista.
    const fieldRoot: Locator = page.locator('[data-testid="sandbox-multi-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[languages] multi:all-selected → valid — minden elem kiválasztva', async ({ page }): Promise<void> => {
    // options index → testId-suffix selection
    const fieldRoot: Locator = page.locator('[data-testid="sandbox-multi-default"], dynamo-multiselect-field-new').first();
    // sentinel -3 — 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-multi-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[languages] multi:duplicate-selection → valid — ugyanazt klikkelünk kétszer (deselect)', async ({ page }): Promise<void> => {
    // options index → testId-suffix selection
    const fieldRoot: Locator = page.locator('[data-testid="sandbox-multi-default"], dynamo-multiselect-field-new').first();

    // Wave-1: explicit selector-pattern is per-consumer; szándékosan minimalista.
    const fieldRoot: Locator = page.locator('[data-testid="sandbox-multi-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);
  });
});

});