ngx-com 0.1.16 → 0.1.18

package/fesm2022/ngx-com-components-tabs-testing.mjs

@@ -0,0 +1,126 @@
+import { ComponentHarness, HarnessPredicate, parallel } from '@angular/cdk/testing';
+
+/**
+ * Harness for interacting with an individual tab button in tests.
+ */
+class ComTabHarness extends ComponentHarness {
+    static hostSelector = 'button[role="tab"]';
+    closeButton = this.locatorForOptional('span[aria-hidden="true"]');
+    /**
+     * Gets a HarnessPredicate for matching tab buttons.
+     * @param options Filter options.
+     */
+    static with(options = {}) {
+        return new HarnessPredicate(ComTabHarness, options)
+            .addOption('label', options.label, async (harness, label) => {
+            const text = await harness.getLabel();
+            return HarnessPredicate.stringMatches(text, label);
+        })
+            .addOption('selected', options.selected, async (harness, selected) => {
+            return (await harness.isSelected()) === selected;
+        })
+            .addOption('disabled', options.disabled, async (harness, disabled) => {
+            return (await harness.isDisabled()) === disabled;
+        });
+    }
+    /** Gets the tab's label text. */
+    async getLabel() {
+        const host = await this.host();
+        return host.text();
+    }
+    /** Whether the tab is currently selected. */
+    async isSelected() {
+        const host = await this.host();
+        return (await host.getAttribute('aria-selected')) === 'true';
+    }
+    /** Whether the tab is disabled. */
+    async isDisabled() {
+        const host = await this.host();
+        return host.getProperty('disabled');
+    }
+    /** Clicks the tab to select it. */
+    async select() {
+        const host = await this.host();
+        return host.click();
+    }
+    /** Gets the aria-controls attribute linking to the panel. */
+    async getAriaControls() {
+        const host = await this.host();
+        return host.getAttribute('aria-controls');
+    }
+    /** Whether the tab is closable. */
+    async isClosable() {
+        const closeBtn = await this.closeButton();
+        return closeBtn !== null;
+    }
+    /** Clicks the close button on the tab. Throws if not closable. */
+    async close() {
+        const closeBtn = await this.closeButton();
+        if (!closeBtn) {
+            throw new Error('Tab is not closable');
+        }
+        return closeBtn.click();
+    }
+    /** Focuses the tab button. */
+    async focus() {
+        const host = await this.host();
+        return host.focus();
+    }
+    /** Blurs the tab button. */
+    async blur() {
+        const host = await this.host();
+        return host.blur();
+    }
+    /** Whether the tab button is focused. */
+    async isFocused() {
+        const host = await this.host();
+        return host.isFocused();
+    }
+}
+/**
+ * Harness for interacting with a ComTabGroup in tests.
+ */
+class ComTabGroupHarness extends ComponentHarness {
+    static hostSelector = 'com-tab-group';
+    /**
+     * Gets a HarnessPredicate for matching tab groups.
+     * @param options Filter options.
+     */
+    static with(options = {}) {
+        return new HarnessPredicate(ComTabGroupHarness, options);
+    }
+    /** Gets all tab buttons, optionally filtered. */
+    async getTabs(filters = {}) {
+        return this.locatorForAll(ComTabHarness.with(filters))();
+    }
+    /** Gets the currently selected tab. Throws if none is selected. */
+    async getSelectedTab() {
+        const tabs = await this.getTabs({ selected: true });
+        if (tabs.length === 0) {
+            throw new Error('No selected tab found');
+        }
+        return tabs[0];
+    }
+    /** Selects a tab matching the given filter. */
+    async selectTab(filter) {
+        const tabs = await this.getTabs(filter);
+        if (tabs.length === 0) {
+            throw new Error(`Could not find tab matching filter: ${JSON.stringify(filter)}`);
+        }
+        return tabs[0].select();
+    }
+    /** Gets all tab label texts. */
+    async getTabLabels() {
+        const tabs = await this.getTabs();
+        return parallel(() => tabs.map((t) => t.getLabel()));
+    }
+}
+
+// Testing utilities for the tabs component
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ComTabGroupHarness, ComTabHarness };
+//# sourceMappingURL=ngx-com-components-tabs-testing.mjs.map

