@ngneers/controls-playwright 0.0.1-pre1

package/dist/components/select.d.ts

@@ -0,0 +1,46 @@
+import { type Locator } from '@playwright/test';
+import { NgnInputHarness } from './input';
+import { NgnListBoxHarness } from './list-box';
+import { NgnInputFieldHarness } from './input-field';
+import { NgnItemViewHarness } from './item-view';
+export declare class NgnSelectHarness {
+    locator: Locator;
+    readonly classes: import("@ngneers/controls-themes").ThemeClasses<import("@ngneers/controls-themes").ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+        readonly class: "popover";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
+    }, {
+        readonly class: "list-box";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"list-box", ["root", "empty", "invalid", "item", "group", "default-item", "default-group", "item-selected", "item-highlighted", "item-disabled"], readonly [{
+            readonly class: "checkbox";
+            readonly template: import("@ngneers/controls-themes").ControlTemplate<"checkbox", ["root", "input", "box", "box-checked", "box-indeterminate", "box-icon", "box-icon-visible", "invalid"], readonly []>;
+        }, {
+            readonly class: "scroller";
+            readonly template: import("@ngneers/controls-themes").ControlTemplate<"scroller", ["root", "virtual", "item", "item-sticky"], readonly []>;
+        }]>;
+    }, {
+        readonly class: "filter";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly class: "input";
+            readonly template: import("@ngneers/controls-themes").ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
+            readonly projected: true;
+        }]>;
+    }]>>;
+    readonly filter: NgnInputFieldHarness<{
+        input: NgnInputHarness;
+    }>;
+    readonly filterIcon: Locator;
+    readonly icon: Locator;
+    readonly input: Locator;
+    readonly inputEditable: NgnInputHarness;
+    readonly listBox: NgnListBoxHarness;
+    readonly popoverContent: Locator;
+    readonly multipleItemView: NgnItemViewHarness;
+    constructor(locator: Locator);
+    expectOpened(opened?: boolean): Promise<void>;
+    open(): Promise<void>;
+    close(): Promise<void>;
+    expectSelectedItemText(text: string, editable?: boolean): Promise<void>;
+    clickItemByText(text: string, expectClosed?: boolean): Promise<void>;
+    clickItemByIndex(index: number, expectClosed?: boolean): Promise<void>;
+}
+//# sourceMappingURL=select.d.ts.map

package/dist/components/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/components/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGxD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjD,qBAAa,gBAAgB;IAWR,OAAO,EAAE,OAAO;IAVnC,SAAgB,OAAO;;;;;;;;;;;;;;;;;;;SAAuC;IAC9D,SAAgB,MAAM,EAAE,oBAAoB,CAAC;QAAE,KAAK,EAAE,eAAe,CAAA;KAAE,CAAC,CAAC;IACzE,SAAgB,UAAU,EAAE,OAAO,CAAC;IACpC,SAAgB,IAAI,EAAE,OAAO,CAAC;IAC9B,SAAgB,KAAK,EAAE,OAAO,CAAC;IAC/B,SAAgB,aAAa,EAAE,eAAe,CAAC;IAC/C,SAAgB,OAAO,EAAE,iBAAiB,CAAC;IAC3C,SAAgB,cAAc,EAAE,OAAO,CAAC;IACxC,SAAgB,gBAAgB,EAAE,kBAAkB,CAAC;gBAElC,OAAO,EAAE,OAAO;IAetB,YAAY,CAAC,MAAM,UAAO;IAc1B,IAAI;IAKJ,KAAK;IAKL,sBAAsB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,UAAQ;IAQrD,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,YAAY,UAAO;IAOjD,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,UAAO;CAMjE"}

package/dist/components/select.js

