ngwr 10.2.1 → 11.1.0

package/fesm2022/ngwr-transfer-testing.mjs

@@ -0,0 +1,538 @@
+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 one row of a `<wr-transfer>` pane.
+ *
+ * A row is a `<li>` holding a `<wr-checkbox>`, and the checkbox is the thing the
+ * user operates — so the state is read from the native `<input type="checkbox">`
+ * inside it, and {@link toggle} clicks that. The pane is deliberately NOT a
+ * `role="listbox"` of `role="option"` rows (an option may not contain an
+ * interactive control, and the axe gate says so), which is why there is no
+ * `aria-selected` here to read: the checkbox's own state IS the announcement.
+ *
+ * **Checked is not the value.** A tick stages the row for the next move and
+ * nothing more; which pane the row sits in is what `[(value)]` carries. Staging is
+ * spent — and cleared — by the move that commits it.
+ *
+ * @example
+ * ```ts
+ * const source = await transfer.getPane('source');
+ * await (await source.getItem({ label: 'Read' })).check();
+ *
+ * await transfer.moveTo('target');
+ * ```
+ *
+ * @see https://ngwr.dev/guides/testing
+ */
+class WrTransferItemHarness extends ComponentHarness {
+    /**
+     * `.wr-transfer__item` is a DATA row and nothing else.
+     *
+     * An empty pane renders an `<li class="wr-transfer__empty">` for its placeholder,
+     * so querying `li` would hand that back as a row with no checkbox to read.
+     */
+    static hostSelector = '.wr-transfer__item';
+    /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */
+    static with(options = {}) {
+        return new HarnessPredicate(WrTransferItemHarness, options)
+            .addOption('label', options.label, (harness, label) => HarnessPredicate.stringMatches(harness.getLabel(), label))
+            .addOption('checked', options.checked, async (harness, checked) => (await harness.isChecked()) === checked)
+            .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);
+    }
+    input = this.locatorFor('input.wr-checkbox__input');
+    /** The row's label, trimmed — the `WrTransferItem.label` the pane shows and the search matches. */
+    async getLabel() {
+        return (await this.locatorFor('.wr-checkbox__text')()).text();
+    }
+    /**
+     * Whether the row is STAGED for the next move.
+     *
+     * Not "selected": a row's pane is what the value says, and the tick is transient
+     * staging the move spends. `WrTransferPaneHarness.getCheckedLabels()` reads the
+     * whole staged set of a pane.
+     */
+    async isChecked() {
+        return (await this.input()).getProperty('checked');
+    }
+    /**
+     * Whether the row refuses staging.
+     *
+     * The native input's `disabled` — the state a screen reader is given and the one
+     * that decides whether a click does anything. It answers `true` for BOTH reasons a
+     * row can be inert: the item's own `disabled` flag, and a disabled transfer, which
+     * disables every row. The `wr-transfer__item--disabled` modifier only marks the
+     * first of those, so it is the narrower question and not the one that predicts
+     * behaviour.
+     */
+    async isDisabled() {
+        return (await this.input()).getProperty('disabled');
+    }
+    /**
+     * Flip the row's staging.
+     *
+     * Refuses a disabled row rather than clicking into the void: the component drops
+     * the toggle outright, so the click would resolve having changed nothing and the
+     * failure would surface as an unexplained empty move two assertions later.
+     */
+    async toggle() {
+        if (await this.isDisabled()) {
+            const label = await this.getLabel();
+            throw new Error(`WrTransferItemHarness.toggle(): "${label}" is disabled and the component refuses to stage it. ` +
+                'Either the item carries `disabled`, or the whole transfer does — check isDisabled() on the transfer too.');
+        }
+        await (await this.input()).click();
+    }
+    /** Stage the row if it is not already staged. */
+    async check() {
+        if (!(await this.isChecked()))
+            await this.toggle();
+    }
+    /** Unstage the row if it is staged. */
+    async uncheck() {
+        if (await this.isChecked())
+            await this.toggle();
+    }
+    /** Move keyboard focus onto the row's checkbox — the row's only tab stop. */
+    async focus() {
+        return (await this.input()).focus();
+    }
+    /** Whether the row's checkbox has focus. */
+    async isFocused() {
+        return (await this.input()).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
+ */
+/**
+ * Test harness for ONE pane of a `<wr-transfer>` — reached with
+ * `WrTransferHarness.getPane('source' | 'target')`.
+ *
+ * The two panes are the same block rendered twice (the component's template
+ * iterates them), so they are one harness class keyed by side rather than two sets
+ * of `…Source` / `…Target` methods: the side is named once, at `getPane()`, and
+ * every question after that is asked of a pane without repeating which one. It also
+ * means the symmetry cannot rot — a method that only works on the left is
+ * impossible to write here.
+ *
+ * What a pane SHOWS is the honest scope of everything below. `[items]` minus the
+ * value on the left, the value on the right, and then the pane's own filter on top:
+ * rows a filter has hidden are not rendered at all, are not counted by the header,
+ * and — the component's own rule — are not moved either, however they were staged.
+ *
+ * @example
+ * ```ts
+ * const source = await transfer.getPane('source');
+ *
+ * await source.search('adm');
+ * await source.checkAll();
+ * expect(await source.getCheckedLabels()).toEqual(['Admin']);
+ * ```
+ *
+ * @see https://ngwr.dev/guides/testing
+ */
+class WrTransferPaneHarness extends ComponentHarness {
+    /**
+     * The pane is a plain `<div>` with no role of its own — the heading names the
+     * list, and the checkbox in each row carries the semantics — so its BEM class is
+     * the only handle, and being `ViewEncapsulation.None` that class is public API.
+     */
+    static hostSelector = '.wr-transfer__pane';
+    /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */
+    static with(options = {}) {
+        return new HarnessPredicate(WrTransferPaneHarness, options)
+            .addOption('side', options.side, async (harness, side) => (await harness.getSide()) === side)
+            .addOption('title', options.title, (harness, title) => HarnessPredicate.stringMatches(harness.getTitle(), title));
+    }
+    list = this.locatorFor('ul.wr-transfer__list');
+    selectAllBox = this.locatorFor('.wr-transfer__head input.wr-checkbox__input');
+    searchBox = this.locatorForOptional('.wr-transfer__search input');
+    /**
+     * Which side this pane is.
+     *
+     * From the `--target` modifier rather than from DOM order: order is a layout fact
+     * that `dir="rtl"` and any future reflow are free to change, while the modifier is
+     * what the component says the pane MEANS.
+     */
+    async getSide() {
+        return (await (await this.host()).hasClass('wr-transfer__pane--target')) ? 'target' : 'source';
+    }
+    /** The pane's heading — `[sourceTitle]` / `[targetTitle]`, or the i18n fallback. */
+    async getTitle() {
+        return (await this.locatorFor('.wr-transfer__title')()).text();
+    }
+    /**
+     * The count beside the heading, verbatim — `'1 / 4'` with the built-in copy.
+     *
+     * Deliberately not parsed into numbers: it is an i18n FORMAT
+     * (`transfer.count`) a consuming app can replace wholesale, so a harness that
+     * split it on `/` would answer for the default catalog and break on a translated
+     * one. Its two numbers are `(await getCheckedLabels()).length` and
+     * `(await getItems()).length` — both of which this harness reads from the rendered
+     * rows, so a spec can assert the header agrees with them.
+     */
+    async getCountText() {
+        return (await this.locatorFor('.wr-transfer__count')()).text();
+    }
+    /**
+     * The list's accessible name — the `aria-label` on the `<ul>`, which repeats the
+     * heading so that a row announced in isolation still says which pane it is in.
+     */
+    async getListLabel() {
+        return (await this.list()).getAttribute('aria-label');
+    }
+    /**
+     * The explicit `role` on the pane's list, which is `null` — and that `null` is the
+     * ANSWER, not a gap worth fixing.
+     *
+     * The pane is a plain `<ul>` of checkboxes on purpose. Dressing it as a
+     * `role="listbox"` of `role="option"` rows reads better in the abstract but is
+     * invalid: an option may not contain an interactive control, and the axe gate
+     * rejects it. Pinning this is what keeps that "improvement" from looking like a
+     * win.
+     */
+    async getListRole() {
+        return (await this.list()).getAttribute('role');
+    }
+    /** The rows the pane is showing, in render order. */
+    async getItems(filters = {}) {
+        return this.locatorForAll(WrTransferItemHarness.with(filters))();
+    }
+    /**
+     * The labels the pane is showing, in render order.
+     *
+     * On the right that is the value, in the order the user built it — not `[items]`
+     * order, which the component deliberately does not impose.
+     */
+    async getItemLabels() {
+        const items = await this.getItems();
+        return Promise.all(items.map(item => item.getLabel()));
+    }
+    /** The first row matching the filters, or a failure that says what the pane is showing. */
+    async getItem(filters) {
+        const [item] = await this.getItems(filters);
+        if (!item) {
+            const showing = await this.getItemLabels();
+            const side = await this.getSide();
+            throw new Error(`WrTransferPaneHarness.getItem(): no row matched ${JSON.stringify(filters)} in the ${side} pane, ` +
+                `which is showing [${showing.join(', ')}]. A row in the other pane, or one this pane's search has ` +
+                'filtered out, is not here.');
+        }
+        return item;
+    }
+    /**
+     * The labels of the rows STAGED for the next move, in render order.
+     *
+     * The staged set and the value are different things, and this is the one the pane
+     * shows: read from the rendered rows, so a row staged before a search hid it is
+     * absent — exactly as the header count and the move itself treat it.
+     */
+    async getCheckedLabels() {
+        const items = await this.getItems({ checked: true });
+        return Promise.all(items.map(item => item.getLabel()));
+    }
+    /** The placeholder shown in a pane with no rows, or `null` while it has some. */
+    async getEmptyText() {
+        const empty = await this.locatorForOptional('.wr-transfer__empty')();
+        return empty ? empty.text() : null;
+    }
+    /** Whether this pane has a filter box — `[searchable]` puts one above both panes. */
+    async hasSearch() {
+        return (await this.searchBox()) !== null;
+    }
+    /**
+     * Type into the pane's filter box, narrowing it to the rows whose label contains
+     * the query (case-insensitively).
+     *
+     * Pass `''` to clear it. No `change` is dispatched — `input` is the event the
+     * component listens for, and the one a real keystroke carries; a browser defers
+     * `change` on a text field to the commit, so nothing here depends on it. (The
+     * keystrokes themselves come with the `keydown` / `keypress` / `keyup` the CDK
+     * sends alongside, which this component ignores.)
+     */
+    async search(query) {
+        const box = await this.searchBox();
+        if (!box) {
+            throw new Error(`WrTransferPaneHarness.search(): the ${await this.getSide()} pane has no filter box — ` +
+                '`searchable` is off on the transfer, and it turns them on for both panes at once.');
+        }
+        // `clear()` dispatches `input` on its own, and `sendKeys('')` throws, so an empty
+        // query is the clear and nothing else.
+        await box.clear();
+        if (query.length > 0)
+            await box.sendKeys(query);
+    }
+    /** What is currently typed in the pane's filter box, or `''`. Throws when there is none. */
+    async getSearchValue() {
+        return (await this.searchOrThrow('getSearchValue')).getProperty('value');
+    }
+    /** The filter box's placeholder — `[searchPlaceholder]`, or the i18n fallback. */
+    async getSearchPlaceholder() {
+        return (await this.searchOrThrow('getSearchPlaceholder')).getProperty('placeholder');
+    }
+    /**
+     * The filter box's accessible name.
+     *
+     * Composed with the pane heading by the component, and it has to be: both panes
+     * carry the same placeholder, so an unnamed pair announces as two identical
+     * "Search" fields with no way to tell which list either one filters.
+     */
+    async getSearchLabel() {
+        return (await this.searchOrThrow('getSearchLabel')).getAttribute('aria-label');
+    }
+    /**
+     * The select-all box's accessible name.
+     *
+     * It has one of its own — the heading names the LIST, so reusing it here would
+     * leave a screen reader announcing two different controls identically.
+     */
+    async getSelectAllLabel() {
+        return (await this.selectAllBox()).getAttribute('aria-label');
+    }
+    /** Whether every row the pane is showing that CAN be staged is staged. */
+    async isAllChecked() {
+        return (await this.selectAllBox()).getProperty('checked');
+    }
+    /**
+     * Whether some of the pane's stageable rows are staged and others are not.
+     *
+     * `indeterminate` is a DOM PROPERTY, not an attribute — reading the attribute
+     * would report `null` for a box that is visibly dashed.
+     */
+    async isPartiallyChecked() {
+        return (await this.selectAllBox()).getProperty('indeterminate');
+    }
+    /**
+     * Whether the select-all box refuses interaction — a disabled transfer, or a pane
+     * with nothing stageable in it (empty, filtered to nothing, or showing only
+     * disabled rows).
+     */
+    async isSelectAllDisabled() {
+        return (await this.selectAllBox()).getProperty('disabled');
+    }
+    /**
+     * Click the select-all box once.
+     *
+     * Its scope is the rows the pane is SHOWING and can stage: a filtered-out row and
+     * a disabled row are both outside it. Worth knowing before asserting on a partial
+     * pane — the box reads UNchecked while the staging is partial, so one click there
+     * stages everything rather than clearing it. {@link uncheckAll} handles that.
+     */
+    async toggleSelectAll() {
+        if (await this.isSelectAllDisabled()) {
+            throw new Error(`WrTransferPaneHarness.toggleSelectAll(): the ${await this.getSide()} pane's select-all is disabled, ` +
+                'so the click would change nothing — the transfer is disabled, or this pane shows no row that can be ' +
+                'staged (empty, filtered to nothing, or every row disabled).');
+        }
+        await (await this.selectAllBox()).click();
+    }
+    /** Stage every row the pane shows that can be staged. A pane already fully staged is left alone. */
+    async checkAll() {
+        if (!(await this.isAllChecked()))
+            await this.toggleSelectAll();
+    }
+    /** Clear the pane's staging. */
+    async uncheckAll() {
+        if (await this.isAllChecked()) {
+            await this.toggleSelectAll();
+            return;
+        }
+        // Two clicks from a partial pane, and there is no shortcut: the box is UNchecked
+        // there, so the first click stages the rest and only the second clears the lot.
+        if (await this.isPartiallyChecked()) {
+            await this.toggleSelectAll();
+            await this.toggleSelectAll();
+        }
+    }
+    /** The filter box, or a failure naming the input that turns it on. */
+    async searchOrThrow(method) {
+        const box = await this.searchBox();
+        if (!box) {
+            throw new Error(`WrTransferPaneHarness.${method}(): the ${await this.getSide()} pane has no filter box — ` +
+                '`searchable` is off on the transfer.');
+        }
+        return box;
+    }
+}
+
+/**
+ * @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-transfer>` — the root of a small family, since a dual
+ * listbox is three things and not one control: {@link WrTransferPaneHarness} for one
+ * pane and {@link WrTransferItemHarness} for one row inside it.
+ *
+ * **Everything is keyed by SIDE, never duplicated per pane.** The two panes are the
+ * same block rendered twice, so a `…Source` / `…Target` method pair for each
+ * question would double the surface and let the halves drift; instead
+ * {@link getPane} takes the side once and the pane answers, and the two whole-
+ * control operations that are inherently directional — the move buttons — take the
+ * side they move rows INTO. `moveTo('target')` is the right-facing button in an LTR
+ * layout, and stays the correct one under `dir="rtl"`, where "right" is not.
+ *
+ * **The staged ticks are not the value.** `[(value)]` is the RIGHT pane's
+ * membership; a tick inside either pane is transient staging that the next move
+ * spends and clears. Conflating them is the failure this component invites, so the
+ * two are separate questions here: {@link WrTransferPaneHarness.getItemLabels} is
+ * what a pane HOLDS (the value, on the right) and
+ * {@link WrTransferPaneHarness.getCheckedLabels} is what it has STAGED.
+ *
+ * Both are scoped to what a pane is showing, which is also the component's own rule
+ * for a move: a row staged before a search hid it is no longer counted, no longer
+ * ticked, and does not travel.
+ *
+ * @example
+ * ```ts
+ * const transfer = await loader.getHarness(WrTransferHarness);
+ * const source = await transfer.getPane('source');
+ *
+ * await (await source.getItem({ label: 'Read' })).check();
+ * await transfer.moveTo('target');
+ *
+ * expect(await (await transfer.getPane('target')).getItemLabels()).toEqual(['Read']);
+ * ```
+ *
+ * @see https://ngwr.dev/guides/testing
+ */
+class WrTransferHarness extends ComponentHarness {
+    static hostSelector = 'wr-transfer';
+    /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */
+    static with(options = {}) {
+        return new HarnessPredicate(WrTransferHarness, options)
+            .addOption('sourceTitle', options.sourceTitle, (harness, title) => HarnessPredicate.stringMatches(harness.paneTitle('source'), title))
+            .addOption('targetTitle', options.targetTitle, (harness, title) => HarnessPredicate.stringMatches(harness.paneTitle('target'), title))
+            .addOption('itemLabel', options.itemLabel, async (harness, label) => {
+            for (const shown of await harness.shownLabels()) {
+                if (await HarnessPredicate.stringMatches(shown, label))
+                    return true;
+            }
+            return false;
+        })
+            .addOption('searchable', options.searchable, async (harness, searchable) => (await harness.isSearchable()) === searchable)
+            .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);
+    }
+    /**
+     * One of the two panes — `'source'` is the left one (the rows outside the value),
+     * `'target'` the right one (the value).
+     *
+     * The side is named here and nowhere else; see the class note.
+     */
+    async getPane(side) {
+        return this.locatorFor(WrTransferPaneHarness.with({ side }))();
+    }
+    /**
+     * Whether the whole control refuses interaction.
+     *
+     * From the host modifier, which is the only signal the host itself carries: a
+     * `<wr-transfer>` element is not a control and publishes no `aria-disabled` of its
+     * own — the state reaches assistive tech through the checkboxes, the buttons and
+     * the filter boxes it disables, which is where
+     * {@link WrTransferItemHarness.isDisabled} and {@link canMoveTo} read it.
+     */
+    async isDisabled() {
+        return (await this.host()).hasClass('wr-transfer--disabled');
+    }
+    /** Whether the panes have filter boxes — `[searchable]` gives both one or neither. */
+    async isSearchable() {
+        return (await this.host()).hasClass('wr-transfer--searchable');
+    }
+    /**
+     * Whether the button that moves rows INTO `side` is offering itself.
+     *
+     * It is enabled only while the OTHER pane has something staged and showing, so
+     * this is also the readable way to assert that staging landed — and that a search
+     * which hid a staged row took the move away again.
+     *
+     * Read from the native `disabled` attribute: these are `button[wr-btn]`, the
+     * native shape, where that attribute is the state. (`wr-btn` adds `aria-disabled`
+     * only for its custom-element shape, on which `disabled` is inert.)
+     */
+    async canMoveTo(side) {
+        return (await (await this.moveButton(side)).getAttribute('disabled')) === null;
+    }
+    /**
+     * The accessible name of the button that moves rows INTO `side` —
+     * `[toTargetLabel]` / `[toSourceLabel]`, or the i18n fallback.
+     *
+     * Worth pinning: the button's only content is an `aria-hidden` chevron, so this
+     * `aria-label` is the entire announcement. Lose it and the pair becomes two
+     * unnamed buttons.
+     */
+    async getMoveLabel(side) {
+        return (await this.moveButton(side)).getAttribute('aria-label');
+    }
+    /**
+     * Press the button that moves the staged rows INTO `side`, committing them to the
+     * value.
+     *
+     * Only the rows the other pane is SHOWING as staged travel, and the staging is
+     * cleared afterwards — the component's rule, not this harness's.
+     *
+     * Refuses a disabled button rather than pressing it: a native disabled `<button>`
+     * swallows the click before Angular's listener sees it, so the call would resolve
+     * having moved nothing at all.
+     */
+    async moveTo(side) {
+        if (!(await this.canMoveTo(side))) {
+            const from = side === 'target' ? 'source' : 'target';
+            throw new Error(`WrTransferHarness.moveTo('${side}'): the button is disabled, so nothing would move. The ${from} pane ` +
+                'has nothing staged and showing — a row staged before a search hid it no longer counts — or the whole ' +
+                'transfer is disabled.');
+        }
+        await (await this.moveButton(side)).click();
+    }
+    /**
+     * Stage everything the other pane can stage, then move it INTO `side`.
+     *
+     * "Everything" is the pane's own scope: the rows it is SHOWING, disabled ones
+     * excluded. A search narrows it, and with a filter typed this moves what is
+     * visible rather than the whole pane.
+     */
+    async moveAllTo(side) {
+        const from = await this.getPane(side === 'target' ? 'source' : 'target');
+        await from.checkAll();
+        await this.moveTo(side);
+    }
+    /** The heading of one pane — the `sourceTitle` / `targetTitle` filters run through this. */
+    async paneTitle(side) {
+        return (await this.getPane(side)).getTitle();
+    }
+    /** Every label rendered in either pane, for the `itemLabel` filter. */
+    async shownLabels() {
+        const items = await this.locatorForAll(WrTransferItemHarness)();
+        return Promise.all(items.map(item => item.getLabel()));
+    }
+    /**
+     * The move button for a direction, addressed by its `--to-source` / `--to-target`
+     * modifier.
+     *
+     * Not by DOM order, and that is the point: two identically classed buttons whose
+     * only difference was their position would let a template reshuffle silently
+     * reverse every `moveTo()` in every consumer's suite, with both directions still
+     * green. Not by the `aria-label` either — that string is localizable.
+     */
+    async moveButton(side) {
+        return this.locatorFor(`.wr-transfer__move--to-${side}`)();
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrTransferHarness, WrTransferItemHarness, WrTransferPaneHarness };
+//# sourceMappingURL=ngwr-transfer-testing.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-transfer-testing.mjs","sources":["../../../projects/lib/transfer/testing/wr-transfer-item-harness.ts","../../../projects/lib/transfer/testing/wr-transfer-pane-harness.ts","../../../projects/lib/transfer/testing/wr-transfer-harness.ts","../../../projects/lib/transfer/testing/ngwr-transfer-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 { WrTransferItemHarnessFilters } from './interfaces';\n\n/**\n * Test harness for one row of a `<wr-transfer>` pane.\n *\n * A row is a `<li>` holding a `<wr-checkbox>`, and the checkbox is the thing the\n * user operates — so the state is read from the native `<input type=\"checkbox\">`\n * inside it, and {@link toggle} clicks that. The pane is deliberately NOT a\n * `role=\"listbox\"` of `role=\"option\"` rows (an option may not contain an\n * interactive control, and the axe gate says so), which is why there is no\n * `aria-selected` here to read: the checkbox's own state IS the announcement.\n *\n * **Checked is not the value.** A tick stages the row for the next move and\n * nothing more; which pane the row sits in is what `[(value)]` carries. Staging is\n * spent — and cleared — by the move that commits it.\n *\n * @example\n * ```ts\n * const source = await transfer.getPane('source');\n * await (await source.getItem({ label: 'Read' })).check();\n *\n * await transfer.moveTo('target');\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrTransferItemHarness extends ComponentHarness {\n  /**\n   * `.wr-transfer__item` is a DATA row and nothing else.\n   *\n   * An empty pane renders an `<li class=\"wr-transfer__empty\">` for its placeholder,\n   * so querying `li` would hand that back as a row with no checkbox to read.\n   */\n  static hostSelector = '.wr-transfer__item';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrTransferItemHarnessFilters = {}): HarnessPredicate<WrTransferItemHarness> {\n    return new HarnessPredicate(WrTransferItemHarness, options)\n      .addOption('label', options.label, (harness, label) => HarnessPredicate.stringMatches(harness.getLabel(), label))\n      .addOption('checked', options.checked, async (harness, checked) => (await harness.isChecked()) === checked)\n      .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);\n  }\n\n  private readonly input = this.locatorFor('input.wr-checkbox__input');\n\n  /** The row's label, trimmed — the `WrTransferItem.label` the pane shows and the search matches. */\n  async getLabel(): Promise<string> {\n    return (await this.locatorFor('.wr-checkbox__text')()).text();\n  }\n\n  /**\n   * Whether the row is STAGED for the next move.\n   *\n   * Not \"selected\": a row's pane is what the value says, and the tick is transient\n   * staging the move spends. `WrTransferPaneHarness.getCheckedLabels()` reads the\n   * whole staged set of a pane.\n   */\n  async isChecked(): Promise<boolean> {\n    return (await this.input()).getProperty<boolean>('checked');\n  }\n\n  /**\n   * Whether the row refuses staging.\n   *\n   * The native input's `disabled` — the state a screen reader is given and the one\n   * that decides whether a click does anything. It answers `true` for BOTH reasons a\n   * row can be inert: the item's own `disabled` flag, and a disabled transfer, which\n   * disables every row. The `wr-transfer__item--disabled` modifier only marks the\n   * first of those, so it is the narrower question and not the one that predicts\n   * behaviour.\n   */\n  async isDisabled(): Promise<boolean> {\n    return (await this.input()).getProperty<boolean>('disabled');\n  }\n\n  /**\n   * Flip the row's staging.\n   *\n   * Refuses a disabled row rather than clicking into the void: the component drops\n   * the toggle outright, so the click would resolve having changed nothing and the\n   * failure would surface as an unexplained empty move two assertions later.\n   */\n  async toggle(): Promise<void> {\n    if (await this.isDisabled()) {\n      const label = await this.getLabel();\n      throw new Error(\n        `WrTransferItemHarness.toggle(): \"${label}\" is disabled and the component refuses to stage it. ` +\n          'Either the item carries `disabled`, or the whole transfer does — check isDisabled() on the transfer too.'\n      );\n    }\n    await (await this.input()).click();\n  }\n\n  /** Stage the row if it is not already staged. */\n  async check(): Promise<void> {\n    if (!(await this.isChecked())) await this.toggle();\n  }\n\n  /** Unstage the row if it is staged. */\n  async uncheck(): Promise<void> {\n    if (await this.isChecked()) await this.toggle();\n  }\n\n  /** Move keyboard focus onto the row's checkbox — the row's only tab stop. */\n  async focus(): Promise<void> {\n    return (await this.input()).focus();\n  }\n\n  /** Whether the row's checkbox has focus. */\n  async isFocused(): Promise<boolean> {\n    return (await this.input()).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, type TestElement } from '@angular/cdk/testing';\n\nimport type { WrTransferItemHarnessFilters, WrTransferPaneHarnessFilters, WrTransferSide } from './interfaces';\nimport { WrTransferItemHarness } from './wr-transfer-item-harness';\n\n/**\n * Test harness for ONE pane of a `<wr-transfer>` — reached with\n * `WrTransferHarness.getPane('source' | 'target')`.\n *\n * The two panes are the same block rendered twice (the component's template\n * iterates them), so they are one harness class keyed by side rather than two sets\n * of `…Source` / `…Target` methods: the side is named once, at `getPane()`, and\n * every question after that is asked of a pane without repeating which one. It also\n * means the symmetry cannot rot — a method that only works on the left is\n * impossible to write here.\n *\n * What a pane SHOWS is the honest scope of everything below. `[items]` minus the\n * value on the left, the value on the right, and then the pane's own filter on top:\n * rows a filter has hidden are not rendered at all, are not counted by the header,\n * and — the component's own rule — are not moved either, however they were staged.\n *\n * @example\n * ```ts\n * const source = await transfer.getPane('source');\n *\n * await source.search('adm');\n * await source.checkAll();\n * expect(await source.getCheckedLabels()).toEqual(['Admin']);\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrTransferPaneHarness extends ComponentHarness {\n  /**\n   * The pane is a plain `<div>` with no role of its own — the heading names the\n   * list, and the checkbox in each row carries the semantics — so its BEM class is\n   * the only handle, and being `ViewEncapsulation.None` that class is public API.\n   */\n  static hostSelector = '.wr-transfer__pane';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrTransferPaneHarnessFilters = {}): HarnessPredicate<WrTransferPaneHarness> {\n    return new HarnessPredicate(WrTransferPaneHarness, options)\n      .addOption('side', options.side, async (harness, side) => (await harness.getSide()) === side)\n      .addOption('title', options.title, (harness, title) => HarnessPredicate.stringMatches(harness.getTitle(), title));\n  }\n\n  private readonly list = this.locatorFor('ul.wr-transfer__list');\n  private readonly selectAllBox = this.locatorFor('.wr-transfer__head input.wr-checkbox__input');\n  private readonly searchBox = this.locatorForOptional('.wr-transfer__search input');\n\n  /**\n   * Which side this pane is.\n   *\n   * From the `--target` modifier rather than from DOM order: order is a layout fact\n   * that `dir=\"rtl\"` and any future reflow are free to change, while the modifier is\n   * what the component says the pane MEANS.\n   */\n  async getSide(): Promise<WrTransferSide> {\n    return (await (await this.host()).hasClass('wr-transfer__pane--target')) ? 'target' : 'source';\n  }\n\n  /** The pane's heading — `[sourceTitle]` / `[targetTitle]`, or the i18n fallback. */\n  async getTitle(): Promise<string> {\n    return (await this.locatorFor('.wr-transfer__title')()).text();\n  }\n\n  /**\n   * The count beside the heading, verbatim — `'1 / 4'` with the built-in copy.\n   *\n   * Deliberately not parsed into numbers: it is an i18n FORMAT\n   * (`transfer.count`) a consuming app can replace wholesale, so a harness that\n   * split it on `/` would answer for the default catalog and break on a translated\n   * one. Its two numbers are `(await getCheckedLabels()).length` and\n   * `(await getItems()).length` — both of which this harness reads from the rendered\n   * rows, so a spec can assert the header agrees with them.\n   */\n  async getCountText(): Promise<string> {\n    return (await this.locatorFor('.wr-transfer__count')()).text();\n  }\n\n  /**\n   * The list's accessible name — the `aria-label` on the `<ul>`, which repeats the\n   * heading so that a row announced in isolation still says which pane it is in.\n   */\n  async getListLabel(): Promise<string | null> {\n    return (await this.list()).getAttribute('aria-label');\n  }\n\n  /**\n   * The explicit `role` on the pane's list, which is `null` — and that `null` is the\n   * ANSWER, not a gap worth fixing.\n   *\n   * The pane is a plain `<ul>` of checkboxes on purpose. Dressing it as a\n   * `role=\"listbox\"` of `role=\"option\"` rows reads better in the abstract but is\n   * invalid: an option may not contain an interactive control, and the axe gate\n   * rejects it. Pinning this is what keeps that \"improvement\" from looking like a\n   * win.\n   */\n  async getListRole(): Promise<string | null> {\n    return (await this.list()).getAttribute('role');\n  }\n\n  /** The rows the pane is showing, in render order. */\n  async getItems(filters: WrTransferItemHarnessFilters = {}): Promise<WrTransferItemHarness[]> {\n    return this.locatorForAll(WrTransferItemHarness.with(filters))();\n  }\n\n  /**\n   * The labels the pane is showing, in render order.\n   *\n   * On the right that is the value, in the order the user built it — not `[items]`\n   * order, which the component deliberately does not impose.\n   */\n  async getItemLabels(): Promise<string[]> {\n    const items = await this.getItems();\n    return Promise.all(items.map(item => item.getLabel()));\n  }\n\n  /** The first row matching the filters, or a failure that says what the pane is showing. */\n  async getItem(filters: WrTransferItemHarnessFilters): Promise<WrTransferItemHarness> {\n    const [item] = await this.getItems(filters);\n    if (!item) {\n      const showing = await this.getItemLabels();\n      const side = await this.getSide();\n      throw new Error(\n        `WrTransferPaneHarness.getItem(): no row matched ${JSON.stringify(filters)} in the ${side} pane, ` +\n          `which is showing [${showing.join(', ')}]. A row in the other pane, or one this pane's search has ` +\n          'filtered out, is not here.'\n      );\n    }\n    return item;\n  }\n\n  /**\n   * The labels of the rows STAGED for the next move, in render order.\n   *\n   * The staged set and the value are different things, and this is the one the pane\n   * shows: read from the rendered rows, so a row staged before a search hid it is\n   * absent — exactly as the header count and the move itself treat it.\n   */\n  async getCheckedLabels(): Promise<string[]> {\n    const items = await this.getItems({ checked: true });\n    return Promise.all(items.map(item => item.getLabel()));\n  }\n\n  /** The placeholder shown in a pane with no rows, or `null` while it has some. */\n  async getEmptyText(): Promise<string | null> {\n    const empty = await this.locatorForOptional('.wr-transfer__empty')();\n    return empty ? empty.text() : null;\n  }\n\n  /** Whether this pane has a filter box — `[searchable]` puts one above both panes. */\n  async hasSearch(): Promise<boolean> {\n    return (await this.searchBox()) !== null;\n  }\n\n  /**\n   * Type into the pane's filter box, narrowing it to the rows whose label contains\n   * the query (case-insensitively).\n   *\n   * Pass `''` to clear it. No `change` is dispatched — `input` is the event the\n   * component listens for, and the one a real keystroke carries; a browser defers\n   * `change` on a text field to the commit, so nothing here depends on it. (The\n   * keystrokes themselves come with the `keydown` / `keypress` / `keyup` the CDK\n   * sends alongside, which this component ignores.)\n   */\n  async search(query: string): Promise<void> {\n    const box = await this.searchBox();\n    if (!box) {\n      throw new Error(\n        `WrTransferPaneHarness.search(): the ${await this.getSide()} pane has no filter box — ` +\n          '`searchable` is off on the transfer, and it turns them on for both panes at once.'\n      );\n    }\n\n    // `clear()` dispatches `input` on its own, and `sendKeys('')` throws, so an empty\n    // query is the clear and nothing else.\n    await box.clear();\n    if (query.length > 0) await box.sendKeys(query);\n  }\n\n  /** What is currently typed in the pane's filter box, or `''`. Throws when there is none. */\n  async getSearchValue(): Promise<string> {\n    return (await this.searchOrThrow('getSearchValue')).getProperty<string>('value');\n  }\n\n  /** The filter box's placeholder — `[searchPlaceholder]`, or the i18n fallback. */\n  async getSearchPlaceholder(): Promise<string> {\n    return (await this.searchOrThrow('getSearchPlaceholder')).getProperty<string>('placeholder');\n  }\n\n  /**\n   * The filter box's accessible name.\n   *\n   * Composed with the pane heading by the component, and it has to be: both panes\n   * carry the same placeholder, so an unnamed pair announces as two identical\n   * \"Search\" fields with no way to tell which list either one filters.\n   */\n  async getSearchLabel(): Promise<string | null> {\n    return (await this.searchOrThrow('getSearchLabel')).getAttribute('aria-label');\n  }\n\n  /**\n   * The select-all box's accessible name.\n   *\n   * It has one of its own — the heading names the LIST, so reusing it here would\n   * leave a screen reader announcing two different controls identically.\n   */\n  async getSelectAllLabel(): Promise<string | null> {\n    return (await this.selectAllBox()).getAttribute('aria-label');\n  }\n\n  /** Whether every row the pane is showing that CAN be staged is staged. */\n  async isAllChecked(): Promise<boolean> {\n    return (await this.selectAllBox()).getProperty<boolean>('checked');\n  }\n\n  /**\n   * Whether some of the pane's stageable rows are staged and others are not.\n   *\n   * `indeterminate` is a DOM PROPERTY, not an attribute — reading the attribute\n   * would report `null` for a box that is visibly dashed.\n   */\n  async isPartiallyChecked(): Promise<boolean> {\n    return (await this.selectAllBox()).getProperty<boolean>('indeterminate');\n  }\n\n  /**\n   * Whether the select-all box refuses interaction — a disabled transfer, or a pane\n   * with nothing stageable in it (empty, filtered to nothing, or showing only\n   * disabled rows).\n   */\n  async isSelectAllDisabled(): Promise<boolean> {\n    return (await this.selectAllBox()).getProperty<boolean>('disabled');\n  }\n\n  /**\n   * Click the select-all box once.\n   *\n   * Its scope is the rows the pane is SHOWING and can stage: a filtered-out row and\n   * a disabled row are both outside it. Worth knowing before asserting on a partial\n   * pane — the box reads UNchecked while the staging is partial, so one click there\n   * stages everything rather than clearing it. {@link uncheckAll} handles that.\n   */\n  async toggleSelectAll(): Promise<void> {\n    if (await this.isSelectAllDisabled()) {\n      throw new Error(\n        `WrTransferPaneHarness.toggleSelectAll(): the ${await this.getSide()} pane's select-all is disabled, ` +\n          'so the click would change nothing — the transfer is disabled, or this pane shows no row that can be ' +\n          'staged (empty, filtered to nothing, or every row disabled).'\n      );\n    }\n    await (await this.selectAllBox()).click();\n  }\n\n  /** Stage every row the pane shows that can be staged. A pane already fully staged is left alone. */\n  async checkAll(): Promise<void> {\n    if (!(await this.isAllChecked())) await this.toggleSelectAll();\n  }\n\n  /** Clear the pane's staging. */\n  async uncheckAll(): Promise<void> {\n    if (await this.isAllChecked()) {\n      await this.toggleSelectAll();\n      return;\n    }\n    // Two clicks from a partial pane, and there is no shortcut: the box is UNchecked\n    // there, so the first click stages the rest and only the second clears the lot.\n    if (await this.isPartiallyChecked()) {\n      await this.toggleSelectAll();\n      await this.toggleSelectAll();\n    }\n  }\n\n  /** The filter box, or a failure naming the input that turns it on. */\n  private async searchOrThrow(method: string): Promise<TestElement> {\n    const box = await this.searchBox();\n    if (!box) {\n      throw new Error(\n        `WrTransferPaneHarness.${method}(): the ${await this.getSide()} pane has no filter box — ` +\n          '`searchable` is off on the transfer.'\n      );\n    }\n    return box;\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, type TestElement } from '@angular/cdk/testing';\n\nimport type { WrTransferHarnessFilters, WrTransferSide } from './interfaces';\nimport { WrTransferItemHarness } from './wr-transfer-item-harness';\nimport { WrTransferPaneHarness } from './wr-transfer-pane-harness';\n\n/**\n * Test harness for `<wr-transfer>` — the root of a small family, since a dual\n * listbox is three things and not one control: {@link WrTransferPaneHarness} for one\n * pane and {@link WrTransferItemHarness} for one row inside it.\n *\n * **Everything is keyed by SIDE, never duplicated per pane.** The two panes are the\n * same block rendered twice, so a `…Source` / `…Target` method pair for each\n * question would double the surface and let the halves drift; instead\n * {@link getPane} takes the side once and the pane answers, and the two whole-\n * control operations that are inherently directional — the move buttons — take the\n * side they move rows INTO. `moveTo('target')` is the right-facing button in an LTR\n * layout, and stays the correct one under `dir=\"rtl\"`, where \"right\" is not.\n *\n * **The staged ticks are not the value.** `[(value)]` is the RIGHT pane's\n * membership; a tick inside either pane is transient staging that the next move\n * spends and clears. Conflating them is the failure this component invites, so the\n * two are separate questions here: {@link WrTransferPaneHarness.getItemLabels} is\n * what a pane HOLDS (the value, on the right) and\n * {@link WrTransferPaneHarness.getCheckedLabels} is what it has STAGED.\n *\n * Both are scoped to what a pane is showing, which is also the component's own rule\n * for a move: a row staged before a search hid it is no longer counted, no longer\n * ticked, and does not travel.\n *\n * @example\n * ```ts\n * const transfer = await loader.getHarness(WrTransferHarness);\n * const source = await transfer.getPane('source');\n *\n * await (await source.getItem({ label: 'Read' })).check();\n * await transfer.moveTo('target');\n *\n * expect(await (await transfer.getPane('target')).getItemLabels()).toEqual(['Read']);\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrTransferHarness extends ComponentHarness {\n  static hostSelector = 'wr-transfer';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrTransferHarnessFilters = {}): HarnessPredicate<WrTransferHarness> {\n    return new HarnessPredicate(WrTransferHarness, options)\n      .addOption('sourceTitle', options.sourceTitle, (harness, title) =>\n        HarnessPredicate.stringMatches(harness.paneTitle('source'), title)\n      )\n      .addOption('targetTitle', options.targetTitle, (harness, title) =>\n        HarnessPredicate.stringMatches(harness.paneTitle('target'), title)\n      )\n      .addOption('itemLabel', options.itemLabel, async (harness, label) => {\n        for (const shown of await harness.shownLabels()) {\n          if (await HarnessPredicate.stringMatches(shown, label)) return true;\n        }\n        return false;\n      })\n      .addOption(\n        'searchable',\n        options.searchable,\n        async (harness, searchable) => (await harness.isSearchable()) === searchable\n      )\n      .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);\n  }\n\n  /**\n   * One of the two panes — `'source'` is the left one (the rows outside the value),\n   * `'target'` the right one (the value).\n   *\n   * The side is named here and nowhere else; see the class note.\n   */\n  async getPane(side: WrTransferSide): Promise<WrTransferPaneHarness> {\n    return this.locatorFor(WrTransferPaneHarness.with({ side }))();\n  }\n\n  /**\n   * Whether the whole control refuses interaction.\n   *\n   * From the host modifier, which is the only signal the host itself carries: a\n   * `<wr-transfer>` element is not a control and publishes no `aria-disabled` of its\n   * own — the state reaches assistive tech through the checkboxes, the buttons and\n   * the filter boxes it disables, which is where\n   * {@link WrTransferItemHarness.isDisabled} and {@link canMoveTo} read it.\n   */\n  async isDisabled(): Promise<boolean> {\n    return (await this.host()).hasClass('wr-transfer--disabled');\n  }\n\n  /** Whether the panes have filter boxes — `[searchable]` gives both one or neither. */\n  async isSearchable(): Promise<boolean> {\n    return (await this.host()).hasClass('wr-transfer--searchable');\n  }\n\n  /**\n   * Whether the button that moves rows INTO `side` is offering itself.\n   *\n   * It is enabled only while the OTHER pane has something staged and showing, so\n   * this is also the readable way to assert that staging landed — and that a search\n   * which hid a staged row took the move away again.\n   *\n   * Read from the native `disabled` attribute: these are `button[wr-btn]`, the\n   * native shape, where that attribute is the state. (`wr-btn` adds `aria-disabled`\n   * only for its custom-element shape, on which `disabled` is inert.)\n   */\n  async canMoveTo(side: WrTransferSide): Promise<boolean> {\n    return (await (await this.moveButton(side)).getAttribute('disabled')) === null;\n  }\n\n  /**\n   * The accessible name of the button that moves rows INTO `side` —\n   * `[toTargetLabel]` / `[toSourceLabel]`, or the i18n fallback.\n   *\n   * Worth pinning: the button's only content is an `aria-hidden` chevron, so this\n   * `aria-label` is the entire announcement. Lose it and the pair becomes two\n   * unnamed buttons.\n   */\n  async getMoveLabel(side: WrTransferSide): Promise<string | null> {\n    return (await this.moveButton(side)).getAttribute('aria-label');\n  }\n\n  /**\n   * Press the button that moves the staged rows INTO `side`, committing them to the\n   * value.\n   *\n   * Only the rows the other pane is SHOWING as staged travel, and the staging is\n   * cleared afterwards — the component's rule, not this harness's.\n   *\n   * Refuses a disabled button rather than pressing it: a native disabled `<button>`\n   * swallows the click before Angular's listener sees it, so the call would resolve\n   * having moved nothing at all.\n   */\n  async moveTo(side: WrTransferSide): Promise<void> {\n    if (!(await this.canMoveTo(side))) {\n      const from: WrTransferSide = side === 'target' ? 'source' : 'target';\n      throw new Error(\n        `WrTransferHarness.moveTo('${side}'): the button is disabled, so nothing would move. The ${from} pane ` +\n          'has nothing staged and showing — a row staged before a search hid it no longer counts — or the whole ' +\n          'transfer is disabled.'\n      );\n    }\n    await (await this.moveButton(side)).click();\n  }\n\n  /**\n   * Stage everything the other pane can stage, then move it INTO `side`.\n   *\n   * \"Everything\" is the pane's own scope: the rows it is SHOWING, disabled ones\n   * excluded. A search narrows it, and with a filter typed this moves what is\n   * visible rather than the whole pane.\n   */\n  async moveAllTo(side: WrTransferSide): Promise<void> {\n    const from = await this.getPane(side === 'target' ? 'source' : 'target');\n    await from.checkAll();\n    await this.moveTo(side);\n  }\n\n  /** The heading of one pane — the `sourceTitle` / `targetTitle` filters run through this. */\n  private async paneTitle(side: WrTransferSide): Promise<string> {\n    return (await this.getPane(side)).getTitle();\n  }\n\n  /** Every label rendered in either pane, for the `itemLabel` filter. */\n  private async shownLabels(): Promise<string[]> {\n    const items = await this.locatorForAll(WrTransferItemHarness)();\n    return Promise.all(items.map(item => item.getLabel()));\n  }\n\n  /**\n   * The move button for a direction, addressed by its `--to-source` / `--to-target`\n   * modifier.\n   *\n   * Not by DOM order, and that is the point: two identically classed buttons whose\n   * only difference was their position would let a template reshuffle silently\n   * reverse every `moveTo()` in every consumer's suite, with both directions still\n   * green. Not by the `aria-label` either — that string is localizable.\n   */\n  private async moveButton(side: WrTransferSide): Promise<TestElement> {\n    return this.locatorFor(`.wr-transfer__move--to-${side}`)();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}