package/fesm2022/ngx-com-components-tabs-testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-com-components-tabs-testing.mjs","sources":["../../../projects/com/components/tabs/testing/tabs.harness.ts","../../../projects/com/components/tabs/testing/index.ts","../../../projects/com/components/tabs/testing/ngx-com-components-tabs-testing.ts"],"sourcesContent":["import {\n  ComponentHarness,\n  HarnessPredicate,\n  parallel,\n} from '@angular/cdk/testing';\nimport type { BaseHarnessFilters } from '@angular/cdk/testing';\n\n/** Harness filters for ComTabHarness. */\nexport interface ComTabHarnessFilters extends BaseHarnessFilters {\n  /** Filter by the tab's label text. */\n  label?: string | RegExp;\n  /** Filter by whether the tab is selected. */\n  selected?: boolean;\n  /** Filter by whether the tab is disabled. */\n  disabled?: boolean;\n}\n\n/** Harness filters for ComTabGroupHarness. */\nexport type ComTabGroupHarnessFilters = BaseHarnessFilters;\n\n/**\n * Harness for interacting with an individual tab button in tests.\n */\nexport class ComTabHarness extends ComponentHarness {\n  static hostSelector = 'button[role=\"tab\"]';\n\n  private readonly closeButton = this.locatorForOptional('span[aria-hidden=\"true\"]');\n\n  /**\n   * Gets a HarnessPredicate for matching tab buttons.\n   * @param options Filter options.\n   */\n  static with(options: ComTabHarnessFilters = {}): HarnessPredicate<ComTabHarness> {\n    return new HarnessPredicate(ComTabHarness, options)\n      .addOption('label', options.label, async (harness, label) => {\n        const text = await harness.getLabel();\n        return HarnessPredicate.stringMatches(text, label);\n      })\n      .addOption('selected', options.selected, async (harness, selected) => {\n        return (await harness.isSelected()) === selected;\n      })\n      .addOption('disabled', options.disabled, async (harness, disabled) => {\n        return (await harness.isDisabled()) === disabled;\n      });\n  }\n\n  /** Gets the tab's label text. */\n  async getLabel(): Promise<string> {\n    const host = await this.host();\n    return host.text();\n  }\n\n  /** Whether the tab is currently selected. */\n  async isSelected(): Promise<boolean> {\n    const host = await this.host();\n    return (await host.getAttribute('aria-selected')) === 'true';\n  }\n\n  /** Whether the tab is disabled. */\n  async isDisabled(): Promise<boolean> {\n    const host = await this.host();\n    return host.getProperty<boolean>('disabled');\n  }\n\n  /** Clicks the tab to select it. */\n  async select(): Promise<void> {\n    const host = await this.host();\n    return host.click();\n  }\n\n  /** Gets the aria-controls attribute linking to the panel. */\n  async getAriaControls(): Promise<string | null> {\n    const host = await this.host();\n    return host.getAttribute('aria-controls');\n  }\n\n  /** Whether the tab is closable. */\n  async isClosable(): Promise<boolean> {\n    const closeBtn = await this.closeButton();\n    return closeBtn !== null;\n  }\n\n  /** Clicks the close button on the tab. Throws if not closable. */\n  async close(): Promise<void> {\n    const closeBtn = await this.closeButton();\n    if (!closeBtn) {\n      throw new Error('Tab is not closable');\n    }\n    return closeBtn.click();\n  }\n\n  /** Focuses the tab button. */\n  async focus(): Promise<void> {\n    const host = await this.host();\n    return host.focus();\n  }\n\n  /** Blurs the tab button. */\n  async blur(): Promise<void> {\n    const host = await this.host();\n    return host.blur();\n  }\n\n  /** Whether the tab button is focused. */\n  async isFocused(): Promise<boolean> {\n    const host = await this.host();\n    return host.isFocused();\n  }\n}\n\n/**\n * Harness for interacting with a ComTabGroup in tests.\n */\nexport class ComTabGroupHarness extends ComponentHarness {\n  static hostSelector = 'com-tab-group';\n\n  /**\n   * Gets a HarnessPredicate for matching tab groups.\n   * @param options Filter options.\n   */\n  static with(options: ComTabGroupHarnessFilters = {}): HarnessPredicate<ComTabGroupHarness> {\n    return new HarnessPredicate(ComTabGroupHarness, options);\n  }\n\n  /** Gets all tab buttons, optionally filtered. */\n  async getTabs(filters: ComTabHarnessFilters = {}): Promise<ComTabHarness[]> {\n    return this.locatorForAll(ComTabHarness.with(filters))();\n  }\n\n  /** Gets the currently selected tab. Throws if none is selected. */\n  async getSelectedTab(): Promise<ComTabHarness> {\n    const tabs = await this.getTabs({ selected: true });\n    if (tabs.length === 0) {\n      throw new Error('No selected tab found');\n    }\n    return tabs[0]!;\n  }\n\n  /** Selects a tab matching the given filter. */\n  async selectTab(filter: ComTabHarnessFilters): Promise<void> {\n    const tabs = await this.getTabs(filter);\n    if (tabs.length === 0) {\n      throw new Error(`Could not find tab matching filter: ${JSON.stringify(filter)}`);\n    }\n    return tabs[0]!.select();\n  }\n\n  /** Gets all tab label texts. */\n  async getTabLabels(): Promise<string[]> {\n    const tabs = await this.getTabs();\n    return parallel(() => tabs.map((t) => t.getLabel()));\n  }\n}\n","// Testing utilities for the tabs component\n\nexport {\n  ComTabHarness,\n  ComTabGroupHarness,\n} from './tabs.harness';\n\nexport type {\n  ComTabHarnessFilters,\n  ComTabGroupHarnessFilters,\n} from './tabs.harness';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-com-components-timepicker-testing.mjs