@@ -0,0 +1,74 @@
+import { expect } from '@playwright/test';
+import { themeClasses } from '../utils/theme';
+import { selectControlTemplate } from '@ngneers/controls-themes/templates/select';
+import { NgnInputHarness } from './input';
+import { NGN_CLASSES } from '../utils/classes';
+import { NgnListBoxHarness } from './list-box';
+import { NgnInputFieldHarness } from './input-field';
+import { NgnItemViewHarness } from './item-view';
+export class NgnSelectHarness {
+    locator;
+    classes = themeClasses(selectControlTemplate);
+    filter;
+    filterIcon;
+    icon;
+    input;
+    inputEditable;
+    listBox;
+    popoverContent;
+    multipleItemView;
+    constructor(locator) {
+        this.locator = locator;
+        this.filter = new NgnInputFieldHarness(locator.locator(this.classes['filter']['root']), l => ({
+            input: new NgnInputHarness(l.locator(NGN_CLASSES.input['root'])),
+        }));
+        this.filterIcon = locator.locator(this.classes['filter-icon']);
+        this.icon = locator.locator(this.classes['icon']);
+        this.input = locator.locator(this.classes['input']);
+        this.inputEditable = new NgnInputHarness(locator.locator(`${this.classes['input-editable']} ${NGN_CLASSES.input['root']}`));
+        this.listBox = new NgnListBoxHarness(locator.locator(this.classes['list-box']['root']));
+        this.popoverContent = locator.locator(this.classes['popover-content']);
+        this.multipleItemView = new NgnItemViewHarness(locator.locator('ngn-item-view'));
+    }
+    async expectOpened(opened = true) {
+        // Gate on the trigger's `aria-expanded` (bound to `popover.open()`), not just
+        // content visibility. `open()` is only set once the native popover has
+        // actually toggled in the top layer, whereas the content becomes CSS-visible
+        // a frame earlier — before the popover is a dismissible top-layer element.
+        // Waiting on visibility alone lets a follow-up keypress (e.g. Escape) race
+        // the open transition under load and get lost, leaving the popover stuck
+        // open. The `aria-expanded`/`aria-haspopup` attributes live on the inner
+        // combobox/input trigger, not the outer `input` wrapper.
+        const trigger = this.locator.locator('[aria-haspopup="listbox"]');
+        await expect(trigger).toHaveAttribute('aria-expanded', String(opened));
+        await expect(this.popoverContent).toBeVisible({ visible: opened });
+    }
+    async open() {
+        await this.icon.click();
+        await this.expectOpened();
+    }
+    async close() {
+        await this.icon.click();
+        await this.expectOpened(false);
+    }
+    async expectSelectedItemText(text, editable = false) {
+        if (editable) {
+            await this.inputEditable.expectValue(text);
+        }
+        else {
+            await expect(this.input).toHaveText(text, { useInnerText: true });
+        }
+    }
+    async clickItemByText(text, expectClosed = true) {
+        await this.listBox.scroller.clickItemByText(text);
+        if (expectClosed) {
+            await this.expectOpened(false);
+        }
+    }
+    async clickItemByIndex(index, expectClosed = true) {
+        await this.listBox.scroller.clickItemByIndex(index);
+        if (expectClosed) {
+            await this.expectOpened(false);
+        }
+    }
+}

package/dist/components/slider.d.ts

@@ -0,0 +1,26 @@
+import { type Locator } from '@playwright/test';
+export declare class NgnSliderHarness {
+    readonly classes: import("@ngneers/controls-themes").ThemeClasses<import("@ngneers/controls-themes").ControlTemplate<"slider", ["root", "horizontal", "vertical", "track", "thumb", "fill", "invalid"], readonly []>>;
+    readonly locator: Locator;
+    readonly track: Locator;
+    readonly thumb: Locator;
+    readonly fill: Locator;
+    constructor(locator: Locator);
+    expectValue(value: number): Promise<void>;
+    expectMin(min: number): Promise<void>;
+    expectMax(max: number): Promise<void>;
+    expectOrientation(orientation: 'horizontal' | 'vertical'): Promise<void>;
+    expectReadonly(readonly: boolean): Promise<void>;
+    expectDisabled(disabled: boolean): Promise<void>;
+    clickTrack(position?: {
+        x?: number;
+        y?: number;
+    }): Promise<void>;
+    dragThumb(delta: {
+        x?: number;
+        y?: number;
+    }): Promise<void>;
+    pressKey(key: string): Promise<void>;
+    focus(): Promise<void>;
+}
+//# sourceMappingURL=slider.d.ts.map

