ngwr 11.1.0 → 11.2.0

package/circular-text/styles/_index.scss

@@ -24,6 +24,17 @@
   user-select: none;
   transition: transform 0.6s var(--wr-ease-spring);
 
+  // The accessible copy of the string — the ring itself is `aria-hidden`.
+  &__sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    white-space: nowrap;
+  }
+
   &__spin {
     position: absolute;
     inset: 0;

package/command-palette/styles/_index.scss

@@ -127,6 +127,18 @@
     color: var(--wr-color-primary);
   }
 
+  // The keycap is the one thing on the active row that does NOT want the tint under
+  // it. `--wr-color-hover` is translucent, so on a plain row it composites to a light
+  // grey and the muted label reads at 4.63:1 — but over `--wr-color-primary-soft` it
+  // composites to #dce4f1, where the same label measures 4.17:1 and fails AA. Neither
+  // shipped gate can see it: the palette has to be OPEN with a row active, which is a
+  // state that walks past prerendered HTML and a page at rest alike. Putting the chip
+  // back on the surface restores the pairing the muted role is calibrated for, and
+  // keeps the chip reading as a keycap rather than as part of the highlight.
+  &__option--active &__option-shortcut {
+    background: var(--wr-color-surface);
+  }
+
   &__option-body {
     flex: 1 1 auto;
     min-width: 0;

package/fesm2022/ngwr-action-sheet-testing.mjs

@@ -0,0 +1,313 @@
+import { ComponentHarness, HarnessPredicate, TestKey } from '@angular/cdk/testing';
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/**
+ * Test harness for one row inside a {@link WrActionSheetHarness}.
+ *
+ * A row is a real `<button>`, not an ARIA-decorated div, so `disabled` is the
+ * property rather than an attribute and the CDK refuses to click it — which is the
+ * behaviour a spec wants asserted, since the component ALSO checks `disabled`
+ * inside its own handler. Either guard alone would keep a disabled row inert; both
+ * being there means removing one is invisible until the other is removed too, and
+ * {@link click} is where that shows up.
+ *
+ * **Clicking a row closes the sheet.** The component emits `action` and clears
+ * `open` in the same call, so a harness held across a {@link click} is pointed at a
+ * detached element the moment it returns — read what you need first, and get a
+ * fresh harness afterwards if the sheet was reopened.
+ *
+ * @see https://ngwr.dev/guides/testing
+ */
+class WrActionSheetActionHarness extends ComponentHarness {
+    /** The class every row carries, cancel rows included. */
+    static hostSelector = '.wr-action-sheet__action';
+    /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */
+    static with(options = {}) {
+        return new HarnessPredicate(WrActionSheetActionHarness, options)
+            .addOption('label', options.label, (harness, label) => HarnessPredicate.stringMatches(harness.getLabel(), label))
+            .addOption('role', options.role, async (harness, role) => (await harness.getRole()) === role)
+            .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);
+    }
+    /**
+     * The row's label, trimmed.
+     *
+     * Read from `.wr-action-sheet__label` rather than from the button, so a leading
+     * icon can never join it. The icon contributes no text today — it is an `<svg>` —
+     * but an icon set that ships a `<title>` for its own accessibility would, and the
+     * label element is the thing that actually holds the string.
+     */
+    async getLabel() {
+        return (await this.locatorFor('.wr-action-sheet__label')()).text();
+    }
+    /**
+     * The row's visual role, as the component painted it.
+     *
+     * `default` is returned for a row the caller left unroled, which is what the
+     * component does with the value: only `destructive` and `cancel` change anything,
+     * and everything else falls through to the plain row. The two modifiers are
+     * mutually exclusive by construction — `cancel` rows are filtered into their own
+     * group before the destructive class is ever considered — so reading them in
+     * either order gives the same answer.
+     */
+    async getRole() {
+        const host = await this.host();
+        if (await host.hasClass('wr-action-sheet__action--cancel'))
+            return 'cancel';
+        if (await host.hasClass('wr-action-sheet__action--destructive'))
+            return 'destructive';
+        return 'default';
+    }
+    /**
+     * Whether the row refuses interaction, from the button's own `disabled` property
+     * — the thing the CDK consults before dispatching a click, and the DOM before
+     * delivering one.
+     *
+     * There is no `aria-disabled` to fall back to here, and none is wanted: the row is
+     * a native button, where the property already carries the state to assistive tech.
+     */
+    async isDisabled() {
+        return (await this.host()).getProperty('disabled');
+    }
+    /** Whether the row draws a leading icon. */
+    async hasIcon() {
+        return (await this.locatorForOptional('.wr-action-sheet__icon')()) !== null;
+    }
+    /**
+     * The icon's registered name, or `null` on a row without one.
+     *
+     * From `wr-icon`'s reflected `data-icon`, which is the only place the name reaches
+     * the DOM — the rendered `<svg>` carries no trace of which entry of the set it
+     * came from.
+     */
+    async getIconName() {
+        const icon = await this.locatorForOptional('.wr-action-sheet__icon')();
+        return icon ? icon.getAttribute('data-icon') : null;
+    }
+    /**
+     * Pick this row — emitting `action` and closing the sheet.
+     *
+     * Throws on a disabled row instead of quietly doing nothing. The click would not
+     * land anyway (the DOM swallows it), so the alternative is a spec that reads as
+     * "picked the row" and asserts a sheet that never moved.
+     */
+    async click() {
+        if (await this.isDisabled()) {
+            throw new Error(`WrActionSheetActionHarness.click(): "${await this.getLabel()}" is disabled. The DOM swallows a click ` +
+                'on a disabled button and the component checks `disabled` again before emitting, so nothing would ' +
+                'happen — assert isDisabled() instead.');
+        }
+        await (await this.host()).click();
+    }
+    /** Move keyboard focus to the row. */
+    async focus() {
+        return (await this.host()).focus();
+    }
+    /** Whether the row currently holds focus. */
+    async isFocused() {
+        return (await this.host()).isFocused();
+    }
+}
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/**
+ * One `.wr-action-sheet__group` — internal, and the only way to read the rows of ONE
+ * group: a `TestElement` cannot be queried into, so scoping to a child element means
+ * a harness anchored on it.
+ */
+class GroupHarness extends ComponentHarness {
+    static hostSelector = '.wr-action-sheet__group';
+    async getLabels() {
+        const labels = await this.locatorForAll('.wr-action-sheet__label')();
+        return Promise.all(labels.map(label => label.text()));
+    }
+}
+/**
+ * Test harness for an open `<wr-action-sheet>` — the iOS-style bottom sheet of
+ * choices.
+ *
+ * The sheet renders through `<wr-drawer>`, so its rows are in the NGWR overlay
+ * container rather than in the fixture: load this from
+ * `TestbedHarnessEnvironment.documentRootLoader()`. A fixture-scoped loader finds
+ * nothing at all — the `<wr-action-sheet>` host element itself holds no content and
+ * the drawer it wraps is `display: none`.
+ *
+ * The anchor is `.wr-action-sheet`, the sheet's own root inside the drawer panel,
+ * which makes each instance self-scoping: two sheets open at once are two hosts, and
+ * every query here descends from one of them. That is worth stating because it is
+ * NOT how the drawer harness underneath has to work — a drawer publishes no link to
+ * the overlay it opened, so `WrDrawerHarness` anchors on the shared pane and scopes
+ * by id.
+ *
+ * **What belongs to the drawer, not here.** Dismissal by backdrop click or by the ✕
+ * button, the modal role, the focus trap and the panel's position are all the
+ * drawer's surface, and `WrDrawerHarness` from the same root loader answers them.
+ * {@link sendEscape} is the one exception, kept because dismissing without choosing
+ * is a documented behaviour of the sheet itself: it closes and emits NOTHING, which
+ * is the assertion most specs are actually after.
+ *
+ * @example
+ * ```ts
+ * const rootLoader = TestbedHarnessEnvironment.documentRootLoader(fixture);
+ * const sheet = await rootLoader.getHarness(WrActionSheetHarness);
+ *
+ * expect(await sheet.getActionLabels()).toEqual(['Take Photo', 'Delete', 'Cancel']);
+ * await sheet.select({ label: 'Delete' });
+ * ```
+ *
+ * @see https://ngwr.dev/guides/testing
+ */
+class WrActionSheetHarness extends ComponentHarness {
+    /** The sheet's root inside the drawer panel. A closed sheet renders none. */
+    static hostSelector = '.wr-action-sheet';
+    /** Build a predicate that narrows the query — sheets can be stacked. */
+    static with(options = {}) {
+        return new HarnessPredicate(WrActionSheetHarness, options)
+            .addOption('title', options.title, (harness, title) => HarnessPredicate.stringMatches(harness.getTitle(), title))
+            .addOption('message', options.message, (harness, message) => HarnessPredicate.stringMatches(harness.getMessage(), message))
+            .addOption('accessibleName', options.accessibleName, (harness, name) => HarnessPredicate.stringMatches(harness.getAccessibleName(), name));
+    }
+    /**
+     * Whether this sheet is still open.
+     *
+     * A harness can only be obtained while the sheet is open — closing disposes the
+     * overlay and everything in it — so this is the answer for a harness you are
+     * already HOLDING: it flips to `false` after a pick or a dismissal, where a fresh
+     * `getHarnessOrNull()` comes back `null`.
+     *
+     * Attachment is the test rather than a class, because disposal removes the element
+     * without changing anything on it.
+     */
+    async isOpen() {
+        return (await this.host()).matchesSelector('body .wr-action-sheet');
+    }
+    /** The visible heading, or `null` when the sheet was opened without a `title`. */
+    async getTitle() {
+        const title = await this.locatorForOptional('.wr-action-sheet__title')();
+        return title ? title.text() : null;
+    }
+    /** The muted sub-heading, or `null` when the sheet has no `message`. */
+    async getMessage() {
+        const message = await this.locatorForOptional('.wr-action-sheet__message')();
+        return message ? message.text() : null;
+    }
+    /**
+     * The name the dialog announces.
+     *
+     * The sheet always publishes one, and for an untitled sheet it is INVISIBLE: the
+     * component renders a screen-reader-only `[wrDrawerTitle]` carrying
+     * `actionSheet.label` (English default `Actions`), because a bottom sheet is an
+     * `aria-modal` dialog and an unnamed one is announced as nothing at all. Nothing
+     * on screen changes when that string is wrong or missing, which is exactly why it
+     * is worth an assertion.
+     *
+     * Read from `.wr-drawer__title` — the class the title directive applies — so the
+     * one query answers for both shapes: the visible heading carries it too.
+     */
+    async getAccessibleName() {
+        return (await this.locatorFor('.wr-drawer__title')()).text();
+    }
+    /** Whether the announced name comes from a visible heading rather than the fallback. */
+    async isTitleVisible() {
+        return (await this.locatorForOptional('.wr-action-sheet__title')()) !== null;
+    }
+    /**
+     * Whether the dialog is actually WIRED to that name — the drawer panel's
+     * `aria-labelledby` resolving to this sheet's own title element, and to nothing
+     * else on the page.
+     *
+     * {@link getAccessibleName} only proves a string exists in the markup; a screen
+     * reader reads it only if the reference points at it. The two are separate
+     * failures and the second is silent: the title renders, the sheet looks right, and
+     * the dialog is announced as unnamed. Worth its own assertion because the drawer
+     * resolves the reference AFTER attaching the panel rather than while rendering it,
+     * so a title that arrives late is named late or not at all.
+     *
+     * Counted across the document as well, because two panels answering to one id hand
+     * every reference to whichever comes first — which is how a second sheet ends up
+     * announcing the first one's title.
+     */
+    async isNamed() {
+        const id = await (await this.locatorFor('.wr-drawer__title')()).getAttribute('id');
+        if (!id)
+            return false;
+        const root = this.documentRootLocatorFactory();
+        const named = await root.locatorForAll(`[aria-labelledby="${id}"]`)();
+        const titles = await root.locatorForAll(`[id="${id}"]`)();
+        return named.length === 1 && titles.length === 1;
+    }
+    /** The rows this sheet offers, in DOM order — cancel rows last, in their own group. */
+    async getActions(filters = {}) {
+        return this.locatorForAll(WrActionSheetActionHarness.with(filters))();
+    }
+    /** The labels of every row, in DOM order. */
+    async getActionLabels() {
+        const actions = await this.getActions();
+        return Promise.all(actions.map(action => action.getLabel()));
+    }
+    /**
+     * The labels grouped the way the sheet lays them out: the main group first, then
+     * the cancel group when there is one.
+     *
+     * The grouping is the component's whole visual contract — a `cancel` row is pulled
+     * out of the list and pinned to the bottom with a gap above it — and it is
+     * invisible to {@link getActionLabels}, which flattens the two. A cancel row that
+     * stopped being separated would still come last in DOM order, so the flat list
+     * cannot catch it.
+     */
+    async getActionGroups() {
+        const groups = await this.locatorForAll(GroupHarness)();
+        return Promise.all(groups.map(group => group.getLabels()));
+    }
+    /**
+     * Whether the sheet drew a separate bottom group — true exactly when at least one
+     * row was given `role: 'cancel'`, since the component omits the group entirely
+     * rather than rendering an empty one.
+     */
+    async hasCancelGroup() {
+        return (await this.locatorForOptional('.wr-action-sheet__group--cancel')()) !== null;
+    }
+    /**
+     * Pick the first row matching the filters.
+     *
+     * Throws when nothing matches, naming what the sheet does offer — the alternative
+     * is a silent no-op followed by an assertion about a sheet that never moved. A
+     * disabled match throws too, from the row harness.
+     */
+    async select(filters) {
+        const [action] = await this.getActions(filters);
+        if (!action) {
+            const offered = await this.getActionLabels();
+            throw new Error(`WrActionSheetHarness.select(): no row matched ${JSON.stringify(filters)}. ` +
+                `The sheet offers: ${offered.join(', ')}.`);
+        }
+        await action.click();
+    }
+    /**
+     * Press Escape — dismissing the sheet WITHOUT emitting `action`.
+     *
+     * The key never needs to reach the sheet itself: the drawer underneath listens
+     * through the CDK's keyboard dispatcher, which keeps one document listener and
+     * hands the event to the top-most overlay. So with sheets stacked this dismisses
+     * the top one whichever harness it is called on.
+     */
+    async sendEscape() {
+        await (await this.host()).sendKeys(TestKey.ESCAPE);
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrActionSheetActionHarness, WrActionSheetHarness };
+//# sourceMappingURL=ngwr-action-sheet-testing.mjs.map

package/fesm2022/ngwr-action-sheet-testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-action-sheet-testing.mjs","sources":["../../../projects/lib/action-sheet/testing/wr-action-sheet-action-harness.ts","../../../projects/lib/action-sheet/testing/wr-action-sheet-harness.ts","../../../projects/lib/action-sheet/testing/ngwr-action-sheet-testing.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';\n\nimport type { WrActionSheetAction } from 'ngwr/action-sheet';\n\nimport type { WrActionSheetActionHarnessFilters } from './interfaces';\n\n/**\n * Test harness for one row inside a {@link WrActionSheetHarness}.\n *\n * A row is a real `<button>`, not an ARIA-decorated div, so `disabled` is the\n * property rather than an attribute and the CDK refuses to click it — which is the\n * behaviour a spec wants asserted, since the component ALSO checks `disabled`\n * inside its own handler. Either guard alone would keep a disabled row inert; both\n * being there means removing one is invisible until the other is removed too, and\n * {@link click} is where that shows up.\n *\n * **Clicking a row closes the sheet.** The component emits `action` and clears\n * `open` in the same call, so a harness held across a {@link click} is pointed at a\n * detached element the moment it returns — read what you need first, and get a\n * fresh harness afterwards if the sheet was reopened.\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrActionSheetActionHarness extends ComponentHarness {\n  /** The class every row carries, cancel rows included. */\n  static hostSelector = '.wr-action-sheet__action';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrActionSheetActionHarnessFilters = {}): HarnessPredicate<WrActionSheetActionHarness> {\n    return new HarnessPredicate(WrActionSheetActionHarness, options)\n      .addOption('label', options.label, (harness, label) => HarnessPredicate.stringMatches(harness.getLabel(), label))\n      .addOption('role', options.role, async (harness, role) => (await harness.getRole()) === role)\n      .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);\n  }\n\n  /**\n   * The row's label, trimmed.\n   *\n   * Read from `.wr-action-sheet__label` rather than from the button, so a leading\n   * icon can never join it. The icon contributes no text today — it is an `<svg>` —\n   * but an icon set that ships a `<title>` for its own accessibility would, and the\n   * label element is the thing that actually holds the string.\n   */\n  async getLabel(): Promise<string> {\n    return (await this.locatorFor('.wr-action-sheet__label')()).text();\n  }\n\n  /**\n   * The row's visual role, as the component painted it.\n   *\n   * `default` is returned for a row the caller left unroled, which is what the\n   * component does with the value: only `destructive` and `cancel` change anything,\n   * and everything else falls through to the plain row. The two modifiers are\n   * mutually exclusive by construction — `cancel` rows are filtered into their own\n   * group before the destructive class is ever considered — so reading them in\n   * either order gives the same answer.\n   */\n  async getRole(): Promise<NonNullable<WrActionSheetAction['role']>> {\n    const host = await this.host();\n    if (await host.hasClass('wr-action-sheet__action--cancel')) return 'cancel';\n    if (await host.hasClass('wr-action-sheet__action--destructive')) return 'destructive';\n    return 'default';\n  }\n\n  /**\n   * Whether the row refuses interaction, from the button's own `disabled` property\n   * — the thing the CDK consults before dispatching a click, and the DOM before\n   * delivering one.\n   *\n   * There is no `aria-disabled` to fall back to here, and none is wanted: the row is\n   * a native button, where the property already carries the state to assistive tech.\n   */\n  async isDisabled(): Promise<boolean> {\n    return (await this.host()).getProperty<boolean>('disabled');\n  }\n\n  /** Whether the row draws a leading icon. */\n  async hasIcon(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-action-sheet__icon')()) !== null;\n  }\n\n  /**\n   * The icon's registered name, or `null` on a row without one.\n   *\n   * From `wr-icon`'s reflected `data-icon`, which is the only place the name reaches\n   * the DOM — the rendered `<svg>` carries no trace of which entry of the set it\n   * came from.\n   */\n  async getIconName(): Promise<string | null> {\n    const icon = await this.locatorForOptional('.wr-action-sheet__icon')();\n    return icon ? icon.getAttribute('data-icon') : null;\n  }\n\n  /**\n   * Pick this row — emitting `action` and closing the sheet.\n   *\n   * Throws on a disabled row instead of quietly doing nothing. The click would not\n   * land anyway (the DOM swallows it), so the alternative is a spec that reads as\n   * \"picked the row\" and asserts a sheet that never moved.\n   */\n  async click(): Promise<void> {\n    if (await this.isDisabled()) {\n      throw new Error(\n        `WrActionSheetActionHarness.click(): \"${await this.getLabel()}\" is disabled. The DOM swallows a click ` +\n          'on a disabled button and the component checks `disabled` again before emitting, so nothing would ' +\n          'happen — assert isDisabled() instead.'\n      );\n    }\n    await (await this.host()).click();\n  }\n\n  /** Move keyboard focus to the row. */\n  async focus(): Promise<void> {\n    return (await this.host()).focus();\n  }\n\n  /** Whether the row currently holds focus. */\n  async isFocused(): Promise<boolean> {\n    return (await this.host()).isFocused();\n  }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { ComponentHarness, HarnessPredicate, TestKey } from '@angular/cdk/testing';\n\nimport type { WrActionSheetActionHarnessFilters, WrActionSheetHarnessFilters } from './interfaces';\nimport { WrActionSheetActionHarness } from './wr-action-sheet-action-harness';\n\n/**\n * One `.wr-action-sheet__group` — internal, and the only way to read the rows of ONE\n * group: a `TestElement` cannot be queried into, so scoping to a child element means\n * a harness anchored on it.\n */\nclass GroupHarness extends ComponentHarness {\n  static hostSelector = '.wr-action-sheet__group';\n\n  async getLabels(): Promise<string[]> {\n    const labels = await this.locatorForAll('.wr-action-sheet__label')();\n    return Promise.all(labels.map(label => label.text()));\n  }\n}\n\n/**\n * Test harness for an open `<wr-action-sheet>` — the iOS-style bottom sheet of\n * choices.\n *\n * The sheet renders through `<wr-drawer>`, so its rows are in the NGWR overlay\n * container rather than in the fixture: load this from\n * `TestbedHarnessEnvironment.documentRootLoader()`. A fixture-scoped loader finds\n * nothing at all — the `<wr-action-sheet>` host element itself holds no content and\n * the drawer it wraps is `display: none`.\n *\n * The anchor is `.wr-action-sheet`, the sheet's own root inside the drawer panel,\n * which makes each instance self-scoping: two sheets open at once are two hosts, and\n * every query here descends from one of them. That is worth stating because it is\n * NOT how the drawer harness underneath has to work — a drawer publishes no link to\n * the overlay it opened, so `WrDrawerHarness` anchors on the shared pane and scopes\n * by id.\n *\n * **What belongs to the drawer, not here.** Dismissal by backdrop click or by the ✕\n * button, the modal role, the focus trap and the panel's position are all the\n * drawer's surface, and `WrDrawerHarness` from the same root loader answers them.\n * {@link sendEscape} is the one exception, kept because dismissing without choosing\n * is a documented behaviour of the sheet itself: it closes and emits NOTHING, which\n * is the assertion most specs are actually after.\n *\n * @example\n * ```ts\n * const rootLoader = TestbedHarnessEnvironment.documentRootLoader(fixture);\n * const sheet = await rootLoader.getHarness(WrActionSheetHarness);\n *\n * expect(await sheet.getActionLabels()).toEqual(['Take Photo', 'Delete', 'Cancel']);\n * await sheet.select({ label: 'Delete' });\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrActionSheetHarness extends ComponentHarness {\n  /** The sheet's root inside the drawer panel. A closed sheet renders none. */\n  static hostSelector = '.wr-action-sheet';\n\n  /** Build a predicate that narrows the query — sheets can be stacked. */\n  static with(options: WrActionSheetHarnessFilters = {}): HarnessPredicate<WrActionSheetHarness> {\n    return new HarnessPredicate(WrActionSheetHarness, options)\n      .addOption('title', options.title, (harness, title) => HarnessPredicate.stringMatches(harness.getTitle(), title))\n      .addOption('message', options.message, (harness, message) =>\n        HarnessPredicate.stringMatches(harness.getMessage(), message)\n      )\n      .addOption('accessibleName', options.accessibleName, (harness, name) =>\n        HarnessPredicate.stringMatches(harness.getAccessibleName(), name)\n      );\n  }\n\n  /**\n   * Whether this sheet is still open.\n   *\n   * A harness can only be obtained while the sheet is open — closing disposes the\n   * overlay and everything in it — so this is the answer for a harness you are\n   * already HOLDING: it flips to `false` after a pick or a dismissal, where a fresh\n   * `getHarnessOrNull()` comes back `null`.\n   *\n   * Attachment is the test rather than a class, because disposal removes the element\n   * without changing anything on it.\n   */\n  async isOpen(): Promise<boolean> {\n    return (await this.host()).matchesSelector('body .wr-action-sheet');\n  }\n\n  /** The visible heading, or `null` when the sheet was opened without a `title`. */\n  async getTitle(): Promise<string | null> {\n    const title = await this.locatorForOptional('.wr-action-sheet__title')();\n    return title ? title.text() : null;\n  }\n\n  /** The muted sub-heading, or `null` when the sheet has no `message`. */\n  async getMessage(): Promise<string | null> {\n    const message = await this.locatorForOptional('.wr-action-sheet__message')();\n    return message ? message.text() : null;\n  }\n\n  /**\n   * The name the dialog announces.\n   *\n   * The sheet always publishes one, and for an untitled sheet it is INVISIBLE: the\n   * component renders a screen-reader-only `[wrDrawerTitle]` carrying\n   * `actionSheet.label` (English default `Actions`), because a bottom sheet is an\n   * `aria-modal` dialog and an unnamed one is announced as nothing at all. Nothing\n   * on screen changes when that string is wrong or missing, which is exactly why it\n   * is worth an assertion.\n   *\n   * Read from `.wr-drawer__title` — the class the title directive applies — so the\n   * one query answers for both shapes: the visible heading carries it too.\n   */\n  async getAccessibleName(): Promise<string> {\n    return (await this.locatorFor('.wr-drawer__title')()).text();\n  }\n\n  /** Whether the announced name comes from a visible heading rather than the fallback. */\n  async isTitleVisible(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-action-sheet__title')()) !== null;\n  }\n\n  /**\n   * Whether the dialog is actually WIRED to that name — the drawer panel's\n   * `aria-labelledby` resolving to this sheet's own title element, and to nothing\n   * else on the page.\n   *\n   * {@link getAccessibleName} only proves a string exists in the markup; a screen\n   * reader reads it only if the reference points at it. The two are separate\n   * failures and the second is silent: the title renders, the sheet looks right, and\n   * the dialog is announced as unnamed. Worth its own assertion because the drawer\n   * resolves the reference AFTER attaching the panel rather than while rendering it,\n   * so a title that arrives late is named late or not at all.\n   *\n   * Counted across the document as well, because two panels answering to one id hand\n   * every reference to whichever comes first — which is how a second sheet ends up\n   * announcing the first one's title.\n   */\n  async isNamed(): Promise<boolean> {\n    const id = await (await this.locatorFor('.wr-drawer__title')()).getAttribute('id');\n    if (!id) return false;\n\n    const root = this.documentRootLocatorFactory();\n    const named = await root.locatorForAll(`[aria-labelledby=\"${id}\"]`)();\n    const titles = await root.locatorForAll(`[id=\"${id}\"]`)();\n    return named.length === 1 && titles.length === 1;\n  }\n\n  /** The rows this sheet offers, in DOM order — cancel rows last, in their own group. */\n  async getActions(filters: WrActionSheetActionHarnessFilters = {}): Promise<WrActionSheetActionHarness[]> {\n    return this.locatorForAll(WrActionSheetActionHarness.with(filters))();\n  }\n\n  /** The labels of every row, in DOM order. */\n  async getActionLabels(): Promise<string[]> {\n    const actions = await this.getActions();\n    return Promise.all(actions.map(action => action.getLabel()));\n  }\n\n  /**\n   * The labels grouped the way the sheet lays them out: the main group first, then\n   * the cancel group when there is one.\n   *\n   * The grouping is the component's whole visual contract — a `cancel` row is pulled\n   * out of the list and pinned to the bottom with a gap above it — and it is\n   * invisible to {@link getActionLabels}, which flattens the two. A cancel row that\n   * stopped being separated would still come last in DOM order, so the flat list\n   * cannot catch it.\n   */\n  async getActionGroups(): Promise<string[][]> {\n    const groups = await this.locatorForAll(GroupHarness)();\n    return Promise.all(groups.map(group => group.getLabels()));\n  }\n\n  /**\n   * Whether the sheet drew a separate bottom group — true exactly when at least one\n   * row was given `role: 'cancel'`, since the component omits the group entirely\n   * rather than rendering an empty one.\n   */\n  async hasCancelGroup(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-action-sheet__group--cancel')()) !== null;\n  }\n\n  /**\n   * Pick the first row matching the filters.\n   *\n   * Throws when nothing matches, naming what the sheet does offer — the alternative\n   * is a silent no-op followed by an assertion about a sheet that never moved. A\n   * disabled match throws too, from the row harness.\n   */\n  async select(filters: WrActionSheetActionHarnessFilters): Promise<void> {\n    const [action] = await this.getActions(filters);\n    if (!action) {\n      const offered = await this.getActionLabels();\n      throw new Error(\n        `WrActionSheetHarness.select(): no row matched ${JSON.stringify(filters)}. ` +\n          `The sheet offers: ${offered.join(', ')}.`\n      );\n    }\n    await action.click();\n  }\n\n  /**\n   * Press Escape — dismissing the sheet WITHOUT emitting `action`.\n   *\n   * The key never needs to reach the sheet itself: the drawer underneath listens\n   * through the CDK's keyboard dispatcher, which keeps one document listener and\n   * hands the event to the top-most overlay. So with sheets stacked this dismisses\n   * the top one whichever harness it is called on.\n   */\n  async sendEscape(): Promise<void> {\n    await (await this.host()).sendKeys(TestKey.ESCAPE);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAAA;;;;;AAKG;AAQH;;;;;;;;;;;;;;;;AAgBG;AACG,MAAO,0BAA2B,SAAQ,gBAAgB,CAAA;;AAE9D,IAAA,OAAO,YAAY,GAAG,0BAA0B;;AAGhD,IAAA,OAAO,IAAI,CAAC,OAAA,GAA6C,EAAE,EAAA;AACzD,QAAA,OAAO,IAAI,gBAAgB,CAAC,0BAA0B,EAAE,OAAO;aAC5D,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,KAAK,gBAAgB,CAAC,aAAa,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,KAAK,CAAC;aAC/G,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,OAAO,EAAE,IAAI,KAAK,CAAC,MAAM,OAAO,CAAC,OAAO,EAAE,MAAM,IAAI;aAC3F,SAAS,CAAC,UAAU,EAAE,OAAO,CAAC,QAAQ,EAAE,OAAO,OAAO,EAAE,QAAQ,KAAK,CAAC,MAAM,OAAO,CAAC,UAAU,EAAE,MAAM,QAAQ,CAAC;IACpH;AAEA;;;;;;;AAOG;AACH,IAAA,MAAM,QAAQ,GAAA;AACZ,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,yBAAyB,CAAC,EAAE,EAAE,IAAI,EAAE;IACpE;AAEA;;;;;;;;;AASG;AACH,IAAA,MAAM,OAAO,GAAA;AACX,QAAA,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,EAAE;AAC9B,QAAA,IAAI,MAAM,IAAI,CAAC,QAAQ,CAAC,iCAAiC,CAAC;AAAE,YAAA,OAAO,QAAQ;AAC3E,QAAA,IAAI,MAAM,IAAI,CAAC,QAAQ,CAAC,sCAAsC,CAAC;AAAE,YAAA,OAAO,aAAa;AACrF,QAAA,OAAO,SAAS;IAClB;AAEA;;;;;;;AAOG;AACH,IAAA,MAAM,UAAU,GAAA;AACd,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,WAAW,CAAU,UAAU,CAAC;IAC7D;;AAGA,IAAA,MAAM,OAAO,GAAA;AACX,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,kBAAkB,CAAC,wBAAwB,CAAC,EAAE,MAAM,IAAI;IAC7E;AAEA;;;;;;AAMG;AACH,IAAA,MAAM,WAAW,GAAA;QACf,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,kBAAkB,CAAC,wBAAwB,CAAC,EAAE;AACtE,QAAA,OAAO,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,IAAI;IACrD;AAEA;;;;;;AAMG;AACH,IAAA,MAAM,KAAK,GAAA;AACT,QAAA,IAAI,MAAM,IAAI,CAAC,UAAU,EAAE,EAAE;YAC3B,MAAM,IAAI,KAAK,CACb,CAAA,qCAAA,EAAwC,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAA,wCAAA,CAA0C;gBACrG,mGAAmG;AACnG,gBAAA,uCAAuC,CAC1C;QACH;QACA,MAAM,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE;IACnC;;AAGA,IAAA,MAAM,KAAK,GAAA;QACT,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE;IACpC;;AAGA,IAAA,MAAM,SAAS,GAAA;QACb,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE;IACxC;;;AC9HF;;;;;AAKG;AAOH;;;;AAIG;AACH,MAAM,YAAa,SAAQ,gBAAgB,CAAA;AACzC,IAAA,OAAO,YAAY,GAAG,yBAAyB;AAE/C,IAAA,MAAM,SAAS,GAAA;QACb,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC,yBAAyB,CAAC,EAAE;AACpE,QAAA,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;IACvD;;AAGF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCG;AACG,MAAO,oBAAqB,SAAQ,gBAAgB,CAAA;;AAExD,IAAA,OAAO,YAAY,GAAG,kBAAkB;;AAGxC,IAAA,OAAO,IAAI,CAAC,OAAA,GAAuC,EAAE,EAAA;AACnD,QAAA,OAAO,IAAI,gBAAgB,CAAC,oBAAoB,EAAE,OAAO;aACtD,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,KAAK,gBAAgB,CAAC,aAAa,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,KAAK,CAAC;aAC/G,SAAS,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,KACtD,gBAAgB,CAAC,aAAa,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,OAAO,CAAC;aAE9D,SAAS,CAAC,gBAAgB,EAAE,OAAO,CAAC,cAAc,EAAE,CAAC,OAAO,EAAE,IAAI,KACjE,gBAAgB,CAAC,aAAa,CAAC,OAAO,CAAC,iBAAiB,EAAE,EAAE,IAAI,CAAC,CAClE;IACL;AAEA;;;;;;;;;;AAUG;AACH,IAAA,MAAM,MAAM,GAAA;AACV,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,eAAe,CAAC,uBAAuB,CAAC;IACrE;;AAGA,IAAA,MAAM,QAAQ,GAAA;QACZ,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,kBAAkB,CAAC,yBAAyB,CAAC,EAAE;AACxE,QAAA,OAAO,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,GAAG,IAAI;IACpC;;AAGA,IAAA,MAAM,UAAU,GAAA;QACd,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,kBAAkB,CAAC,2BAA2B,CAAC,EAAE;AAC5E,QAAA,OAAO,OAAO,GAAG,OAAO,CAAC,IAAI,EAAE,GAAG,IAAI;IACxC;AAEA;;;;;;;;;;;;AAYG;AACH,IAAA,MAAM,iBAAiB,GAAA;AACrB,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,mBAAmB,CAAC,EAAE,EAAE,IAAI,EAAE;IAC9D;;AAGA,IAAA,MAAM,cAAc,GAAA;AAClB,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,kBAAkB,CAAC,yBAAyB,CAAC,EAAE,MAAM,IAAI;IAC9E;AAEA;;;;;;;;;;;;;;;AAeG;AACH,IAAA,MAAM,OAAO,GAAA;AACX,QAAA,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,mBAAmB,CAAC,EAAE,EAAE,YAAY,CAAC,IAAI,CAAC;AAClF,QAAA,IAAI,CAAC,EAAE;AAAE,YAAA,OAAO,KAAK;AAErB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,0BAA0B,EAAE;AAC9C,QAAA,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC,CAAA,kBAAA,EAAqB,EAAE,CAAA,EAAA,CAAI,CAAC,EAAE;AACrE,QAAA,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC,CAAA,KAAA,EAAQ,EAAE,CAAA,EAAA,CAAI,CAAC,EAAE;QACzD,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;IAClD;;AAGA,IAAA,MAAM,UAAU,CAAC,OAAA,GAA6C,EAAE,EAAA;AAC9D,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,0BAA0B,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,EAAE;IACvE;;AAGA,IAAA,MAAM,eAAe,GAAA;AACnB,QAAA,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE;AACvC,QAAA,OAAO,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC9D;AAEA;;;;;;;;;AASG;AACH,IAAA,MAAM,eAAe,GAAA;QACnB,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,EAAE;AACvD,QAAA,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC;IAC5D;AAEA;;;;AAIG;AACH,IAAA,MAAM,cAAc,GAAA;AAClB,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,kBAAkB,CAAC,iCAAiC,CAAC,EAAE,MAAM,IAAI;IACtF;AAEA;;;;;;AAMG;IACH,MAAM,MAAM,CAAC,OAA0C,EAAA;QACrD,MAAM,CAAC,MAAM,CAAC,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;QAC/C,IAAI,CAAC,MAAM,EAAE;AACX,YAAA,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,eAAe,EAAE;YAC5C,MAAM,IAAI,KAAK,CACb,CAAA,8CAAA,EAAiD,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA,EAAA,CAAI;gBAC1E,CAAA,kBAAA,EAAqB,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,CAAA,CAAG,CAC7C;QACH;AACA,QAAA,MAAM,MAAM,CAAC,KAAK,EAAE;IACtB;AAEA;;;;;;;AAOG;AACH,IAAA,MAAM,UAAU,GAAA;AACd,QAAA,MAAM,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC;IACpD;;;ACxNF;;AAEG;;;;"}

package/fesm2022/ngwr-bar-chart-testing.mjs

@@ -0,0 +1,89 @@
+import { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/**
+ * Test harness for `<wr-bar-chart>`.
+ *
+ * **The bars are read as PERCENTAGES, not as pixels.** Each column's height is
+ * written inline as a share of the chart's maximum, which is the one number that
+ * survives a test with no layout — and it is also the component's whole job, since
+ * the maximum is either given or derived from the data.
+ *
+ * **The visible label row is decoration.** Every column carries `role="img"` with
+ * the label AND the value in its name, and the printed labels underneath are
+ * `aria-hidden` — so {@link WrBarChartBar.name} is what a screen reader gets and
+ * {@link WrBarChartBar.label} is what is drawn. Asserting only the second would pass
+ * on a chart that announces nothing.
+ *
+ * @example
+ * ```ts
+ * const chart = await loader.getHarness(WrBarChartHarness);
+ *
+ * expect(await chart.getLabels()).toEqual(['Mon', 'Tue', 'Wed']);
+ * expect((await chart.getBars())[1].heightPercent).toBe(100);
+ * ```
+ *
+ * @see https://ngwr.dev/guides/testing
+ */
+class WrBarChartHarness extends ComponentHarness {
+    static hostSelector = 'wr-bar-chart';
+    /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */
+    static with(options = {}) {
+        return new HarnessPredicate(WrBarChartHarness, options).addOption('barLabel', options.barLabel, async (harness, label) => {
+            for (const printed of await harness.getLabels()) {
+                if (await HarnessPredicate.stringMatches(printed, label))
+                    return true;
+            }
+            return false;
+        });
+    }
+    /** Every column, in data order. */
+    async getBars() {
+        const columns = await this.locatorForAll('.wr-bar-chart__column')();
+        const bars = await this.locatorForAll('.wr-bar-chart__bar')();
+        const labels = await this.getLabels();
+        return Promise.all(columns.map(async (column, index) => {
+            const value = await column.text();
+            return {
+                label: labels[index] ?? '',
+                value: value === '' ? null : value,
+                name: await column.getAttribute('aria-label'),
+                heightPercent: Number.parseFloat(await bars[index].getCssValue('height')),
+            };
+        }));
+    }
+    /** The labels printed under the columns, in order. */
+    async getLabels() {
+        const labels = await this.locatorForAll('.wr-bar-chart__label')();
+        return Promise.all(labels.map(label => label.text()));
+    }
+    /** What each column announces — the label and the value together. */
+    async getAccessibleNames() {
+        const columns = await this.locatorForAll('.wr-bar-chart__column')();
+        return Promise.all(columns.map(column => column.getAttribute('aria-label')));
+    }
+    /** How many columns the chart drew. */
+    async getBarCount() {
+        return (await this.locatorForAll('.wr-bar-chart__column')()).length;
+    }
+    /** Whether the values are printed above the bars (`showValues`). */
+    async hasValues() {
+        return (await this.locatorForOptional('.wr-bar-chart__value')()) !== null;
+    }
+    /** The plot's height in pixels, as the component writes it inline. */
+    async getPlotHeight() {
+        return Number.parseFloat(await (await this.locatorFor('.wr-bar-chart__plot')()).getCssValue('height'));
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrBarChartHarness };
+//# sourceMappingURL=ngwr-bar-chart-testing.mjs.map

package/fesm2022/ngwr-bar-chart-testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-bar-chart-testing.mjs","sources":["../../../projects/lib/bar-chart/testing/wr-bar-chart-harness.ts","../../../projects/lib/bar-chart/testing/ngwr-bar-chart-testing.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';\n\nimport type { WrBarChartBar, WrBarChartHarnessFilters } from './interfaces';\n\n/**\n * Test harness for `<wr-bar-chart>`.\n *\n * **The bars are read as PERCENTAGES, not as pixels.** Each column's height is\n * written inline as a share of the chart's maximum, which is the one number that\n * survives a test with no layout — and it is also the component's whole job, since\n * the maximum is either given or derived from the data.\n *\n * **The visible label row is decoration.** Every column carries `role=\"img\"` with\n * the label AND the value in its name, and the printed labels underneath are\n * `aria-hidden` — so {@link WrBarChartBar.name} is what a screen reader gets and\n * {@link WrBarChartBar.label} is what is drawn. Asserting only the second would pass\n * on a chart that announces nothing.\n *\n * @example\n * ```ts\n * const chart = await loader.getHarness(WrBarChartHarness);\n *\n * expect(await chart.getLabels()).toEqual(['Mon', 'Tue', 'Wed']);\n * expect((await chart.getBars())[1].heightPercent).toBe(100);\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrBarChartHarness extends ComponentHarness {\n  static hostSelector = 'wr-bar-chart';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrBarChartHarnessFilters = {}): HarnessPredicate<WrBarChartHarness> {\n    return new HarnessPredicate(WrBarChartHarness, options).addOption(\n      'barLabel',\n      options.barLabel,\n      async (harness, label) => {\n        for (const printed of await harness.getLabels()) {\n          if (await HarnessPredicate.stringMatches(printed, label)) return true;\n        }\n        return false;\n      }\n    );\n  }\n\n  /** Every column, in data order. */\n  async getBars(): Promise<WrBarChartBar[]> {\n    const columns = await this.locatorForAll('.wr-bar-chart__column')();\n    const bars = await this.locatorForAll('.wr-bar-chart__bar')();\n    const labels = await this.getLabels();\n\n    return Promise.all(\n      columns.map(async (column, index) => {\n        const value = await column.text();\n        return {\n          label: labels[index] ?? '',\n          value: value === '' ? null : value,\n          name: await column.getAttribute('aria-label'),\n          heightPercent: Number.parseFloat(await bars[index].getCssValue('height')),\n        };\n      })\n    );\n  }\n\n  /** The labels printed under the columns, in order. */\n  async getLabels(): Promise<string[]> {\n    const labels = await this.locatorForAll('.wr-bar-chart__label')();\n    return Promise.all(labels.map(label => label.text()));\n  }\n\n  /** What each column announces — the label and the value together. */\n  async getAccessibleNames(): Promise<(string | null)[]> {\n    const columns = await this.locatorForAll('.wr-bar-chart__column')();\n    return Promise.all(columns.map(column => column.getAttribute('aria-label')));\n  }\n\n  /** How many columns the chart drew. */\n  async getBarCount(): Promise<number> {\n    return (await this.locatorForAll('.wr-bar-chart__column')()).length;\n  }\n\n  /** Whether the values are printed above the bars (`showValues`). */\n  async hasValues(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-bar-chart__value')()) !== null;\n  }\n\n  /** The plot's height in pixels, as the component writes it inline. */\n  async getPlotHeight(): Promise<number> {\n    return Number.parseFloat(await (await this.locatorFor('.wr-bar-chart__plot')()).getCssValue('height'));\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAAA;;;;;AAKG;AAMH;;;;;;;;;;;;;;;;;;;;;;;AAuBG;AACG,MAAO,iBAAkB,SAAQ,gBAAgB,CAAA;AACrD,IAAA,OAAO,YAAY,GAAG,cAAc;;AAGpC,IAAA,OAAO,IAAI,CAAC,OAAA,GAAoC,EAAE,EAAA;QAChD,OAAO,IAAI,gBAAgB,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC,SAAS,CAC/D,UAAU,EACV,OAAO,CAAC,QAAQ,EAChB,OAAO,OAAO,EAAE,KAAK,KAAI;YACvB,KAAK,MAAM,OAAO,IAAI,MAAM,OAAO,CAAC,SAAS,EAAE,EAAE;gBAC/C,IAAI,MAAM,gBAAgB,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC;AAAE,oBAAA,OAAO,IAAI;YACvE;AACA,YAAA,OAAO,KAAK;AACd,QAAA,CAAC,CACF;IACH;;AAGA,IAAA,MAAM,OAAO,GAAA;QACX,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC,uBAAuB,CAAC,EAAE;QACnE,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,EAAE;AAC7D,QAAA,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,SAAS,EAAE;AAErC,QAAA,OAAO,OAAO,CAAC,GAAG,CAChB,OAAO,CAAC,GAAG,CAAC,OAAO,MAAM,EAAE,KAAK,KAAI;AAClC,YAAA,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC,IAAI,EAAE;YACjC,OAAO;AACL,gBAAA,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE;gBAC1B,KAAK,EAAE,KAAK,KAAK,EAAE,GAAG,IAAI,GAAG,KAAK;AAClC,gBAAA,IAAI,EAAE,MAAM,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC;AAC7C,gBAAA,aAAa,EAAE,MAAM,CAAC,UAAU,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;aAC1E;QACH,CAAC,CAAC,CACH;IACH;;AAGA,IAAA,MAAM,SAAS,GAAA;QACb,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC,sBAAsB,CAAC,EAAE;AACjE,QAAA,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;IACvD;;AAGA,IAAA,MAAM,kBAAkB,GAAA;QACtB,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC,uBAAuB,CAAC,EAAE;QACnE,OAAO,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,IAAI,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC;IAC9E;;AAGA,IAAA,MAAM,WAAW,GAAA;AACf,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,aAAa,CAAC,uBAAuB,CAAC,EAAE,EAAE,MAAM;IACrE;;AAGA,IAAA,MAAM,SAAS,GAAA;AACb,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,kBAAkB,CAAC,sBAAsB,CAAC,EAAE,MAAM,IAAI;IAC3E;;AAGA,IAAA,MAAM,aAAa,GAAA;QACjB,OAAO,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,qBAAqB,CAAC,EAAE,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IACxG;;;AChGF;;AAEG;;;;"}