@@ -0,0 +1,117 @@
+import { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+
+/**
+ * Harness for interacting with a ComTimePicker in tests.
+ */
+class ComTimePickerHarness extends ComponentHarness {
+    static hostSelector = 'com-time-picker';
+    hourInput = this.locatorFor('input[aria-label="Hours"]');
+    minuteInput = this.locatorFor('input[aria-label="Minutes"]');
+    secondInput = this.locatorForOptional('input[aria-label="Seconds"]');
+    periodToggle = this.locatorForOptional('button');
+    /**
+     * Gets a HarnessPredicate for matching time pickers.
+     * @param options Filter options.
+     */
+    static with(options = {}) {
+        return new HarnessPredicate(ComTimePickerHarness, options)
+            .addOption('disabled', options.disabled, async (harness, disabled) => {
+            return (await harness.isDisabled()) === disabled;
+        });
+    }
+    /** Gets the current hours value from the hours spinbutton. */
+    async getHours() {
+        const el = await this.hourInput();
+        const value = await el.getAttribute('aria-valuenow');
+        return Number(value);
+    }
+    /** Gets the current minutes value from the minutes spinbutton. */
+    async getMinutes() {
+        const el = await this.minuteInput();
+        const value = await el.getAttribute('aria-valuenow');
+        return Number(value);
+    }
+    /** Gets the current seconds value, or null if seconds field is not shown. */
+    async getSeconds() {
+        const el = await this.secondInput();
+        if (!el)
+            return null;
+        const value = await el.getAttribute('aria-valuenow');
+        return value !== null ? Number(value) : null;
+    }
+    /** Gets the current period (AM/PM), or null if not in 12-hour format. */
+    async getPeriod() {
+        const el = await this.periodToggle();
+        if (!el)
+            return null;
+        const text = (await el.text()).trim();
+        return text;
+    }
+    /** Sets the hours value by clearing and typing into the hours input. */
+    async setHours(value) {
+        const el = await this.hourInput();
+        await el.clear();
+        await el.sendKeys(String(value));
+    }
+    /** Sets the minutes value by clearing and typing into the minutes input. */
+    async setMinutes(value) {
+        const el = await this.minuteInput();
+        await el.clear();
+        await el.sendKeys(String(value));
+    }
+    /** Sets the seconds value. Throws if the seconds field is not shown. */
+    async setSeconds(value) {
+        const el = await this.secondInput();
+        if (!el) {
+            throw Error('Cannot set seconds — the time picker does not have a seconds field. Set [showSeconds]="true" first.');
+        }
+        await el.clear();
+        await el.sendKeys(String(value));
+    }
+    /** Toggles the AM/PM period. Throws if not in 12-hour format. */
+    async togglePeriod() {
+        const el = await this.periodToggle();
+        if (!el) {
+            throw Error('Cannot toggle period — the time picker is not in 12-hour format. Set [use12HourFormat]="true" first.');
+        }
+        await el.click();
+    }
+    /** Whether the time picker is disabled. */
+    async isDisabled() {
+        const el = await this.hourInput();
+        return el.getProperty('disabled');
+    }
+    /** Whether the seconds field is visible. */
+    async hasSeconds() {
+        const el = await this.secondInput();
+        return el !== null;
+    }
+    /** Whether the time picker is in 12-hour format (has a period toggle). */
+    async has12HourFormat() {
+        const el = await this.periodToggle();
+        return el !== null;
+    }
+    /** Focuses the hours input element. */
+    async focus() {
+        const el = await this.hourInput();
+        return el.focus();
+    }
+    /** Blurs the hours input element. */
+    async blur() {
+        const el = await this.hourInput();
+        return el.blur();
+    }
+    /** Whether the time picker host element is focused. */
+    async isFocused() {
+        return (await this.host()).isFocused();
+    }
+}
+
+// Testing utilities for the timepicker component
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ComTimePickerHarness };
+//# sourceMappingURL=ngx-com-components-timepicker-testing.mjs.map