package/dist/components/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/components/slider.ts"],"names":[],"mappings":"AAEA,OAAa,EAAU,KAAK,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE9D,qBAAa,gBAAgB;IAC3B,SAAgB,OAAO,sMAAuC;IAE9D,SAAgB,OAAO,EAAE,OAAO,CAAC;IACjC,SAAgB,KAAK,EAAE,OAAO,CAAC;IAC/B,SAAgB,KAAK,EAAE,OAAO,CAAC;IAC/B,SAAgB,IAAI,EAAE,OAAO,CAAC;gBAElB,OAAO,EAAE,OAAO;IAOf,WAAW,CAAC,KAAK,EAAE,MAAM;IAIzB,SAAS,CAAC,GAAG,EAAE,MAAM;IAIrB,SAAS,CAAC,GAAG,EAAE,MAAM;IAIrB,iBAAiB,CAAC,WAAW,EAAE,YAAY,GAAG,UAAU;IAIxD,cAAc,CAAC,QAAQ,EAAE,OAAO;IAShC,cAAc,CAAC,QAAQ,EAAE,OAAO;IAShC,UAAU,CAAC,QAAQ,GAAE;QAAE,CAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,CAAC,EAAE,MAAM,CAAA;KAAO;IAUpD,SAAS,CAAC,KAAK,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,CAAC,EAAE,MAAM,CAAA;KAAE;IAa3C,QAAQ,CAAC,GAAG,EAAE,MAAM;IAIpB,KAAK;CAGnB"}

package/dist/components/slider.js

@@ -0,0 +1,73 @@
+import { sliderControlTemplate } from '@ngneers/controls-themes/templates/slider';
+import { themeClasses } from '../utils/theme';
+import test, { expect } from '@playwright/test';
+export class NgnSliderHarness {
+    classes = themeClasses(sliderControlTemplate);
+    locator;
+    track;
+    thumb;
+    fill;
+    constructor(locator) {
+        this.locator = locator;
+        this.track = locator.locator(this.classes.track);
+        this.thumb = locator.locator(this.classes.thumb);
+        this.fill = locator.locator(this.classes.fill);
+    }
+    async expectValue(value) {
+        await expect(this.locator).toHaveAttribute('aria-valuenow', value.toString());
+    }
+    async expectMin(min) {
+        await expect(this.locator).toHaveAttribute('aria-valuemin', min.toString());
+    }
+    async expectMax(max) {
+        await expect(this.locator).toHaveAttribute('aria-valuemax', max.toString());
+    }
+    async expectOrientation(orientation) {
+        await expect(this.locator).toHaveAttribute('aria-orientation', orientation);
+    }
+    async expectReadonly(readonly) {
+        if (readonly) {
+            await expect(this.locator).toHaveAttribute('aria-readonly', 'true');
+            await expect(this.locator).toHaveAttribute('tabindex', '0');
+        }
+        else {
+            await expect(this.locator).not.toHaveAttribute('aria-readonly');
+        }
+    }
+    async expectDisabled(disabled) {
+        if (disabled) {
+            await expect(this.locator).toHaveAttribute('disabled');
+            await expect(this.locator).toHaveAttribute('tabindex', '-1');
+        }
+        else {
+            await expect(this.locator).not.toHaveAttribute('disabled');
+        }
+    }
+    async clickTrack(position = {}) {
+        const box = await this.track.boundingBox();
+        if (!box) {
+            throw new Error('Track not found');
+        }
+        const x = position.x !== undefined ? box.x + position.x : box.x + box.width / 2;
+        const y = position.y !== undefined ? box.y + position.y : box.y + box.height / 2;
+        await this.track.click({ position: { x: x - box.x, y: y - box.y } });
+    }
+    async dragThumb(delta) {
+        await this.thumb.hover();
+        await this.locator.page().mouse.down();
+        const box = await this.thumb.boundingBox();
+        if (!box) {
+            throw new Error('Thumb not found');
+        }
+        await this.locator
+            .page()
+            .mouse.move(box.x + box.width / 2 + (delta.x || 0), box.y + box.height / 2 + (delta.y || 0));
+        await this.locator.page().mouse.up();
+    }
+    async pressKey(key) {
+        await this.locator.press(key);
+    }
+    async focus() {
+        await this.locator.focus();
+    }
+}

package/dist/components/snackbar.d.ts

