ngwr 10.2.0 → 11.0.0

package/fesm2022/ngwr-segmented-testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-segmented-testing.mjs","sources":["../../../projects/lib/segmented/testing/wr-segmented-option-harness.ts","../../../projects/lib/segmented/testing/wr-segmented-harness.ts","../../../projects/lib/segmented/testing/ngwr-segmented-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 { WrSegmentedOptionHarnessFilters } from './interfaces';\n\n/**\n * Test harness for one segment of a `<wr-segmented>` — an option, not a control.\n *\n * A segment is a real `<button type=\"button\">` carrying `aria-pressed`, so it is a\n * TOGGLE BUTTON to a screen reader: it announces its own pressed state and its own\n * name, and it is its own tab stop. That is why this exists as a harness of its own,\n * and why the questions below are worth asking per segment rather than in bulk on\n * `WrSegmentedHarness` — which is where the SELECTION lives.\n *\n * Three name-shaped methods, because a segment has three different names and only\n * one of them is what a person hears:\n *\n * - {@link getText} — the visible label, `null` for an icon-only segment.\n * - {@link getAccessibleName} — what is announced, `null` when nothing names it.\n * - {@link getLabel} — the same, but it refuses to answer `null`, so a spec\n *   addressing segments by label fails where the mistake is rather than three\n *   lines later.\n *\n * @example\n * ```ts\n * const segmented = await loader.getHarness(WrSegmentedHarness);\n * const [, week] = await segmented.getOptions();\n *\n * await week.select();\n * expect(await week.isSelected()).toBe(true);\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrSegmentedOptionHarness extends ComponentHarness {\n  /** The segment is a plain `<button>` — the BEM class is what identifies it. */\n  static hostSelector = '.wr-segmented__option';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrSegmentedOptionHarnessFilters = {}): HarnessPredicate<WrSegmentedOptionHarness> {\n    return (\n      new HarnessPredicate(WrSegmentedOptionHarness, options)\n        // Matched on the nullable name, not on `getLabel()`: a predicate runs against\n        // EVERY segment, so one unnamed sibling would otherwise throw a query for the\n        // others out of the water.\n        .addOption('label', options.label, (harness, label) =>\n          HarnessPredicate.stringMatches(harness.getAccessibleName(), label)\n        )\n        .addOption('selected', options.selected, async (harness, selected) => (await harness.isSelected()) === selected)\n        .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled)\n    );\n  }\n\n  private readonly labelText = this.locatorForOptional('.wr-segmented__label');\n  private readonly icon = this.locatorForOptional('.wr-segmented__icon');\n\n  /**\n   * The visible label, or `null` for an icon-only segment.\n   *\n   * `null` rather than `''`: the label element is only rendered when the option\n   * carries a `label`, and \"no text at all\" and \"an empty label\" are different\n   * mistakes to be looking at.\n   */\n  async getText(): Promise<string | null> {\n    const label = await this.labelText();\n    return label ? label.text() : null;\n  }\n\n  /**\n   * The name a screen reader announces for this segment, or `null` when nothing\n   * names it.\n   *\n   * The component's own fallback chain, read back off the page: a labelled segment\n   * is named by its text and carries no `aria-label`; an icon-only one is named by\n   * `aria-label`, which the template fills from the option's `ariaLabel` or — as a\n   * last resort — from its stringified `value`.\n   *\n   * `null` is a finding, not a detail: an icon-only segment whose option supplied\n   * neither an `ariaLabel` nor a stringifiable value is announced as a bare unnamed\n   * button.\n   */\n  async getAccessibleName(): Promise<string | null> {\n    const text = await this.getText();\n    if (text !== null) return text;\n    return (await this.host()).getAttribute('aria-label');\n  }\n\n  /**\n   * The segment's accessible name, for addressing it — and a targeted failure when\n   * it has none.\n   *\n   * {@link getAccessibleName} is the same answer without the refusal; use that one\n   * when `null` is what a spec is checking for.\n   */\n  async getLabel(): Promise<string> {\n    const name = await this.getAccessibleName();\n    if (name === null) {\n      throw new Error(\n        'WrSegmentedOptionHarness.getLabel(): this segment has no name — it renders no label and carries no ' +\n          '`aria-label`, so a screen reader announces an unnamed button. Give the option a `label`, or an ' +\n          '`ariaLabel` when it is icon-only.'\n      );\n    }\n    return name;\n  }\n\n  /**\n   * Whether this segment is the control's current answer.\n   *\n   * From `aria-pressed`, in preference to the `wr-segmented__option--selected`\n   * class: both are public and they move together, but the class only recolours the\n   * label while the attribute is the entire state a screen reader is given.\n   */\n  async isSelected(): Promise<boolean> {\n    return (await (await this.host()).getAttribute('aria-pressed')) === 'true';\n  }\n\n  /**\n   * Whether the segment refuses selection — for either reason.\n   *\n   * The native `disabled` PROPERTY, which is what actually blocks activation. The\n   * option's own `disabled` and the whole control's land on it identically, and from\n   * outside they are the same thing: this segment cannot be picked. Ask\n   * `WrSegmentedHarness.isDisabled()` for which of the two it was.\n   */\n  async isDisabled(): Promise<boolean> {\n    return (await this.host()).getProperty<boolean>('disabled');\n  }\n\n  /** Whether the segment renders an icon beside (or instead of) its label. */\n  async hasIcon(): Promise<boolean> {\n    return (await this.icon()) !== null;\n  }\n\n  /**\n   * The name of the segment's icon, or `null` when it renders none.\n   *\n   * From `data-icon`, which `<wr-icon>` reflects. The glyph itself is markup the\n   * icon registry writes into the element, and an UNREGISTERED name leaves that\n   * empty — so the attribute is the only place the wiring survives, and it is the\n   * one that tells \"no icon asked for\" from \"icon asked for, never registered\".\n   */\n  async getIconName(): Promise<string | null> {\n    const icon = await this.icon();\n    return icon ? icon.getAttribute('data-icon') : null;\n  }\n\n  /**\n   * Pick this segment.\n   *\n   * A click, and deliberately not a keypress: activating a `<button>` from the\n   * keyboard is the BROWSER's default action for Enter / Space — the component\n   * implements no key handling of its own — and jsdom implements none of it either,\n   * so there is nothing here for a key to drive. A no-arg CDK click needs no\n   * layout, which is the other half of why this is the drivable path.\n   *\n   * Nothing happens when the segment is already selected (a segmented control has no\n   * untoggle), and nothing happens when it is disabled — but not for the reason the\n   * `pointer-events: none` on a whole disabled control suggests, which is CSS a unit\n   * test never applies. The CDK's own `click()` reads the native `disabled` PROPERTY\n   * and dispatches the mouse sequence WITHOUT the final `click` event, so on a\n   * disabled segment the component's handler is never reached at all (measured: zero\n   * click events). Either way the value does not move and this resolves quietly, so\n   * assert the result rather than assume it, or reach for\n   * `WrSegmentedHarness.select()`, which says which of the two it was.\n   */\n  async select(): Promise<void> {\n    return (await this.host()).click();\n  }\n\n  /** Move keyboard focus to the segment. Each segment is its own tab stop. */\n  async focus(): Promise<void> {\n    return (await this.host()).focus();\n  }\n\n  /** Take focus off the segment. */\n  async blur(): Promise<void> {\n    return (await this.host()).blur();\n  }\n\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 } from '@angular/cdk/testing';\n\nimport type { WrSegmentedSize } from 'ngwr/segmented';\n\nimport type { WrSegmentedHarnessFilters, WrSegmentedOptionHarnessFilters } from './interfaces';\nimport { WrSegmentedOptionHarness } from './wr-segmented-option-harness';\n\n/** Sizes that earn a modifier class — `md` is the default and carries none. */\nconst SIZES: readonly WrSegmentedSize[] = ['sm', 'lg'];\n\n/**\n * Test harness for `<wr-segmented>` — the root of a two-class family with\n * {@link WrSegmentedOptionHarness}.\n *\n * **What the control actually is**, because it decides everything below: not a\n * `radiogroup`, not a `tablist` and not native radios. The host is a plain\n * `role=\"group\"` and each segment is a `<button aria-pressed>` — a row of toggle\n * buttons over one value. Three consequences a spec has to know about:\n *\n * - The selection is `aria-pressed`, on exactly one segment. There is no\n *   `aria-checked`, no `aria-selected`, and no \"2 of 3\" position announced.\n * - **There is no roving tab stop.** The component authors no `tabindex` and no\n *   arrow-key handler, so every enabled segment is its OWN tab stop —\n *   {@link getTabStopLabels} returns a list where a radiogroup or a tablist would\n *   have one entry. Focus and selection are therefore independent here:\n *   {@link getFocusedLabel} implies nothing about {@link getSelectedIndex}, and\n *   arrowing along the strip moves neither.\n * - Activation is the browser's own default action on a button, which jsdom does not\n *   implement, so {@link select} clicks — see {@link WrSegmentedOptionHarness.select}.\n *\n * **There is deliberately no `getValue()` and no selection by value.** `options` is\n * a bound array of `{ value, label, … }` and the value is a generic `T` the component\n * writes nowhere — not on the host, not on a segment. The single exception is an\n * accident rather than an addressing scheme: an icon-only option with no `ariaLabel`\n * has its value stringified into the segment's `aria-label`, which for an object\n * value reads `[object Object]`. So address segments by their label\n * ({@link select}) or by position ({@link selectAt}), and assert the picked value on\n * the host's own model — the only place it exists, and the assertion that would have\n * caught the bug anyway.\n *\n * The sliding thumb is decoration (`aria-hidden`), and the four methods that mention\n * it read what the component PUBLISHES for the stylesheet — two custom properties and\n * two modifier classes — never painted geometry, which a DOM without layout does not\n * have. {@link getThumbIndex} in particular is not the selection; it is the trap that\n * method documents.\n *\n * @example\n * ```ts\n * const range = await loader.getHarness(WrSegmentedHarness.with({ label: 'Range' }));\n *\n * expect(await range.getOptionLabels()).toEqual(['Day', 'Week', 'Month']);\n * await range.select({ label: 'Week' });\n * expect(await range.getSelectedIndex()).toBe(1);\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrSegmentedHarness extends ComponentHarness {\n  static hostSelector = 'wr-segmented';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrSegmentedHarnessFilters = {}): HarnessPredicate<WrSegmentedHarness> {\n    return new HarnessPredicate(WrSegmentedHarness, options)\n      .addOption('label', options.label, (harness, label) =>\n        HarnessPredicate.stringMatches(harness.getAccessibleName(), label)\n      )\n      .addOption('size', options.size, async (harness, size) => (await harness.getSize()) === size)\n      .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);\n  }\n\n  /**\n   * The role the host announces — `group`.\n   *\n   * Worth pinning precisely because it is the weaker of the shapes this component\n   * could have had: a `group` of toggle buttons tells a screen reader that the\n   * segments belong together, and nothing more. Were this to become a `radiogroup` or\n   * a `tablist`, the keyboard contract would change with it (one tab stop, arrow keys\n   * moving the selection), and every spec written against {@link getTabStopLabels}\n   * would need to change too.\n   */\n  async getRole(): Promise<string | null> {\n    return (await this.host()).getAttribute('role');\n  }\n\n  /**\n   * The control's accessible name, resolved the way a screen reader resolves it: the\n   * text of every element `aria-labelledby` points at, and `aria-label` only when\n   * that named nothing. `null` when the consumer wired neither.\n   *\n   * The order is not interchangeable — `aria-labelledby` WINS in the accessible-name\n   * computation — so a control carrying both is announced by the heading it points at,\n   * and reporting the `aria-label` would describe a name nobody hears.\n   *\n   * The component ships no label input on purpose (the question is the consumer's own\n   * heading), so this is the only way to check that wiring held, and a `null` on a\n   * group of three unrelated-sounding buttons is a real finding.\n   */\n  async getAccessibleName(): Promise<string | null> {\n    const host = await this.host();\n\n    const labelledBy = await host.getAttribute('aria-labelledby');\n    if (labelledBy !== null) {\n      // Resolved from the document root: `aria-labelledby` may point anywhere on the\n      // page, and the heading above a control is normally outside it.\n      const root = this.documentRootLocatorFactory();\n      const texts: string[] = [];\n      for (const id of labelledBy.split(/\\s+/).filter(Boolean)) {\n        const target = await root.locatorForOptional(`#${id}`)();\n        if (target) texts.push(await target.text());\n      }\n\n      // A reference that resolves to nothing names nothing, and the computation falls\n      // through to `aria-label` exactly as it does in a browser.\n      if (texts.length) return texts.join(' ');\n    }\n\n    return host.getAttribute('aria-label');\n  }\n\n  /** This control's own segments, in DOM order. A sibling control's are not here. */\n  async getOptions(filters: WrSegmentedOptionHarnessFilters = {}): Promise<WrSegmentedOptionHarness[]> {\n    return this.locatorForAll(WrSegmentedOptionHarness.with(filters))();\n  }\n\n  /**\n   * The accessible name of every segment, in DOM order — the visible labels, with an\n   * icon-only segment answering with the `aria-label` that stands in for its text.\n   *\n   * Throws when a segment has no name at all, rather than leaving a hole in the list:\n   * see {@link WrSegmentedOptionHarness.getLabel}.\n   */\n  async getOptionLabels(): Promise<string[]> {\n    const options = await this.getOptions();\n    return Promise.all(options.map(option => option.getLabel()));\n  }\n\n  /** The pressed segment, or `null` when nothing is selected. */\n  async getSelectedOption(): Promise<WrSegmentedOptionHarness | null> {\n    const [selected] = await this.getOptions({ selected: true });\n    return selected ?? null;\n  }\n\n  /**\n   * The accessible name of the pressed segment, or `null` when nothing is selected.\n   *\n   * `null` is also the answer for a bound value that matches no option — the control\n   * holds it, no segment is pressed, and the page shows an unanswered control. See\n   * {@link getThumbIndex}, which does NOT answer `null` in that state.\n   */\n  async getSelectedLabel(): Promise<string | null> {\n    const selected = await this.getSelectedOption();\n    return selected ? selected.getLabel() : null;\n  }\n\n  /**\n   * The position of the pressed segment, or `-1` when nothing is selected.\n   *\n   * Derived from `aria-pressed`, which is the selection. The other index on the page —\n   * the thumb's — is not; it clamps at 0 (see {@link getThumbIndex}).\n   */\n  async getSelectedIndex(): Promise<number> {\n    const options = await this.getOptions();\n    for (let index = 0; index < options.length; index++) {\n      if (await options[index].isSelected()) return index;\n    }\n    return -1;\n  }\n\n  /**\n   * Pick the first segment matching the filters — this is how the control's value\n   * changes.\n   *\n   * Throws when nothing matches, naming the segments that do exist, and throws again\n   * when the segment is still unpressed afterwards. That second failure has exactly\n   * two causes and reports both, because a click that quietly did nothing surfaces as\n   * an unrelated assertion three lines later.\n   */\n  async select(filters: WrSegmentedOptionHarnessFilters): Promise<void> {\n    const [option] = await this.getOptions(filters);\n    if (!option) {\n      throw new Error(\n        `WrSegmentedHarness.select(): no segment matched ${JSON.stringify(filters)}. This control offers: ` +\n          `${(await this.describeOptions()).join(', ')}.`\n      );\n    }\n    await this.pick(option, 'select');\n  }\n\n  /**\n   * Pick the segment at a position, counting from zero — the addressing route for an\n   * icon-only strip, or for one whose labels a spec would rather not hard-code.\n   *\n   * Throws on an index outside the control, saying how many segments there are: an\n   * off-by-one that resolved to nothing would otherwise read as \"the click did not\n   * take\".\n   */\n  async selectAt(index: number): Promise<void> {\n    const options = await this.getOptions();\n    const option = options[index];\n    if (!option) {\n      throw new Error(\n        `WrSegmentedHarness.selectAt(): index ${index} is outside this control, which has ${options.length} ` +\n          `segment(s): ${(await this.describeOptions()).join(', ')}.`\n      );\n    }\n    await this.pick(option, 'selectAt');\n  }\n\n  /**\n   * Whether the control was disabled AS A WHOLE, from the `wr-segmented--disabled`\n   * modifier.\n   *\n   * Deliberately not \"every segment is disabled\": a control whose options each carry\n   * their own `disabled` looks identical to a user, and the modifier is the only thing\n   * on the page that tells the two apart. What actually blocks a click is the native\n   * `disabled` each button gets either way — ask a segment\n   * ({@link WrSegmentedOptionHarness.isDisabled}) for that.\n   */\n  async isDisabled(): Promise<boolean> {\n    return (await this.host()).hasClass('wr-segmented--disabled');\n  }\n\n  /**\n   * The rendered control size.\n   *\n   * `md` is the component's own default and earns NO modifier class, so a bare host\n   * IS `md` — the absence is the answer rather than a missing one. Read from the\n   * class instead of the input, which is also why this reports what was rendered:\n   * unlike the form controls, `<wr-segmented>` does not resolve its size through\n   * `provideWrConfig()`, so an app-wide default set there does not reach it and this\n   * will say so.\n   */\n  async getSize(): Promise<WrSegmentedSize> {\n    const host = await this.host();\n    for (const size of SIZES) {\n      if (await host.hasClass(`wr-segmented--${size}`)) return size;\n    }\n    return 'md';\n  }\n\n  /**\n   * The accessible name of every segment a Tab press can reach, in tab order.\n   *\n   * A LIST, not one label, and that is the shape worth pinning: the component authors\n   * no roving `tabindex`, so each enabled segment is its own tab stop and reaching the\n   * third one takes three Tabs. An all-disabled control is skipped over entirely and\n   * answers `[]`.\n   *\n   * Unnamed segments are reported as `(unnamed)` rather than throwing — a tab order is\n   * still a fact worth reading on a page that has that bug in it.\n   */\n  async getTabStopLabels(): Promise<string[]> {\n    const enabled = await this.getOptions({ disabled: false });\n    return this.describe(enabled);\n  }\n\n  /**\n   * The accessible name of the segment that currently holds focus, or `null` when\n   * focus is elsewhere.\n   *\n   * Independent of the selection here — see the note on the class. Reported as\n   * `(unnamed)` for a segment with no name, for the reason\n   * {@link getTabStopLabels} gives.\n   */\n  async getFocusedLabel(): Promise<string | null> {\n    for (const option of await this.getOptions()) {\n      if (await option.isFocused()) {\n        return (await option.getAccessibleName()) ?? '(unnamed)';\n      }\n    }\n    return null;\n  }\n\n  /**\n   * The index the component publishes for the thumb, from the\n   * `--wr-segmented-thumb-index` custom property it sets inline.\n   *\n   * **Not the selection, and this is the difference that bites.** The property is\n   * `Math.max(0, selectedIndex)`, so a control holding a value that matches no option\n   * publishes `0` — the thumb parks under the FIRST segment and is hidden by\n   * {@link isThumbVisible} instead of being moved out of the way. A harness that read\n   * this to answer \"which segment is selected\" would report segment one for a control\n   * with no selection at all. {@link getSelectedIndex} is the selection.\n   *\n   * It is also not where the thumb IS: the stylesheet turns this into a `translateX`,\n   * and no measurement of that survives a DOM without layout. This is the input to\n   * that, which is the part a unit test can honestly check.\n   */\n  async getThumbIndex(): Promise<number> {\n    return this.thumbVar('--wr-segmented-thumb-index');\n  }\n\n  /**\n   * The segment count the component publishes for the thumb, from\n   * `--wr-segmented-thumb-count` — the divisor the stylesheet computes the thumb's\n   * width with.\n   *\n   * Should always equal the number of segments, and the reason to ask is that nothing\n   * else notices when it does not: a count that fell out of step with the options\n   * leaves the thumb the wrong width and sliding to the wrong place, while every ARIA\n   * state on the page stays correct. It is clamped to a minimum of `1`, so an empty\n   * control reports `1` rather than dividing by zero.\n   */\n  async getThumbCount(): Promise<number> {\n    return this.thumbVar('--wr-segmented-thumb-count');\n  }\n\n  /**\n   * Whether the thumb is being shown at all.\n   *\n   * Read from the ABSENCE of the `wr-segmented--unselected` modifier, which is the\n   * hook the stylesheet zeroes the thumb's opacity through. The computed opacity is\n   * not the answer here — a unit test applies no stylesheet — so the public modifier\n   * is the contract, and it is what tells \"parked under segment one\" from \"hidden\n   * because nothing is selected\".\n   */\n  async isThumbVisible(): Promise<boolean> {\n    return !(await (await this.host()).hasClass('wr-segmented--unselected'));\n  }\n\n  /**\n   * Whether the thumb will animate its next move, from the `wr-segmented--mounted`\n   * modifier that gates the transition.\n   *\n   * Not \"the thumb is animating now\": nothing about a running animation is visible to\n   * a unit test. What this pins is the deliberate asymmetry — the class is added in\n   * `afterNextRender`, so the FIRST snap to the initial value is instant and every\n   * user-driven move after it slides. Deferred work like that only lands once the\n   * fixture is stable, which every harness read already waits for.\n   */\n  async isThumbTransitionEnabled(): Promise<boolean> {\n    return (await this.host()).hasClass('wr-segmented--mounted');\n  }\n\n  /** Click a segment and turn a click that did nothing into a failure that says why. */\n  private async pick(option: WrSegmentedOptionHarness, caller: 'select' | 'selectAt'): Promise<void> {\n    await option.select();\n\n    if (!(await option.isSelected())) {\n      const name = (await option.getAccessibleName()) ?? '(unnamed)';\n      throw new Error(\n        `WrSegmentedHarness.${caller}(): \"${name}\" is still unpressed after being clicked — either that ` +\n          'option carries `disabled` or the whole control does.'\n      );\n    }\n  }\n\n  /** Segment names for an error message, which must not throw on its way out. */\n  private async describeOptions(): Promise<string[]> {\n    return this.describe(await this.getOptions());\n  }\n\n  private async describe(options: readonly WrSegmentedOptionHarness[]): Promise<string[]> {\n    return Promise.all(options.map(async option => (await option.getAccessibleName()) ?? '(unnamed)'));\n  }\n\n  /** One of the thumb's inline custom properties, as a number. */\n  private async thumbVar(property: string): Promise<number> {\n    const raw = (await (await this.host()).getCssValue(property)).trim();\n    const value = Number.parseInt(raw, 10);\n    if (Number.isNaN(value)) {\n      throw new Error(\n        `WrSegmentedHarness: could not read \\`${property}\\`, which computed to \"${raw}\". The component sets it ` +\n          'inline on the host; an environment that drops custom properties cannot answer this.'\n      );\n    }\n    return value;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngwr-segmented.mjs

@@ -68,10 +68,10 @@ class WrSegmented {
     trackByValue(_, option) {
         return option.value;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrSegmented, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: WrSegmented, isStandalone: true, selector: "wr-segmented", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "role": "group" }, properties: { "class": "classes()", "style": "thumbStyle()" } }, ngImport: i0, template: "<span class=\"wr-segmented__thumb\" aria-hidden=\"true\"></span>\n\n@for (option of options(); track option.value) {\n  <button\n    type=\"button\"\n    class=\"wr-segmented__option\"\n    [class.wr-segmented__option--selected]=\"isSelected(option)\"\n    [disabled]=\"disabled() || !!option.disabled\"\n    [attr.aria-pressed]=\"isSelected(option)\"\n    [attr.aria-label]=\"option.label ? null : (option.ariaLabel ?? option.value)\"\n    (click)=\"select(option)\"\n  >\n    @if (option.icon) {\n      <wr-icon class=\"wr-segmented__icon\" [name]=\"option.icon\" />\n    }\n    @if (option.label) {\n      <span class=\"wr-segmented__label\">{{ option.label }}</span>\n    }\n  </button>\n}\n", dependencies: [{ kind: "component", type: WrIcon, selector: "wr-icon", inputs: ["name"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrSegmented, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: WrSegmented, isStandalone: true, selector: "wr-segmented", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "role": "group" }, properties: { "class": "classes()", "style": "thumbStyle()" } }, ngImport: i0, template: "<span class=\"wr-segmented__thumb\" aria-hidden=\"true\"></span>\n\n@for (option of options(); track option.value) {\n  <button\n    type=\"button\"\n    class=\"wr-segmented__option\"\n    [class.wr-segmented__option--selected]=\"isSelected(option)\"\n    [disabled]=\"disabled() || !!option.disabled\"\n    [attr.aria-pressed]=\"isSelected(option)\"\n    [attr.aria-label]=\"option.label ? null : (option.ariaLabel ?? option.value)\"\n    (click)=\"select(option)\"\n  >\n    @if (option.icon) {\n      <wr-icon class=\"wr-segmented__icon\" [name]=\"option.icon\" />\n    }\n    @if (option.label) {\n      <span class=\"wr-segmented__label\">{{ option.label }}</span>\n    }\n  </button>\n}\n", dependencies: [{ kind: "component", type: WrIcon, selector: "wr-icon", inputs: ["name"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrSegmented, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrSegmented, decorators: [{
             type: Component,
             args: [{ selector: 'wr-segmented', encapsulation: ViewEncapsulation.None, host: { '[class]': 'classes()', '[style]': 'thumbStyle()', role: 'group' }, imports: [WrIcon], template: "<span class=\"wr-segmented__thumb\" aria-hidden=\"true\"></span>\n\n@for (option of options(); track option.value) {\n  <button\n    type=\"button\"\n    class=\"wr-segmented__option\"\n    [class.wr-segmented__option--selected]=\"isSelected(option)\"\n    [disabled]=\"disabled() || !!option.disabled\"\n    [attr.aria-pressed]=\"isSelected(option)\"\n    [attr.aria-label]=\"option.label ? null : (option.ariaLabel ?? option.value)\"\n    (click)=\"select(option)\"\n  >\n    @if (option.icon) {\n      <wr-icon class=\"wr-segmented__icon\" [name]=\"option.icon\" />\n    }\n    @if (option.label) {\n      <span class=\"wr-segmented__label\">{{ option.label }}</span>\n    }\n  </button>\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });

package/fesm2022/ngwr-select-testing.mjs

@@ -0,0 +1,268 @@
+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 option inside a `<wr-select>` panel.
+ *
+ * The selector is the CLASS, not the `wr-option` element: a select rendering a
+ * virtualized list emits plain `<div role="option" class="wr-option">` rows
+ * instead of components, and a spec should not have to care which one it got.
+ *
+ * @see https://ngwr.dev/guides/testing
+ */
+class WrOptionHarness extends ComponentHarness {
+    /** The projected component and the virtualized row both carry this class. */
+    static hostSelector = '.wr-option';
+    /** Build a predicate that narrows the query. */
+    static with(options = {}) {
+        return new HarnessPredicate(WrOptionHarness, options)
+            .addOption('text', options.text, (harness, text) => HarnessPredicate.stringMatches(harness.getText(), text))
+            .addOption('selected', options.selected, async (harness, selected) => (await harness.isSelected()) === selected)
+            .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);
+    }
+    /** The option's label, trimmed. */
+    async getText() {
+        return (await this.host()).text();
+    }
+    /** Whether the option is currently selected. */
+    async isSelected() {
+        return (await (await this.host()).getAttribute('aria-selected')) === 'true';
+    }
+    /** Whether the option refuses selection. */
+    async isDisabled() {
+        return (await (await this.host()).getAttribute('aria-disabled')) === 'true';
+    }
+    /** Whether the option is the keyboard cursor target. */
+    async isActive() {
+        return (await this.host()).hasClass('wr-option--active');
+    }
+    /**
+     * Whether a search query has filtered this option out.
+     *
+     * Filtered options stay in the DOM — registration order has to survive a
+     * query — and collapse via CSS, so a spec that counts options while a search
+     * is active gets them back unless it asks. `getOptions()` on the select
+     * harness already drops them.
+     */
+    async isHidden() {
+        return (await this.host()).hasClass('wr-option--hidden');
+    }
+    /** Click the option. */
+    async click() {
+        return (await this.host()).click();
+    }
+}
+
+/**
+ * @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-select>` — single, multi, tag and search modes.
+ *
+ * The panel is NOT inside the select: it is a template portal in the overlay
+ * container, a sibling of the whole app. So the options are reached through the
+ * document root, scoped by the `aria-controls` id the trigger already publishes
+ * — which is what keeps two selects on one page from reading each other's
+ * options.
+ *
+ * @example
+ * ```ts
+ * const select = await loader.getHarness(WrSelectHarness);
+ *
+ * await select.open();
+ * await select.selectOption({ text: 'Medium' });
+ *
+ * expect(await select.getValueText()).toBe('Medium');
+ * ```
+ *
+ * @see https://ngwr.dev/guides/testing
+ */
+class WrSelectHarness extends ComponentHarness {
+    static hostSelector = 'wr-select';
+    /** Build a predicate that narrows the query. */
+    static with(options = {}) {
+        return new HarnessPredicate(WrSelectHarness, options)
+            .addOption('text', options.text, (harness, text) => HarnessPredicate.stringMatches(harness.getValueText(), text))
+            .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled)
+            .addOption('open', options.open, async (harness, open) => (await harness.isOpen()) === open);
+    }
+    /** Whether the panel is showing. */
+    async isOpen() {
+        return (await this.host()).hasClass('wr-select--open');
+    }
+    /** Whether the select refuses interaction. */
+    async isDisabled() {
+        return (await this.host()).hasClass('wr-select--disabled');
+    }
+    /** Whether the select takes more than one value (multi or tag mode). */
+    async isMultiple() {
+        return (await this.host()).hasClass('wr-select--multi');
+    }
+    /**
+     * What the trigger currently shows as the selection: the chip labels joined by
+     * `', '` in multi and tag modes, the label in single mode, the input's text in
+     * search mode, and `''` when nothing is selected (the placeholder is showing).
+     */
+    async getValueText() {
+        const chips = await this.getChipLabels();
+        if (chips.length > 0)
+            return chips.join(', ');
+        const value = await this.locatorForOptional('.wr-select__value')();
+        if (value)
+            return value.text();
+        // Search mode keeps the display text in the input's value, not in the DOM.
+        const search = await this.locatorForOptional('.wr-select__search-input')();
+        return search ? search.getProperty('value') : '';
+    }
+    /** The placeholder, or `null` when a selection is hiding it. */
+    async getPlaceholder() {
+        const placeholder = await this.locatorForOptional('.wr-select__placeholder')();
+        if (placeholder)
+            return placeholder.text();
+        const input = await this.searchInput();
+        return input ? input.getProperty('placeholder') : null;
+    }
+    /** The visible chip labels, in order. The `+N more` overflow chip is not one. */
+    async getChipLabels() {
+        const labels = await this.locatorForAll('.wr-select__chip-label')();
+        return Promise.all(labels.map(label => label.text()));
+    }
+    /**
+     * Open the panel.
+     *
+     * Throws rather than resolving quietly when the panel does not appear, because
+     * the two reasons it would not are both worth failing on: a tag-mode select
+     * has no panel at all, and a searchable one with `minChars` opens on the query
+     * rather than on focus.
+     */
+    async open() {
+        if (await this.isOpen())
+            return;
+        await (await this.locatorFor('.wr-select__trigger')()).click();
+        if (await this.isOpen())
+            return;
+        throw new Error('WrSelectHarness.open(): the panel did not open. A tag-mode select has no panel, and a ' +
+            'searchable select with `minChars` opens on the query — call typeSearch() instead.');
+    }
+    /** Close the panel. A closed select is left alone. */
+    async close() {
+        if (!(await this.isOpen()))
+            return;
+        // Escape reaches the select through the CDK's keyboard dispatcher, so it
+        // works for the button trigger and the search input alike.
+        await (await this.locatorFor('.wr-select__trigger')()).sendKeys(TestKey.ESCAPE);
+    }
+    /**
+     * The options currently offered, in DOM order.
+     *
+     * Filtered-out options are dropped: a client-side search leaves them in the
+     * DOM (registration order has to survive a query) and collapses them with CSS,
+     * so counting raw elements would answer with the unfiltered list.
+     */
+    async getOptions(filters = {}) {
+        const loader = await this.panelLoader();
+        const all = await loader.getAllHarnesses(WrOptionHarness.with(filters));
+        const visible = [];
+        for (const option of all) {
+            if (!(await option.isHidden()))
+                visible.push(option);
+        }
+        return visible;
+    }
+    /** The labels of the options currently offered, in DOM order. */
+    async getOptionLabels() {
+        const options = await this.getOptions();
+        return Promise.all(options.map(option => option.getText()));
+    }
+    /** Open the panel if needed, then click the first option matching the filters. */
+    async selectOption(filters) {
+        await this.open();
+        const [option] = await this.getOptions(filters);
+        if (!option)
+            throw new Error(`WrSelectHarness.selectOption(): no option matched ${JSON.stringify(filters)}.`);
+        await option.click();
+    }
+    /** Type into a search or tag select's input, replacing whatever is there. */
+    async typeSearch(query) {
+        const input = await this.searchInput();
+        if (!input)
+            throw new Error('WrSelectHarness.typeSearch(): this select has no text input.');
+        await input.clear();
+        if (query)
+            await input.sendKeys(query);
+    }
+    /** Click the clear (×) control. It only exists on a `clearable` select with a selection. */
+    async clear() {
+        await (await this.locatorFor('.wr-select__clear')()).click();
+    }
+    /** Remove one chip by its label. */
+    async removeChip(label) {
+        const labels = await this.getChipLabels();
+        const index = labels.indexOf(label);
+        if (index < 0)
+            throw new Error(`WrSelectHarness.removeChip(): no chip labelled "${label}".`);
+        // Label and remove control are emitted once per chip by the same loop, so
+        // the two lists line up by index.
+        const removes = await this.locatorForAll('.wr-select__chip-remove')();
+        await removes[index].click();
+    }
+    /** The "no results" message, or `null` when the panel is showing options. */
+    async getNoResultsText() {
+        const empty = await this.inPanel('.wr-select-panel__empty');
+        return empty ? empty.text() : null;
+    }
+    /** Whether the panel is showing its async loading row. */
+    async isLoading() {
+        return (await this.inPanel('.wr-select-panel__loading')) !== null;
+    }
+    /** Move keyboard focus to the select. */
+    async focus() {
+        const input = await this.searchInput();
+        return (input ?? (await this.locatorFor('.wr-select__trigger')())).focus();
+    }
+    /** The text input of a search or tag select, or `null` for the button trigger. */
+    async searchInput() {
+        return this.locatorForOptional('.wr-select__search-input, .wr-select__tag-input')();
+    }
+    /** One element inside THIS select's panel, or `null`. */
+    async inPanel(selector) {
+        return this.documentRootLocatorFactory().locatorForOptional(`#${await this.panelId()} ${selector}`)();
+    }
+    /**
+     * A loader scoped to THIS select's panel.
+     *
+     * Scoped by the `aria-controls` id rather than by `.wr-select-panel`: the
+     * overlay container is shared, so a bare class query would happily return the
+     * options of a different select that happens to be open.
+     */
+    async panelLoader() {
+        return this.documentRootLocatorFactory().harnessLoaderFor(`#${await this.panelId()}`);
+    }
+    /** The id the trigger publishes as `aria-controls`, which the panel carries. */
+    async panelId() {
+        const combobox = await this.locatorForOptional('[role="combobox"]')();
+        const id = combobox ? await combobox.getAttribute('aria-controls') : null;
+        if (!id) {
+            throw new Error('WrSelectHarness: this select has no panel — tag mode renders its options inline.');
+        }
+        if (!(await this.isOpen())) {
+            throw new Error('WrSelectHarness: the panel is closed — call open() first.');
+        }
+        return id;
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrOptionHarness, WrSelectHarness };
+//# sourceMappingURL=ngwr-select-testing.mjs.map

package/fesm2022/ngwr-select-testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-select-testing.mjs","sources":["../../../projects/lib/select/testing/wr-option-harness.ts","../../../projects/lib/select/testing/wr-select-harness.ts","../../../projects/lib/select/testing/ngwr-select-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 { WrOptionHarnessFilters } from './interfaces';\n\n/**\n * Test harness for one option inside a `<wr-select>` panel.\n *\n * The selector is the CLASS, not the `wr-option` element: a select rendering a\n * virtualized list emits plain `<div role=\"option\" class=\"wr-option\">` rows\n * instead of components, and a spec should not have to care which one it got.\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrOptionHarness extends ComponentHarness {\n  /** The projected component and the virtualized row both carry this class. */\n  static hostSelector = '.wr-option';\n\n  /** Build a predicate that narrows the query. */\n  static with(options: WrOptionHarnessFilters = {}): HarnessPredicate<WrOptionHarness> {\n    return new HarnessPredicate(WrOptionHarness, options)\n      .addOption('text', options.text, (harness, text) => HarnessPredicate.stringMatches(harness.getText(), text))\n      .addOption('selected', options.selected, async (harness, selected) => (await harness.isSelected()) === selected)\n      .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);\n  }\n\n  /** The option's label, trimmed. */\n  async getText(): Promise<string> {\n    return (await this.host()).text();\n  }\n\n  /** Whether the option is currently selected. */\n  async isSelected(): Promise<boolean> {\n    return (await (await this.host()).getAttribute('aria-selected')) === 'true';\n  }\n\n  /** Whether the option refuses selection. */\n  async isDisabled(): Promise<boolean> {\n    return (await (await this.host()).getAttribute('aria-disabled')) === 'true';\n  }\n\n  /** Whether the option is the keyboard cursor target. */\n  async isActive(): Promise<boolean> {\n    return (await this.host()).hasClass('wr-option--active');\n  }\n\n  /**\n   * Whether a search query has filtered this option out.\n   *\n   * Filtered options stay in the DOM — registration order has to survive a\n   * query — and collapse via CSS, so a spec that counts options while a search\n   * is active gets them back unless it asks. `getOptions()` on the select\n   * harness already drops them.\n   */\n  async isHidden(): Promise<boolean> {\n    return (await this.host()).hasClass('wr-option--hidden');\n  }\n\n  /** Click the option. */\n  async click(): Promise<void> {\n    return (await this.host()).click();\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 {\n  ComponentHarness,\n  type HarnessLoader,\n  HarnessPredicate,\n  TestKey,\n  type TestElement,\n} from '@angular/cdk/testing';\n\nimport type { WrOptionHarnessFilters, WrSelectHarnessFilters } from './interfaces';\nimport { WrOptionHarness } from './wr-option-harness';\n\n/**\n * Test harness for `<wr-select>` — single, multi, tag and search modes.\n *\n * The panel is NOT inside the select: it is a template portal in the overlay\n * container, a sibling of the whole app. So the options are reached through the\n * document root, scoped by the `aria-controls` id the trigger already publishes\n * — which is what keeps two selects on one page from reading each other's\n * options.\n *\n * @example\n * ```ts\n * const select = await loader.getHarness(WrSelectHarness);\n *\n * await select.open();\n * await select.selectOption({ text: 'Medium' });\n *\n * expect(await select.getValueText()).toBe('Medium');\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrSelectHarness extends ComponentHarness {\n  static hostSelector = 'wr-select';\n\n  /** Build a predicate that narrows the query. */\n  static with(options: WrSelectHarnessFilters = {}): HarnessPredicate<WrSelectHarness> {\n    return new HarnessPredicate(WrSelectHarness, options)\n      .addOption('text', options.text, (harness, text) => HarnessPredicate.stringMatches(harness.getValueText(), text))\n      .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled)\n      .addOption('open', options.open, async (harness, open) => (await harness.isOpen()) === open);\n  }\n\n  /** Whether the panel is showing. */\n  async isOpen(): Promise<boolean> {\n    return (await this.host()).hasClass('wr-select--open');\n  }\n\n  /** Whether the select refuses interaction. */\n  async isDisabled(): Promise<boolean> {\n    return (await this.host()).hasClass('wr-select--disabled');\n  }\n\n  /** Whether the select takes more than one value (multi or tag mode). */\n  async isMultiple(): Promise<boolean> {\n    return (await this.host()).hasClass('wr-select--multi');\n  }\n\n  /**\n   * What the trigger currently shows as the selection: the chip labels joined by\n   * `', '` in multi and tag modes, the label in single mode, the input's text in\n   * search mode, and `''` when nothing is selected (the placeholder is showing).\n   */\n  async getValueText(): Promise<string> {\n    const chips = await this.getChipLabels();\n    if (chips.length > 0) return chips.join(', ');\n\n    const value = await this.locatorForOptional('.wr-select__value')();\n    if (value) return value.text();\n\n    // Search mode keeps the display text in the input's value, not in the DOM.\n    const search = await this.locatorForOptional('.wr-select__search-input')();\n    return search ? search.getProperty<string>('value') : '';\n  }\n\n  /** The placeholder, or `null` when a selection is hiding it. */\n  async getPlaceholder(): Promise<string | null> {\n    const placeholder = await this.locatorForOptional('.wr-select__placeholder')();\n    if (placeholder) return placeholder.text();\n\n    const input = await this.searchInput();\n    return input ? input.getProperty<string>('placeholder') : null;\n  }\n\n  /** The visible chip labels, in order. The `+N more` overflow chip is not one. */\n  async getChipLabels(): Promise<string[]> {\n    const labels = await this.locatorForAll('.wr-select__chip-label')();\n    return Promise.all(labels.map(label => label.text()));\n  }\n\n  /**\n   * Open the panel.\n   *\n   * Throws rather than resolving quietly when the panel does not appear, because\n   * the two reasons it would not are both worth failing on: a tag-mode select\n   * has no panel at all, and a searchable one with `minChars` opens on the query\n   * rather than on focus.\n   */\n  async open(): Promise<void> {\n    if (await this.isOpen()) return;\n\n    await (await this.locatorFor('.wr-select__trigger')()).click();\n    if (await this.isOpen()) return;\n\n    throw new Error(\n      'WrSelectHarness.open(): the panel did not open. A tag-mode select has no panel, and a ' +\n        'searchable select with `minChars` opens on the query — call typeSearch() instead.'\n    );\n  }\n\n  /** Close the panel. A closed select is left alone. */\n  async close(): Promise<void> {\n    if (!(await this.isOpen())) return;\n    // Escape reaches the select through the CDK's keyboard dispatcher, so it\n    // works for the button trigger and the search input alike.\n    await (await this.locatorFor('.wr-select__trigger')()).sendKeys(TestKey.ESCAPE);\n  }\n\n  /**\n   * The options currently offered, in DOM order.\n   *\n   * Filtered-out options are dropped: a client-side search leaves them in the\n   * DOM (registration order has to survive a query) and collapses them with CSS,\n   * so counting raw elements would answer with the unfiltered list.\n   */\n  async getOptions(filters: WrOptionHarnessFilters = {}): Promise<WrOptionHarness[]> {\n    const loader = await this.panelLoader();\n    const all = await loader.getAllHarnesses(WrOptionHarness.with(filters));\n\n    const visible: WrOptionHarness[] = [];\n    for (const option of all) {\n      if (!(await option.isHidden())) visible.push(option);\n    }\n    return visible;\n  }\n\n  /** The labels of the options currently offered, in DOM order. */\n  async getOptionLabels(): Promise<string[]> {\n    const options = await this.getOptions();\n    return Promise.all(options.map(option => option.getText()));\n  }\n\n  /** Open the panel if needed, then click the first option matching the filters. */\n  async selectOption(filters: WrOptionHarnessFilters): Promise<void> {\n    await this.open();\n\n    const [option] = await this.getOptions(filters);\n    if (!option) throw new Error(`WrSelectHarness.selectOption(): no option matched ${JSON.stringify(filters)}.`);\n\n    await option.click();\n  }\n\n  /** Type into a search or tag select's input, replacing whatever is there. */\n  async typeSearch(query: string): Promise<void> {\n    const input = await this.searchInput();\n    if (!input) throw new Error('WrSelectHarness.typeSearch(): this select has no text input.');\n\n    await input.clear();\n    if (query) await input.sendKeys(query);\n  }\n\n  /** Click the clear (×) control. It only exists on a `clearable` select with a selection. */\n  async clear(): Promise<void> {\n    await (await this.locatorFor('.wr-select__clear')()).click();\n  }\n\n  /** Remove one chip by its label. */\n  async removeChip(label: string): Promise<void> {\n    const labels = await this.getChipLabels();\n    const index = labels.indexOf(label);\n    if (index < 0) throw new Error(`WrSelectHarness.removeChip(): no chip labelled \"${label}\".`);\n\n    // Label and remove control are emitted once per chip by the same loop, so\n    // the two lists line up by index.\n    const removes = await this.locatorForAll('.wr-select__chip-remove')();\n    await removes[index].click();\n  }\n\n  /** The \"no results\" message, or `null` when the panel is showing options. */\n  async getNoResultsText(): Promise<string | null> {\n    const empty = await this.inPanel('.wr-select-panel__empty');\n    return empty ? empty.text() : null;\n  }\n\n  /** Whether the panel is showing its async loading row. */\n  async isLoading(): Promise<boolean> {\n    return (await this.inPanel('.wr-select-panel__loading')) !== null;\n  }\n\n  /** Move keyboard focus to the select. */\n  async focus(): Promise<void> {\n    const input = await this.searchInput();\n    return (input ?? (await this.locatorFor('.wr-select__trigger')())).focus();\n  }\n\n  /** The text input of a search or tag select, or `null` for the button trigger. */\n  private async searchInput(): Promise<TestElement | null> {\n    return this.locatorForOptional('.wr-select__search-input, .wr-select__tag-input')();\n  }\n\n  /** One element inside THIS select's panel, or `null`. */\n  private async inPanel(selector: string): Promise<TestElement | null> {\n    return this.documentRootLocatorFactory().locatorForOptional(`#${await this.panelId()} ${selector}`)();\n  }\n\n  /**\n   * A loader scoped to THIS select's panel.\n   *\n   * Scoped by the `aria-controls` id rather than by `.wr-select-panel`: the\n   * overlay container is shared, so a bare class query would happily return the\n   * options of a different select that happens to be open.\n   */\n  private async panelLoader(): Promise<HarnessLoader> {\n    return this.documentRootLocatorFactory().harnessLoaderFor(`#${await this.panelId()}`);\n  }\n\n  /** The id the trigger publishes as `aria-controls`, which the panel carries. */\n  private async panelId(): Promise<string> {\n    const combobox = await this.locatorForOptional('[role=\"combobox\"]')();\n    const id = combobox ? await combobox.getAttribute('aria-controls') : null;\n\n    if (!id) {\n      throw new Error('WrSelectHarness: this select has no panel — tag mode renders its options inline.');\n    }\n    if (!(await this.isOpen())) {\n      throw new Error('WrSelectHarness: the panel is closed — call open() first.');\n    }\n\n    return id;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}