package/fesm2022/ngx-com-components-timepicker-testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-com-components-timepicker-testing.mjs","sources":["../../../projects/com/components/timepicker/testing/timepicker.harness.ts","../../../projects/com/components/timepicker/testing/index.ts","../../../projects/com/components/timepicker/testing/ngx-com-components-timepicker-testing.ts"],"sourcesContent":["import {\n  ComponentHarness,\n  HarnessPredicate,\n} from '@angular/cdk/testing';\nimport type { BaseHarnessFilters } from '@angular/cdk/testing';\n\n/** Harness filters for ComTimePickerHarness. */\nexport interface ComTimePickerHarnessFilters extends BaseHarnessFilters {\n  /** Filter by whether the time picker is disabled. */\n  disabled?: boolean;\n}\n\n/**\n * Harness for interacting with a ComTimePicker in tests.\n */\nexport class ComTimePickerHarness extends ComponentHarness {\n  static hostSelector = 'com-time-picker';\n\n  private readonly hourInput = this.locatorFor('input[aria-label=\"Hours\"]');\n  private readonly minuteInput = this.locatorFor('input[aria-label=\"Minutes\"]');\n  private readonly secondInput = this.locatorForOptional('input[aria-label=\"Seconds\"]');\n  private readonly periodToggle = this.locatorForOptional('button');\n\n  /**\n   * Gets a HarnessPredicate for matching time pickers.\n   * @param options Filter options.\n   */\n  static with(options: ComTimePickerHarnessFilters = {}): HarnessPredicate<ComTimePickerHarness> {\n    return new HarnessPredicate(ComTimePickerHarness, options)\n      .addOption('disabled', options.disabled, async (harness, disabled) => {\n        return (await harness.isDisabled()) === disabled;\n      });\n  }\n\n  /** Gets the current hours value from the hours spinbutton. */\n  async getHours(): Promise<number> {\n    const el = await this.hourInput();\n    const value = await el.getAttribute('aria-valuenow');\n    return Number(value);\n  }\n\n  /** Gets the current minutes value from the minutes spinbutton. */\n  async getMinutes(): Promise<number> {\n    const el = await this.minuteInput();\n    const value = await el.getAttribute('aria-valuenow');\n    return Number(value);\n  }\n\n  /** Gets the current seconds value, or null if seconds field is not shown. */\n  async getSeconds(): Promise<number | null> {\n    const el = await this.secondInput();\n    if (!el) return null;\n    const value = await el.getAttribute('aria-valuenow');\n    return value !== null ? Number(value) : null;\n  }\n\n  /** Gets the current period (AM/PM), or null if not in 12-hour format. */\n  async getPeriod(): Promise<'AM' | 'PM' | null> {\n    const el = await this.periodToggle();\n    if (!el) return null;\n    const text = (await el.text()).trim();\n    return text as 'AM' | 'PM';\n  }\n\n  /** Sets the hours value by clearing and typing into the hours input. */\n  async setHours(value: number): Promise<void> {\n    const el = await this.hourInput();\n    await el.clear();\n    await el.sendKeys(String(value));\n  }\n\n  /** Sets the minutes value by clearing and typing into the minutes input. */\n  async setMinutes(value: number): Promise<void> {\n    const el = await this.minuteInput();\n    await el.clear();\n    await el.sendKeys(String(value));\n  }\n\n  /** Sets the seconds value. Throws if the seconds field is not shown. */\n  async setSeconds(value: number): Promise<void> {\n    const el = await this.secondInput();\n    if (!el) {\n      throw Error('Cannot set seconds — the time picker does not have a seconds field. Set [showSeconds]=\"true\" first.');\n    }\n    await el.clear();\n    await el.sendKeys(String(value));\n  }\n\n  /** Toggles the AM/PM period. Throws if not in 12-hour format. */\n  async togglePeriod(): Promise<void> {\n    const el = await this.periodToggle();\n    if (!el) {\n      throw Error('Cannot toggle period — the time picker is not in 12-hour format. Set [use12HourFormat]=\"true\" first.');\n    }\n    await el.click();\n  }\n\n  /** Whether the time picker is disabled. */\n  async isDisabled(): Promise<boolean> {\n    const el = await this.hourInput();\n    return el.getProperty<boolean>('disabled');\n  }\n\n  /** Whether the seconds field is visible. */\n  async hasSeconds(): Promise<boolean> {\n    const el = await this.secondInput();\n    return el !== null;\n  }\n\n  /** Whether the time picker is in 12-hour format (has a period toggle). */\n  async has12HourFormat(): Promise<boolean> {\n    const el = await this.periodToggle();\n    return el !== null;\n  }\n\n  /** Focuses the hours input element. */\n  async focus(): Promise<void> {\n    const el = await this.hourInput();\n    return el.focus();\n  }\n\n  /** Blurs the hours input element. */\n  async blur(): Promise<void> {\n    const el = await this.hourInput();\n    return el.blur();\n  }\n\n  /** Whether the time picker host element is focused. */\n  async isFocused(): Promise<boolean> {\n    return (await this.host()).isFocused();\n  }\n}\n","// Testing utilities for the timepicker component\n\nexport { ComTimePickerHarness } from './timepicker.harness';\n\nexport type { ComTimePickerHarnessFilters } from './timepicker.harness';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-com-components-toast-testing.mjs