@@ -0,0 +1,27 @@
+import { type Locator, type Page } from '@playwright/test';
+export declare class NgnSnackbarHarness {
+    readonly classes: import("@ngneers/controls-themes").ThemeClasses<import("@ngneers/controls-themes").ControlTemplate<"snackbar", ["root", "host", "body", "anim-enter", "anim-leave", "defaultHeader", "defaultHeaderText", "defaultContent", "actions", "progressBar", "closeButton", "sr-only", `color-${string}`], readonly []>>;
+    readonly locator: Locator;
+    readonly header: Locator;
+    readonly content: Locator;
+    readonly icon: Locator;
+    readonly closeButton: Locator;
+    constructor(locator: Locator);
+    expectVisible(): Promise<void>;
+    expectHidden(): Promise<void>;
+    expectHeader(text: string): Promise<void>;
+    expectContent(text: string): Promise<void>;
+    expectIcon(hasIcon: boolean): Promise<void>;
+    expectClosable(closable: boolean): Promise<void>;
+    close(): Promise<void>;
+}
+export declare class NgnSnackbarHostHarness {
+    readonly classes: import("@ngneers/controls-themes").ThemeClasses<import("@ngneers/controls-themes").ControlTemplate<"snackbar", ["root", "host", "body", "anim-enter", "anim-leave", "defaultHeader", "defaultHeaderText", "defaultContent", "actions", "progressBar", "closeButton", "sr-only", `color-${string}`], readonly []>>;
+    readonly locator: Locator;
+    constructor(page: Page);
+    getSnackbar(index?: number): NgnSnackbarHarness;
+    getAllSnackbars(): Locator;
+    expectSnackbarCount(count: number): Promise<void>;
+    expectVisible(): Promise<void>;
+}
+//# sourceMappingURL=snackbar.d.ts.map

package/dist/components/snackbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.d.ts","sourceRoot":"","sources":["../../src/components/snackbar.ts"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEnE,qBAAa,kBAAkB;IAC7B,SAAgB,OAAO,oTAAyC;IAEhE,SAAgB,OAAO,EAAE,OAAO,CAAC;IACjC,SAAgB,MAAM,EAAE,OAAO,CAAC;IAChC,SAAgB,OAAO,EAAE,OAAO,CAAC;IACjC,SAAgB,IAAI,EAAE,OAAO,CAAC;IAC9B,SAAgB,WAAW,EAAE,OAAO,CAAC;gBAEzB,OAAO,EAAE,OAAO;IAUf,aAAa;IAIb,YAAY;IAIZ,YAAY,CAAC,IAAI,EAAE,MAAM;IAIzB,aAAa,CAAC,IAAI,EAAE,MAAM;IAI1B,UAAU,CAAC,OAAO,EAAE,OAAO;IAQ3B,cAAc,CAAC,QAAQ,EAAE,OAAO;IAQhC,KAAK;CAGnB;AAED,qBAAa,sBAAsB;IACjC,SAAgB,OAAO,oTAAyC;IAChE,SAAgB,OAAO,EAAE,OAAO,CAAC;gBAErB,IAAI,EAAE,IAAI;IAIf,WAAW,CAAC,KAAK,GAAE,MAAU,GAAG,kBAAkB;IAIlD,eAAe,IAAI,OAAO;IAIpB,mBAAmB,CAAC,KAAK,EAAE,MAAM;IAIjC,aAAa;CAG3B"}

package/dist/components/snackbar.js

@@ -0,0 +1,70 @@
+import { snackbarControlTemplate } from '@ngneers/controls-themes/templates/snackbar';
+import { themeClasses } from '../utils/theme';
+import { expect } from '@playwright/test';
+export class NgnSnackbarHarness {
+    classes = themeClasses(snackbarControlTemplate);
+    locator;
+    header;
+    content;
+    icon;
+    closeButton;
+    constructor(locator) {
+        this.locator = locator;
+        this.header = locator.locator(this.classes.defaultHeader);
+        this.content = locator.locator(this.classes.defaultContent);
+        this.icon = this.header.locator('ngn-icon').first();
+        // The close button is a direct child of the snackbar root (sibling of the body), not inside
+        // the header. It is the only <button> in the snackbar, so match it directly.
+        this.closeButton = locator.locator('button');
+    }
+    async expectVisible() {
+        await expect(this.locator).toBeVisible();
+    }
+    async expectHidden() {
+        await expect(this.locator).not.toBeVisible();
+    }
+    async expectHeader(text) {
+        await expect(this.header).toContainText(text);
+    }
+    async expectContent(text) {
+        await expect(this.content).toContainText(text);
+    }
+    async expectIcon(hasIcon) {
+        if (hasIcon) {
+            await expect(this.icon).toBeVisible();
+        }
+        else {
+            await expect(this.icon).not.toBeVisible();
+        }
+    }
+    async expectClosable(closable) {
+        if (closable) {
+            await expect(this.closeButton).toBeVisible();
+        }
+        else {
+            await expect(this.closeButton).not.toBeVisible();
+        }
+    }
+    async close() {
+        await this.closeButton.click();
+    }
+}
+export class NgnSnackbarHostHarness {
+    classes = themeClasses(snackbarControlTemplate);
+    locator;
+    constructor(page) {
+        this.locator = page.locator('ngn-snackbar-host');
+    }
+    getSnackbar(index = 0) {
+        return new NgnSnackbarHarness(this.locator.locator('ngn-snackbar').nth(index));
+    }
+    getAllSnackbars() {
+        return this.locator.locator('ngn-snackbar');
+    }
+    async expectSnackbarCount(count) {
+        await expect(this.getAllSnackbars()).toHaveCount(count);
+    }
+    async expectVisible() {
+        await expect(this.locator).toBeVisible();
+    }
+}

package/dist/components/spinner.d.ts

@@ -0,0 +1,11 @@
+import { type Locator } from '@playwright/test';
+export declare class NgnSpinnerHarness {
+    readonly classes: import("@ngneers/controls-themes").ThemeClasses<import("@ngneers/controls-themes").ControlTemplate<"spinner", ["root", "circle", "svg", `color-${string}`, "centered"], readonly []>>;
+    readonly locator: Locator;
+    readonly svg: Locator;
+    readonly circle: Locator;
+    constructor(locator: Locator);
+    expectVisible(): Promise<void>;
+    expectRole(): Promise<void>;
+}
+//# sourceMappingURL=spinner.d.ts.map

package/dist/components/spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../src/components/spinner.ts"],"names":[],"mappings":"AAEA,OAAa,EAAU,KAAK,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE9D,qBAAa,iBAAiB;IAC5B,SAAgB,OAAO,wLAAwC;IAE/D,SAAgB,OAAO,EAAE,OAAO,CAAC;IACjC,SAAgB,GAAG,EAAE,OAAO,CAAC;IAC7B,SAAgB,MAAM,EAAE,OAAO,CAAC;gBAEpB,OAAO,EAAE,OAAO;IAMf,aAAa;IAMb,UAAU;CAGxB"}

package/dist/components/spinner.js

@@ -0,0 +1,22 @@
+import { spinnerControlTemplate } from '@ngneers/controls-themes/templates/spinner';
+import { themeClasses } from '../utils/theme';
+import test, { expect } from '@playwright/test';
+export class NgnSpinnerHarness {
+    classes = themeClasses(spinnerControlTemplate);
+    locator;
+    svg;
+    circle;
+    constructor(locator) {
+        this.locator = locator;
+        this.svg = locator.locator(this.classes.svg);
+        this.circle = locator.locator(this.classes.circle);
+    }
+    async expectVisible() {
+        await expect(this.locator).toBeVisible();
+        await expect(this.svg).toBeVisible();
+        await expect(this.circle).toBeVisible();
+    }
+    async expectRole() {
+        await expect(this.locator).toHaveAttribute('role', 'status');
+    }
+}

package/dist/components/state.d.ts

@@ -0,0 +1,31 @@
+import { type Locator } from '@playwright/test';
+import { NgnSpinnerHarness } from './spinner';
+export declare class NgnStateHarness {
+    readonly locator: Locator;
+    readonly classes: import("@ngneers/controls-themes").ThemeClasses<import("@ngneers/controls-themes").ControlTemplate<"state", ["root", "visible", "replace-content", "indicator", "sr-only", `kind-${string}`], readonly [{
+        readonly class: "icon";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"icon", ["root", "default"], readonly []>;
+    }, {
+        readonly class: "spinner";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"spinner", ["root", "circle", "svg", `color-${string}`, "centered"], readonly []>;
+    }, {
+        readonly class: "button";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly []>;
+        readonly projected: true;
+    }, {
+        readonly class: "input-field";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+            readonly class: "input";
+            readonly template: import("@ngneers/controls-themes").ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
+            readonly projected: true;
+        }]>;
+        readonly projected: true;
+    }]>>;
+    readonly indicator: Locator;
+    readonly icon: Locator;
+    readonly spinner: NgnSpinnerHarness;
+    constructor(locator: Locator);
+    expectLoading(): Promise<void>;
+    expectIcon(kind: string): Promise<void>;
+}
+//# sourceMappingURL=state.d.ts.map

package/dist/components/state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../src/components/state.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAE9C,qBAAa,eAAe;aAOE,OAAO,EAAE,OAAO;IAN5C,SAAgB,OAAO;;;;;;;;;;;;;;;;;;SAAsC;IAE7D,SAAgB,SAAS,EAAE,OAAO,CAAC;IACnC,SAAgB,IAAI,EAAE,OAAO,CAAC;IAC9B,SAAgB,OAAO,EAAE,iBAAiB,CAAC;gBAEf,OAAO,EAAE,OAAO;IAM/B,aAAa;IAMb,UAAU,CAAC,IAAI,EAAE,MAAM;CAQrC"}