@@ -0,0 +1,172 @@
+import { ComponentHarness, HarnessPredicate, parallel } from '@angular/cdk/testing';
+
+/**
+ * Harness for interacting with an individual toast notification in tests.
+ *
+ * Because toasts are rendered inside a CDK overlay, use
+ * `TestbedHarnessEnvironment.documentRootLoader(fixture)` or
+ * `documentRootLocatorFactory()` to locate them.
+ */
+class ComToastHarness extends ComponentHarness {
+    static hostSelector = 'com-toast';
+    innerDiv = this.locatorFor('div[role]');
+    titleEl = this.locatorForOptional('[data-part="title"]');
+    messageEl = this.locatorForOptional('[data-part="message"]');
+    closeButton = this.locatorForOptional('button[aria-label="Dismiss notification"]');
+    actionButton = this.locatorForOptional('.flex-1 button');
+    /**
+     * Gets a HarnessPredicate for matching toasts.
+     * @param options Filter options.
+     */
+    static with(options = {}) {
+        return new HarnessPredicate(ComToastHarness, options)
+            .addOption('message', options.message, async (harness, message) => {
+            const text = await harness.getMessageText();
+            return HarnessPredicate.stringMatches(text, message);
+        })
+            .addOption('title', options.title, async (harness, title) => {
+            const text = await harness.getTitleText();
+            return HarnessPredicate.stringMatches(text, title);
+        });
+    }
+    /** Gets the ARIA role of the toast (`"alert"` or `"status"`). */
+    async getRole() {
+        const div = await this.innerDiv();
+        return div.getAttribute('role');
+    }
+    /** Gets the `aria-live` value of the toast (`"assertive"` or `"polite"`). */
+    async getAriaLive() {
+        const div = await this.innerDiv();
+        return div.getAttribute('aria-live');
+    }
+    /** Gets the `data-state` attribute (`"open"` or `"closed"`). */
+    async getState() {
+        const div = await this.innerDiv();
+        return div.getAttribute('data-state');
+    }
+    /**
+     * Gets the toast's title text, or `null` if no title is present.
+     */
+    async getTitleText() {
+        const el = await this.titleEl();
+        if (!el) {
+            return null;
+        }
+        return el.text();
+    }
+    /** Gets the toast's message text. */
+    async getMessageText() {
+        const el = await this.messageEl();
+        if (!el) {
+            const host = await this.host();
+            return host.text();
+        }
+        return el.text();
+    }
+    /** Whether the toast has an action button. */
+    async hasAction() {
+        const btn = await this.actionButton();
+        return btn !== null;
+    }
+    /** Gets the action button's text, or `null` if no action exists. */
+    async getActionText() {
+        const btn = await this.actionButton();
+        if (!btn) {
+            return null;
+        }
+        return btn.text();
+    }
+    /**
+     * Clicks the action button.
+     * @throws If no action button is present.
+     */
+    async clickAction() {
+        const btn = await this.actionButton();
+        if (!btn) {
+            throw new Error('Cannot click action: toast does not have an action button.');
+        }
+        return btn.click();
+    }
+    /** Whether the toast has a close (dismiss) button. */
+    async isDismissible() {
+        const btn = await this.closeButton();
+        return btn !== null;
+    }
+    /**
+     * Clicks the close button to dismiss the toast.
+     * @throws If no close button is present.
+     */
+    async dismiss() {
+        const btn = await this.closeButton();
+        if (!btn) {
+            throw new Error('Cannot dismiss: toast does not have a close button. '
+                + 'Check that showClose is enabled.');
+        }
+        return btn.click();
+    }
+    /** Whether the toast is disabled. */
+    async isDisabled() {
+        const host = await this.host();
+        return (await host.getAttribute('aria-disabled')) === 'true';
+    }
+    /** Whether the toast host is focused. */
+    async isFocused() {
+        const host = await this.host();
+        return host.isFocused();
+    }
+    /** Focuses the toast host element. */
+    async focus() {
+        const host = await this.host();
+        return host.focus();
+    }
+    /** Blurs the toast host element. */
+    async blur() {
+        const host = await this.host();
+        return host.blur();
+    }
+}
+/**
+ * Harness for interacting with the toast container in tests.
+ *
+ * The container is rendered in a CDK overlay. Use
+ * `TestbedHarnessEnvironment.documentRootLoader(fixture)` to locate it.
+ */
+class ComToastContainerHarness extends ComponentHarness {
+    static hostSelector = 'com-toast-container';
+    regionDiv = this.locatorFor('[role="region"]');
+    /**
+     * Gets a HarnessPredicate for matching toast containers.
+     * @param options Filter options.
+     */
+    static with(options = {}) {
+        return new HarnessPredicate(ComToastContainerHarness, options);
+    }
+    /** Gets the container's `aria-label` attribute. */
+    async getAriaLabel() {
+        const region = await this.regionDiv();
+        return region.getAttribute('aria-label');
+    }
+    /** Gets all toast harnesses inside the container, optionally filtered. */
+    async getToasts(filters = {}) {
+        return this.locatorForAll(ComToastHarness.with(filters))();
+    }
+    /** Gets the number of toasts currently in the container. */
+    async getToastCount() {
+        const toasts = await this.getToasts();
+        return toasts.length;
+    }
+    /** Gets the message text of all toasts. */
+    async getToastMessages() {
+        const toasts = await this.getToasts();
+        return parallel(() => toasts.map((t) => t.getMessageText()));
+    }
+}
+
+// Testing utilities for the toast component
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ComToastContainerHarness, ComToastHarness };
+//# sourceMappingURL=ngx-com-components-toast-testing.mjs.map

package/fesm2022/ngx-com-components-toast-testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-com-components-toast-testing.mjs","sources":["../../../projects/com/components/toast/testing/toast.harness.ts","../../../projects/com/components/toast/testing/index.ts","../../../projects/com/components/toast/testing/ngx-com-components-toast-testing.ts"],"sourcesContent":["import {\n  ComponentHarness,\n  HarnessPredicate,\n  parallel,\n} from '@angular/cdk/testing';\nimport type { BaseHarnessFilters } from '@angular/cdk/testing';\n\n/** Harness filters for ComToastHarness. */\nexport interface ComToastHarnessFilters extends BaseHarnessFilters {\n  /** Filter by the toast's message text. */\n  message?: string | RegExp;\n  /** Filter by the toast's title text. */\n  title?: string | RegExp;\n}\n\n/** Harness filters for ComToastContainerHarness. */\nexport type ComToastContainerHarnessFilters = BaseHarnessFilters;\n\n/**\n * Harness for interacting with an individual toast notification in tests.\n *\n * Because toasts are rendered inside a CDK overlay, use\n * `TestbedHarnessEnvironment.documentRootLoader(fixture)` or\n * `documentRootLocatorFactory()` to locate them.\n */\nexport class ComToastHarness extends ComponentHarness {\n  static hostSelector = 'com-toast';\n\n  private readonly innerDiv = this.locatorFor('div[role]');\n  private readonly titleEl = this.locatorForOptional('[data-part=\"title\"]');\n  private readonly messageEl = this.locatorForOptional(\n    '[data-part=\"message\"]',\n  );\n  private readonly closeButton = this.locatorForOptional(\n    'button[aria-label=\"Dismiss notification\"]',\n  );\n  private readonly actionButton = this.locatorForOptional('.flex-1 button');\n\n  /**\n   * Gets a HarnessPredicate for matching toasts.\n   * @param options Filter options.\n   */\n  static with(\n    options: ComToastHarnessFilters = {},\n  ): HarnessPredicate<ComToastHarness> {\n    return new HarnessPredicate(ComToastHarness, options)\n      .addOption('message', options.message, async (harness, message) => {\n        const text = await harness.getMessageText();\n        return HarnessPredicate.stringMatches(text, message);\n      })\n      .addOption('title', options.title, async (harness, title) => {\n        const text = await harness.getTitleText();\n        return HarnessPredicate.stringMatches(text, title);\n      });\n  }\n\n  /** Gets the ARIA role of the toast (`\"alert\"` or `\"status\"`). */\n  async getRole(): Promise<string | null> {\n    const div = await this.innerDiv();\n    return div.getAttribute('role');\n  }\n\n  /** Gets the `aria-live` value of the toast (`\"assertive\"` or `\"polite\"`). */\n  async getAriaLive(): Promise<string | null> {\n    const div = await this.innerDiv();\n    return div.getAttribute('aria-live');\n  }\n\n  /** Gets the `data-state` attribute (`\"open\"` or `\"closed\"`). */\n  async getState(): Promise<string | null> {\n    const div = await this.innerDiv();\n    return div.getAttribute('data-state');\n  }\n\n  /**\n   * Gets the toast's title text, or `null` if no title is present.\n   */\n  async getTitleText(): Promise<string | null> {\n    const el = await this.titleEl();\n    if (!el) {\n      return null;\n    }\n    return el.text();\n  }\n\n  /** Gets the toast's message text. */\n  async getMessageText(): Promise<string> {\n    const el = await this.messageEl();\n    if (!el) {\n      const host = await this.host();\n      return host.text();\n    }\n    return el.text();\n  }\n\n  /** Whether the toast has an action button. */\n  async hasAction(): Promise<boolean> {\n    const btn = await this.actionButton();\n    return btn !== null;\n  }\n\n  /** Gets the action button's text, or `null` if no action exists. */\n  async getActionText(): Promise<string | null> {\n    const btn = await this.actionButton();\n    if (!btn) {\n      return null;\n    }\n    return btn.text();\n  }\n\n  /**\n   * Clicks the action button.\n   * @throws If no action button is present.\n   */\n  async clickAction(): Promise<void> {\n    const btn = await this.actionButton();\n    if (!btn) {\n      throw new Error(\n        'Cannot click action: toast does not have an action button.',\n      );\n    }\n    return btn.click();\n  }\n\n  /** Whether the toast has a close (dismiss) button. */\n  async isDismissible(): Promise<boolean> {\n    const btn = await this.closeButton();\n    return btn !== null;\n  }\n\n  /**\n   * Clicks the close button to dismiss the toast.\n   * @throws If no close button is present.\n   */\n  async dismiss(): Promise<void> {\n    const btn = await this.closeButton();\n    if (!btn) {\n      throw new Error(\n        'Cannot dismiss: toast does not have a close button. '\n          + 'Check that showClose is enabled.',\n      );\n    }\n    return btn.click();\n  }\n\n  /** Whether the toast is disabled. */\n  async isDisabled(): Promise<boolean> {\n    const host = await this.host();\n    return (await host.getAttribute('aria-disabled')) === 'true';\n  }\n\n  /** Whether the toast host is focused. */\n  async isFocused(): Promise<boolean> {\n    const host = await this.host();\n    return host.isFocused();\n  }\n\n  /** Focuses the toast host element. */\n  async focus(): Promise<void> {\n    const host = await this.host();\n    return host.focus();\n  }\n\n  /** Blurs the toast host element. */\n  async blur(): Promise<void> {\n    const host = await this.host();\n    return host.blur();\n  }\n}\n\n/**\n * Harness for interacting with the toast container in tests.\n *\n * The container is rendered in a CDK overlay. Use\n * `TestbedHarnessEnvironment.documentRootLoader(fixture)` to locate it.\n */\nexport class ComToastContainerHarness extends ComponentHarness {\n  static hostSelector = 'com-toast-container';\n\n  private readonly regionDiv = this.locatorFor('[role=\"region\"]');\n\n  /**\n   * Gets a HarnessPredicate for matching toast containers.\n   * @param options Filter options.\n   */\n  static with(\n    options: ComToastContainerHarnessFilters = {},\n  ): HarnessPredicate<ComToastContainerHarness> {\n    return new HarnessPredicate(ComToastContainerHarness, options);\n  }\n\n  /** Gets the container's `aria-label` attribute. */\n  async getAriaLabel(): Promise<string | null> {\n    const region = await this.regionDiv();\n    return region.getAttribute('aria-label');\n  }\n\n  /** Gets all toast harnesses inside the container, optionally filtered. */\n  async getToasts(\n    filters: ComToastHarnessFilters = {},\n  ): Promise<ComToastHarness[]> {\n    return this.locatorForAll(ComToastHarness.with(filters))();\n  }\n\n  /** Gets the number of toasts currently in the container. */\n  async getToastCount(): Promise<number> {\n    const toasts = await this.getToasts();\n    return toasts.length;\n  }\n\n  /** Gets the message text of all toasts. */\n  async getToastMessages(): Promise<string[]> {\n    const toasts = await this.getToasts();\n    return parallel(() => toasts.map((t) => t.getMessageText()));\n  }\n}\n","// Testing utilities for the toast component\n\nexport {\n  ComToastHarness,\n  ComToastContainerHarness,\n} from './toast.harness';\n\nexport type {\n  ComToastHarnessFilters,\n  ComToastContainerHarnessFilters,\n} from './toast.harness';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAkBA;;;;;;AAMG;AACG,MAAO,eAAgB,SAAQ,gBAAgB,CAAA;AACnD,IAAA,OAAO,YAAY,GAAG,WAAW;AAEhB,IAAA,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC;AACvC,IAAA,OAAO,GAAG,IAAI,CAAC,kBAAkB,CAAC,qBAAqB,CAAC;AACxD,IAAA,SAAS,GAAG,IAAI,CAAC,kBAAkB,CAClD,uBAAuB,CACxB;AACgB,IAAA,WAAW,GAAG,IAAI,CAAC,kBAAkB,CACpD,2CAA2C,CAC5C;AACgB,IAAA,YAAY,GAAG,IAAI,CAAC,kBAAkB,CAAC,gBAAgB,CAAC;AAEzE;;;AAGG;AACH,IAAA,OAAO,IAAI,CACT,OAAA,GAAkC,EAAE,EAAA;AAEpC,QAAA,OAAO,IAAI,gBAAgB,CAAC,eAAe,EAAE,OAAO;AACjD,aAAA,SAAS,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,EAAE,OAAO,OAAO,EAAE,OAAO,KAAI;AAChE,YAAA,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,cAAc,EAAE;YAC3C,OAAO,gBAAgB,CAAC,aAAa,CAAC,IAAI,EAAE,OAAO,CAAC;AACtD,QAAA,CAAC;AACA,aAAA,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,KAAI;AAC1D,YAAA,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,YAAY,EAAE;YACzC,OAAO,gBAAgB,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC;AACpD,QAAA,CAAC,CAAC;IACN;;AAGA,IAAA,MAAM,OAAO,GAAA;AACX,QAAA,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,QAAQ,EAAE;AACjC,QAAA,OAAO,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC;IACjC;;AAGA,IAAA,MAAM,WAAW,GAAA;AACf,QAAA,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,QAAQ,EAAE;AACjC,QAAA,OAAO,GAAG,CAAC,YAAY,CAAC,WAAW,CAAC;IACtC;;AAGA,IAAA,MAAM,QAAQ,GAAA;AACZ,QAAA,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,QAAQ,EAAE;AACjC,QAAA,OAAO,GAAG,CAAC,YAAY,CAAC,YAAY,CAAC;IACvC;AAEA;;AAEG;AACH,IAAA,MAAM,YAAY,GAAA;AAChB,QAAA,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,OAAO,EAAE;QAC/B,IAAI,CAAC,EAAE,EAAE;AACP,YAAA,OAAO,IAAI;QACb;AACA,QAAA,OAAO,EAAE,CAAC,IAAI,EAAE;IAClB;;AAGA,IAAA,MAAM,cAAc,GAAA;AAClB,QAAA,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,SAAS,EAAE;QACjC,IAAI,CAAC,EAAE,EAAE;AACP,YAAA,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,EAAE;AAC9B,YAAA,OAAO,IAAI,CAAC,IAAI,EAAE;QACpB;AACA,QAAA,OAAO,EAAE,CAAC,IAAI,EAAE;IAClB;;AAGA,IAAA,MAAM,SAAS,GAAA;AACb,QAAA,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,YAAY,EAAE;QACrC,OAAO,GAAG,KAAK,IAAI;IACrB;;AAGA,IAAA,MAAM,aAAa,GAAA;AACjB,QAAA,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,YAAY,EAAE;QACrC,IAAI,CAAC,GAAG,EAAE;AACR,YAAA,OAAO,IAAI;QACb;AACA,QAAA,OAAO,GAAG,CAAC,IAAI,EAAE;IACnB;AAEA;;;AAGG;AACH,IAAA,MAAM,WAAW,GAAA;AACf,QAAA,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,YAAY,EAAE;QACrC,IAAI,CAAC,GAAG,EAAE;AACR,YAAA,MAAM,IAAI,KAAK,CACb,4DAA4D,CAC7D;QACH;AACA,QAAA,OAAO,GAAG,CAAC,KAAK,EAAE;IACpB;;AAGA,IAAA,MAAM,aAAa,GAAA;AACjB,QAAA,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE;QACpC,OAAO,GAAG,KAAK,IAAI;IACrB;AAEA;;;AAGG;AACH,IAAA,MAAM,OAAO,GAAA;AACX,QAAA,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE;QACpC,IAAI,CAAC,GAAG,EAAE;YACR,MAAM,IAAI,KAAK,CACb;AACI,kBAAA,kCAAkC,CACvC;QACH;AACA,QAAA,OAAO,GAAG,CAAC,KAAK,EAAE;IACpB;;AAGA,IAAA,MAAM,UAAU,GAAA;AACd,QAAA,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,EAAE;QAC9B,OAAO,CAAC,MAAM,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,MAAM,MAAM;IAC9D;;AAGA,IAAA,MAAM,SAAS,GAAA;AACb,QAAA,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,EAAE;AAC9B,QAAA,OAAO,IAAI,CAAC,SAAS,EAAE;IACzB;;AAGA,IAAA,MAAM,KAAK,GAAA;AACT,QAAA,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,EAAE;AAC9B,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE;IACrB;;AAGA,IAAA,MAAM,IAAI,GAAA;AACR,QAAA,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,EAAE;AAC9B,QAAA,OAAO,IAAI,CAAC,IAAI,EAAE;IACpB;;AAGF;;;;;AAKG;AACG,MAAO,wBAAyB,SAAQ,gBAAgB,CAAA;AAC5D,IAAA,OAAO,YAAY,GAAG,qBAAqB;AAE1B,IAAA,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC;AAE/D;;;AAGG;AACH,IAAA,OAAO,IAAI,CACT,OAAA,GAA2C,EAAE,EAAA;AAE7C,QAAA,OAAO,IAAI,gBAAgB,CAAC,wBAAwB,EAAE,OAAO,CAAC;IAChE;;AAGA,IAAA,MAAM,YAAY,GAAA;AAChB,QAAA,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,SAAS,EAAE;AACrC,QAAA,OAAO,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC;IAC1C;;AAGA,IAAA,MAAM,SAAS,CACb,OAAA,GAAkC,EAAE,EAAA;AAEpC,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,EAAE;IAC5D;;AAGA,IAAA,MAAM,aAAa,GAAA;AACjB,QAAA,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,SAAS,EAAE;QACrC,OAAO,MAAM,CAAC,MAAM;IACtB;;AAGA,IAAA,MAAM,gBAAgB,GAAA;AACpB,QAAA,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,SAAS,EAAE;QACrC,OAAO,QAAQ,CAAC,MAAM,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC;IAC9D;;;ACtNF;;ACAA;;AAEG;;;;"}

package/fesm2022/ngx-com-components-toast.mjs

@@ -249,9 +249,9 @@ class ComToastComponent {
         />
         <div class="flex-1 min-w-0">
           @if (state().data.title) {
-            <p class="text-sm font-semibold">{{ state().data.title }}</p>
+            <p data-part="title" class="text-sm font-semibold">{{ state().data.title }}</p>
           }
-          <p class="text-sm" [class.mt-1]="state().data.title">
+          <p data-part="message" class="text-sm" [class.mt-1]="state().data.title">
             {{ state().data.message }}
           </p>
           @if (state().data.action) {
@@ -312,9 +312,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
         />
         <div class="flex-1 min-w-0">
           @if (state().data.title) {
-            <p class="text-sm font-semibold">{{ state().data.title }}</p>
+            <p data-part="title" class="text-sm font-semibold">{{ state().data.title }}</p>
           }
-          <p class="text-sm" [class.mt-1]="state().data.title">
+          <p data-part="message" class="text-sm" [class.mt-1]="state().data.title">
             {{ state().data.message }}
           </p>
           @if (state().data.action) {