package/dist/components/state.js

@@ -0,0 +1,31 @@
+import { stateControlTemplate } from '@ngneers/controls-themes/templates/state';
+import { expect } from '@playwright/test';
+import { themeClasses } from '../utils/theme';
+import { NgnSpinnerHarness } from './spinner';
+export class NgnStateHarness {
+    locator;
+    classes = themeClasses(stateControlTemplate);
+    indicator;
+    icon;
+    spinner;
+    constructor(locator) {
+        this.locator = locator;
+        this.indicator = locator.locator(this.classes.indicator);
+        this.icon = locator.locator('ngn-icon');
+        this.spinner = new NgnSpinnerHarness(locator.locator('ngn-spinner'));
+    }
+    async expectLoading() {
+        await expect(this.locator).toBeVisible();
+        await this.spinner.expectVisible();
+        await expect(this.icon).toHaveCount(0);
+    }
+    async expectIcon(kind) {
+        await expect(this.locator).toBeVisible();
+        await expect(this.locator).toHaveClass(new RegExp(`(^|\\s)ngn-state-kind-${escapeRegExp(kind)}(\\s|$)`));
+        await expect(this.icon).toBeVisible();
+        await expect(this.spinner.locator).toHaveCount(0);
+    }
+}
+function escapeRegExp(value) {
+    return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+}

package/dist/components/switch.d.ts

@@ -0,0 +1,12 @@
+import { type Locator } from '@playwright/test';
+export declare class NgnSwitchHarness {
+    readonly classes: import("@ngneers/controls-themes").ThemeClasses<import("@ngneers/controls-themes").ControlTemplate<"switch", ["root", "input", "track", "track-checked", "thumb", "invalid"], readonly []>>;
+    readonly locator: Locator;
+    readonly input: Locator;
+    constructor(locator: Locator);
+    toggle(force?: boolean): Promise<void>;
+    expectValue(value: boolean): Promise<void>;
+    expectDisabled(disabled: boolean): Promise<void>;
+    expectReadonly(readonly: boolean): Promise<void>;
+}
+//# sourceMappingURL=switch.d.ts.map

package/dist/components/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/components/switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAAU,MAAM,kBAAkB,CAAC;AAIxD,qBAAa,gBAAgB;IAC3B,SAAgB,OAAO,8LAAuC;IAE9D,SAAgB,OAAO,EAAE,OAAO,CAAC;IACjC,SAAgB,KAAK,EAAE,OAAO,CAAC;gBAEnB,OAAO,EAAE,OAAO;IAKf,MAAM,CAAC,KAAK,UAAQ;IAIpB,WAAW,CAAC,KAAK,EAAE,OAAO;IAQ1B,cAAc,CAAC,QAAQ,EAAE,OAAO;IAQhC,cAAc,CAAC,QAAQ,EAAE,OAAO;CAO9C"}

package/dist/components/switch.js

@@ -0,0 +1,39 @@
+import { expect } from '@playwright/test';
+import { themeClasses } from '../utils/theme';
+import { switchControlTemplate } from '@ngneers/controls-themes/templates/switch';
+export class NgnSwitchHarness {
+    classes = themeClasses(switchControlTemplate);
+    locator;
+    input;
+    constructor(locator) {
+        this.locator = locator;
+        this.input = locator.locator(this.classes.input);
+    }
+    async toggle(force = false) {
+        await this.input.click({ force });
+    }
+    async expectValue(value) {
+        if (value) {
+            await expect(this.input).toBeChecked();
+        }
+        else {
+            await expect(this.input).not.toBeChecked();
+        }
+    }
+    async expectDisabled(disabled) {
+        if (disabled) {
+            await expect(this.input).toBeDisabled();
+        }
+        else {
+            await expect(this.input).not.toBeDisabled();
+        }
+    }
+    async expectReadonly(readonly) {
+        if (readonly) {
+            await expect(this.input).toHaveAttribute('aria-readonly');
+        }
+        else {
+            await expect(this.input).not.toHaveAttribute('aria-readonly');
+        }
+    }
+}

package/dist/components/tabs.d.ts

@@ -0,0 +1,22 @@
+import { type Locator } from '@playwright/test';
+export declare class NgnTabsHarness {
+    locator: Locator;
+    readonly classes: import("@ngneers/controls-themes").ThemeClasses<import("@ngneers/controls-themes").ControlTemplate<"tabs", ["root", "headers-container", "headers", "header", "header-active", "header-active-indicator", "scroll-left", "scroll-right", "content"], readonly []>>;
+    readonly headers: Locator;
+    readonly contents: Locator;
+    constructor(locator: Locator);
+    getTabByIndex(index: number): NgnTabHarness;
+    expectTabCount(count: number): Promise<void>;
+}
+export declare class NgnTabHarness {
+    tabs: NgnTabsHarness;
+    index: number;
+    readonly classes: import("@ngneers/controls-themes").ThemeClasses<import("@ngneers/controls-themes").ControlTemplate<"tabs", ["root", "headers-container", "headers", "header", "header-active", "header-active-indicator", "scroll-left", "scroll-right", "content"], readonly []>>;
+    readonly header: Locator;
+    readonly content: Locator;
+    constructor(tabs: NgnTabsHarness, index: number);
+    expectHeaderText(expected: string): Promise<void>;
+    expectActive(active?: boolean): Promise<void>;
+    select(): Promise<void>;
+}
+//# sourceMappingURL=tabs.d.ts.map

package/dist/components/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/components/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAAU,MAAM,kBAAkB,CAAC;AAIxD,qBAAa,cAAc;IAMN,OAAO,EAAE,OAAO;IALnC,SAAgB,OAAO,qQAAqC;IAE5D,SAAgB,OAAO,EAAE,OAAO,CAAC;IACjC,SAAgB,QAAQ,EAAE,OAAO,CAAC;gBAEf,OAAO,EAAE,OAAO;IAK5B,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,aAAa;IAI3C,cAAc,CAAC,KAAK,EAAE,MAAM;CAGpC;AAED,qBAAa,aAAa;IAOf,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE,MAAM;IAPtB,SAAgB,OAAO,qQAAqC;IAE5D,SAAgB,MAAM,EAAE,OAAO,CAAC;IAChC,SAAgB,OAAO,EAAE,OAAO,CAAC;gBAGxB,IAAI,EAAE,cAAc,EACpB,KAAK,EAAE,MAAM;IAMf,gBAAgB,CAAC,QAAQ,EAAE,MAAM;IAIjC,YAAY,CAAC,MAAM,UAAO;IAIpB,MAAM;CAGpB"}

package/dist/components/tabs.js

@@ -0,0 +1,42 @@
+import { expect } from '@playwright/test';
+import { themeClasses } from '../utils/theme';
+import { tabsControlTemplate } from '@ngneers/controls-themes/templates/tabs';
+export class NgnTabsHarness {
+    locator;
+    classes = themeClasses(tabsControlTemplate);
+    headers;
+    contents;
+    constructor(locator) {
+        this.locator = locator;
+        this.headers = this.locator.locator(this.classes['header']);
+        this.contents = this.locator.locator(this.classes['content']);
+    }
+    getTabByIndex(index) {
+        return new NgnTabHarness(this, index);
+    }
+    expectTabCount(count) {
+        return expect(this.headers).toHaveCount(count);
+    }
+}
+export class NgnTabHarness {
+    tabs;
+    index;
+    classes = themeClasses(tabsControlTemplate);
+    header;
+    content;
+    constructor(tabs, index) {
+        this.tabs = tabs;
+        this.index = index;
+        this.header = this.tabs.headers.nth(index);
+        this.content = this.tabs.contents.nth(index);
+    }
+    expectHeaderText(expected) {
+        return expect(this.header).toHaveText(expected);
+    }
+    expectActive(active = true) {
+        return expect(this.header).toHaveAttribute('aria-selected', String(active));
+    }
+    async select() {
+        await this.header.click();
+    }
+}

package/dist/components/tag.d.ts

@@ -0,0 +1,10 @@
+import { type Locator } from '@playwright/test';
+export declare class NgnTagHarness {
+    readonly classes: import("@ngneers/controls-themes").ThemeClasses<import("@ngneers/controls-themes").ControlTemplate<"tag", ["root", "content", "icon", `kind-${string}`, `color-${string}`], readonly []>>;
+    readonly locator: Locator;
+    readonly content: Locator;
+    readonly icon: Locator;
+    constructor(locator: Locator);
+    expectIcon(hasIcon: boolean): Promise<void>;
+}
+//# sourceMappingURL=tag.d.ts.map

package/dist/components/tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../src/components/tag.ts"],"names":[],"mappings":"AAEA,OAAa,EAAU,KAAK,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE9D,qBAAa,aAAa;IACxB,SAAgB,OAAO,4LAAoC;IAE3D,SAAgB,OAAO,EAAE,OAAO,CAAC;IACjC,SAAgB,OAAO,EAAE,OAAO,CAAC;IACjC,SAAgB,IAAI,EAAE,OAAO,CAAC;gBAElB,OAAO,EAAE,OAAO;IAMf,UAAU,CAAC,OAAO,EAAE,OAAO;CAOzC"}

package/dist/components/tag.js

@@ -0,0 +1,22 @@
+import { tagControlTemplate } from '@ngneers/controls-themes/templates/tag';
+import { themeClasses } from '../utils/theme';
+import test, { expect } from '@playwright/test';
+export class NgnTagHarness {
+    classes = themeClasses(tagControlTemplate);
+    locator;
+    content;
+    icon;
+    constructor(locator) {
+        this.locator = locator;
+        this.content = locator.locator(this.classes.content);
+        this.icon = locator.locator(this.classes.icon);
+    }
+    async expectIcon(hasIcon) {
+        if (hasIcon) {
+            await expect(this.icon).toBeVisible();
+        }
+        else {
+            await expect(this.icon).not.toBeVisible();
+        }
+    }
+}

package/dist/components/toast.d.ts

@@ -0,0 +1,27 @@
+import { type Locator, type Page } from '@playwright/test';
+export declare class NgnToastHarness {
+    readonly classes: import("@ngneers/controls-themes").ThemeClasses<import("@ngneers/controls-themes").ControlTemplate<"toast", ["root", "host", "anim-enter", "anim-leave", "defaultHeader", "defaultHeaderText", "defaultContent", `color-${string}`], readonly []>>;
+    readonly locator: Locator;
+    readonly header: Locator;
+    readonly content: Locator;
+    readonly icon: Locator;
+    readonly closeButton: Locator;
+    constructor(locator: Locator);
+    expectVisible(): Promise<void>;
+    expectHidden(): Promise<void>;
+    expectHeader(text: string): Promise<void>;
+    expectContent(text: string): Promise<void>;
+    expectIcon(hasIcon: boolean): Promise<void>;
+    expectClosable(closable: boolean): Promise<void>;
+    close(): Promise<void>;
+}
+export declare class NgnToastHostHarness {
+    readonly classes: import("@ngneers/controls-themes").ThemeClasses<import("@ngneers/controls-themes").ControlTemplate<"toast", ["root", "host", "anim-enter", "anim-leave", "defaultHeader", "defaultHeaderText", "defaultContent", `color-${string}`], readonly []>>;
+    readonly locator: Locator;
+    constructor(page: Page);
+    getToast(index?: number): NgnToastHarness;
+    getAllToasts(): Locator;
+    expectToastCount(count: number): Promise<void>;
+    expectVisible(): Promise<void>;
+}
+//# sourceMappingURL=toast.d.ts.map

package/dist/components/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/components/toast.ts"],"names":[],"mappings":"AAEA,OAAa,EAAU,KAAK,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEzE,qBAAa,eAAe;IAC1B,SAAgB,OAAO,qPAAsC;IAE7D,SAAgB,OAAO,EAAE,OAAO,CAAC;IACjC,SAAgB,MAAM,EAAE,OAAO,CAAC;IAChC,SAAgB,OAAO,EAAE,OAAO,CAAC;IACjC,SAAgB,IAAI,EAAE,OAAO,CAAC;IAC9B,SAAgB,WAAW,EAAE,OAAO,CAAC;gBAEzB,OAAO,EAAE,OAAO;IAQf,aAAa;IAIb,YAAY;IAIZ,YAAY,CAAC,IAAI,EAAE,MAAM;IAIzB,aAAa,CAAC,IAAI,EAAE,MAAM;IAI1B,UAAU,CAAC,OAAO,EAAE,OAAO;IAQ3B,cAAc,CAAC,QAAQ,EAAE,OAAO;IAQhC,KAAK;CAGnB;AAED,qBAAa,mBAAmB;IAC9B,SAAgB,OAAO,qPAAsC;IAC7D,SAAgB,OAAO,EAAE,OAAO,CAAC;gBAErB,IAAI,EAAE,IAAI;IAIf,QAAQ,CAAC,KAAK,GAAE,MAAU,GAAG,eAAe;IAI5C,YAAY,IAAI,OAAO;IAIjB,gBAAgB,CAAC,KAAK,EAAE,MAAM;IAI9B,aAAa;CAG3B"}