Skip to main content

Class: MultiSelectorDriver

Defined in: component-driver-astryx/src/components/MultiSelectorDriver.ts:20

Driver for the Astryx MultiSelector (@astryxdesign/core/MultiSelector) — a multi-select combobox.

Like AstryxComboboxDriver, the role="combobox" trigger links to the popup role="listbox" (aria-multiselectable="true"), whose options carry ${listboxId}-item-${i} ids and an inner <input type="checkbox">. Each option's checked state is mirrored by aria-selected on the option, so the selected set is read from aria-selected="true" — which naturally excludes the optional "select all" row (it reports aria-selected="false" and an aria-checked="mixed" checkbox). The trigger shows a count ("N selected") rather than the labels.

Extends​

Constructors​

Constructor​

new MultiSelectorDriver(locator, interactor, option?): MultiSelectorDriver

Defined in: core/dist/index.d.mts:1015

Parameters​

locator​

PartLocator

Locator for the root of this component.

interactor​

Interactor

Environment adapter used for all interactions.

option?​

Partial<IComponentDriverOption<{ }>>

Driver option carrying the shared driver-tree context.

Composite-driver authoring rule: a driver that declares non-empty parts must type this parameter as Partial<IComponentDriverOption> (i.e. the empty <{}> default) and hardcode its own parts in the body — super(locator, interactor, { ...option, parts }). The "natural" Partial<IComponentDriverOption<typeof parts>> signature does NOT satisfy ScenePartDefinition['driver'] (constructor parameters are checked contravariantly), so a driver written that way could not be placed in a parent ScenePart. See the type-level fixture in @atomic-testing/component-driver-html.

Returns​

MultiSelectorDriver

Inherited from​

AstryxComboboxDriver.constructor

Properties​

commutableOption​

readonly commutableOption: IComponentDriverOption<{ }>

Defined in: core/dist/index.d.mts:999

Option passed to the constructor includes both universal options which can be shared across all component driver tree, and component specific options which are only applicable to the component.

Commutable option is the option that can be shared across all component driver tree.

Inherited from​

AstryxComboboxDriver.commutableOption


interactor​

readonly interactor: Interactor

Defined in: core/dist/index.d.mts:990

Inherited from​

AstryxComboboxDriver.interactor


optionIdSeparator​

protected readonly optionIdSeparator: "item" = 'item'

Defined in: component-driver-astryx/src/components/MultiSelectorDriver.ts:21

The id-segment between the listbox id and the option index ('item' or 'option').

Overrides​

AstryxComboboxDriver.optionIdSeparator

Accessors​

combobox​

Get Signature​

get protected combobox(): PartLocator

Defined in: component-driver-astryx/src/internal/IndexedOptionListDriver.ts:26

The role="combobox" control — a <button> for the selectors, an <input> for the typeaheads/palette.

Returns​

PartLocator

Inherited from​

AstryxComboboxDriver.combobox


driverName​

Get Signature​

get driverName(): string

Defined in: component-driver-astryx/src/components/MultiSelectorDriver.ts:106

Returns​

string

Overrides​

AstryxComboboxDriver.driverName


locator​

Get Signature​

get locator(): PartLocator

Defined in: core/dist/index.d.mts:1044

Return the locator of the component

Returns​

PartLocator

Inherited from​

AstryxComboboxDriver.locator


parts​

Get Signature​

get parts(): ScenePartDriver<T>

Defined in: core/dist/index.d.mts:1040

Return driver instance of all the named parts

Returns​

ScenePartDriver<T>

Inherited from​

AstryxComboboxDriver.parts

Methods​

activate()​

activate(): Promise<void>

Defined in: core/dist/index.d.mts:1091

Activate the component without relying on pointer geometry. See Interactor.activate.

Returns​

Promise<void>

Inherited from​

AstryxComboboxDriver.activate


clearAll()​

clearAll(): Promise<boolean>

Defined in: component-driver-astryx/src/components/MultiSelectorDriver.ts:96

Clear the whole selection via the trigger's clear control.

Returns​

Promise<boolean>

false when there is no clear control (the MultiSelector lacks hasClear).


click()​

click(option?): Promise<void>

Defined in: core/dist/index.d.mts:1068

Parameters​

option?​

Partial<ClickOption>

Returns​

Promise<void>

Inherited from​

AstryxComboboxDriver.click


close()​

close(): Promise<void>

Defined in: component-driver-astryx/src/components/AstryxComboboxDriver.ts:42

Close the popup, if open, by pressing Escape on the combobox. (Re-clicking the trigger is unreliable once the popup's top layer overlaps it — Firefox cannot land the click — whereas Astryx closes the listbox on Escape.)

Returns​

Promise<void>

Inherited from​

AstryxComboboxDriver.close


contextMenu()​

contextMenu(): Promise<void>

Defined in: core/dist/index.d.mts:1087

Dispatch a right-click / contextmenu event on the component. See Interactor.contextMenu.

Returns​

Promise<void>

Inherited from​

AstryxComboboxDriver.contextMenu


drag()​

drag(delta): Promise<void>

Defined in: core/dist/index.d.mts:1129

Drag this component by the given pixel delta from its center. See Interactor.drag.

Prefer a keyboard-driven setValue over a true drag in real drivers — these drag primitives exist only for cases keyboard cannot express (e.g. panning a Lightbox, reordering a column). jsdom has no layout engine, so the positional outcome of the drag is E2E-only there.

Parameters​

delta​

Point

Pixel offset to drag by

Returns​

Promise<void>

Inherited from​

AstryxComboboxDriver.drag


dragTo()​

dragTo(target): Promise<void>

Defined in: core/dist/index.d.mts:1118

Drag this component and drop it onto another component. See Interactor.dragTo.

Prefer a keyboard-driven setValue over a true drag in real drivers — these drag primitives exist only for cases keyboard cannot express (e.g. panning a Lightbox, reordering a column). jsdom has no layout engine, so the positional outcome of the drag is E2E-only there.

Parameters​

target​

ComponentDriver<any>

Another driver whose root element is the drop target

Returns​

Promise<void>

Inherited from​

AstryxComboboxDriver.dragTo


enforcePartExistence()​

protected enforcePartExistence(partName): Promise<void>

Defined in: core/dist/index.d.mts:1050

Check the specified parts' existences, and throw MissingPartError if any of the part is found not existence. Existence is defined by the part's existence in the DOM regardless of its visibility on the screen

Parameters​

partName​

readonly never[]

Single or array of the names of the parts to be enforced

Returns​

Promise<void>

Inherited from​

AstryxComboboxDriver.enforcePartExistence


exists()​

exists(): Promise<boolean>

Defined in: core/dist/index.d.mts:1067

Whether the component exists/attached to the DOM

Returns​

Promise<boolean>

true if the component is attached to the DOM, false otherwise

Inherited from​

AstryxComboboxDriver.exists


findOptionByLabel()​

protected findOptionByLabel(label): Promise<PartLocator | null>

Defined in: component-driver-astryx/src/internal/IndexedOptionListDriver.ts:50

The option locator whose visible text matches label, or null when absent.

Parameters​

label​

string

Returns​

Promise<PartLocator | null>

Inherited from​

AstryxComboboxDriver.findOptionByLabel


focus()​

focus(option?): Promise<void>

Defined in: core/dist/index.d.mts:1077

Parameters​

option?​

Partial<FocusOption>

Returns​

Promise<void>

Inherited from​

AstryxComboboxDriver.focus


getAttribute()​

getAttribute(attributeName): Promise<Optional<string>>

Defined in: core/dist/index.d.mts:1062

Parameters​

attributeName​

string

Returns​

Promise<Optional<string>>

Inherited from​

AstryxComboboxDriver.getAttribute


getBoundingRect()​

getBoundingRect(): Promise<BoundingRect>

Defined in: core/dist/index.d.mts:1136

Get this component's bounding rectangle. See Interactor.getBoundingRect.

jsdom has no layout engine, so every coordinate and dimension is 0 there; real geometry is E2E-only.

Returns​

Promise<BoundingRect>

Inherited from​

AstryxComboboxDriver.getBoundingRect


getMissingPartNames()​

protected getMissingPartNames(partName): Promise<readonly never[]>

Defined in: core/dist/index.d.mts:1056

Get the names of parts not in the DOM

Parameters​

partName​

readonly never[]

Single or array of the names of the parts to be examined

Returns​

Promise<readonly never[]>

Inherited from​

AstryxComboboxDriver.getMissingPartNames


getOptionLabels()​

getOptionLabels(): Promise<readonly string[]>

Defined in: component-driver-astryx/src/components/MultiSelectorDriver.ts:29

Every option's visible label, including a "select all" row when present (opens the popup first).

Returns​

Promise<readonly string[]>


getSelectedCount()​

getSelectedCount(selectAllLabel?): Promise<number>

Defined in: component-driver-astryx/src/components/MultiSelectorDriver.ts:59

The number of selected options, excluding the "select all" row. Opens the popup.

Parameters​

selectAllLabel?​

string = DEFAULT_SELECT_ALL_LABEL

Returns​

Promise<number>


getSelectedLabels()​

getSelectedLabels(selectAllLabel?): Promise<readonly string[]>

Defined in: component-driver-astryx/src/components/MultiSelectorDriver.ts:44

The labels of the currently selected options (aria-selected="true"), excluding the "select all" row. Opens the popup.

Astryx sets aria-selected="true" on the select-all row too once every option is selected (it mirrors the option's isSelected), so filtering on aria-selected alone would wrongly include it. The select-all row carries no DOM marker beyond its label, so it is excluded by label — pass selectAllLabel when it was customised via Astryx's selectAllLabel.

Parameters​

selectAllLabel?​

string = DEFAULT_SELECT_ALL_LABEL

Returns​

Promise<readonly string[]>


getText()​

getText(): Promise<Optional<string>>

Defined in: core/dist/index.d.mts:1061

Get the combined text content of the component

Returns​

Promise<Optional<string>>

If the component exists and has content, it should return the text or otherwise undefined

Inherited from​

AstryxComboboxDriver.getText


getTriggerText()​

getTriggerText(): Promise<Optional<string>>

Defined in: component-driver-astryx/src/components/MultiSelectorDriver.ts:24

The trigger's displayed text (e.g. "2 selected" or the placeholder).

Returns​

Promise<Optional<string>>


hover()​

hover(option?): Promise<void>

Defined in: core/dist/index.d.mts:1069

Parameters​

option?​

Partial<HoverOption>

Returns​

Promise<void>

Inherited from​

AstryxComboboxDriver.hover


innerHTML()​

innerHTML(): Promise<string>

Defined in: core/dist/index.d.mts:1168

Get the inner HTML of the component

Returns​

Promise<string>

The inner HTML of the component

Inherited from​

AstryxComboboxDriver.innerHTML


isExpanded()​

isExpanded(): Promise<boolean>

Defined in: component-driver-astryx/src/components/AstryxComboboxDriver.ts:20

Whether the popup is open — read from the combobox's aria-expanded.

Returns​

Promise<boolean>

Inherited from​

AstryxComboboxDriver.isExpanded


isOptionLabelSelected()​

protected isOptionLabelSelected(label): Promise<boolean>

Defined in: component-driver-astryx/src/internal/IndexedOptionListDriver.ts:72

Whether the option with the given label is selected (aria-selected="true"). false when absent.

Parameters​

label​

string

Returns​

Promise<boolean>

Inherited from​

AstryxComboboxDriver.isOptionLabelSelected


isOptionSelected()​

isOptionSelected(label): Promise<boolean>

Defined in: component-driver-astryx/src/components/MultiSelectorDriver.ts:64

Whether the option with the given label is selected. Opens the popup.

Parameters​

label​

string

Returns​

Promise<boolean>


isVisible()​

isVisible(): Promise<boolean>

Defined in: core/dist/index.d.mts:1145

Whether the component is visible. Visibility is defined that the component does not have the CSS property display: none, visibility: hidden, or opacity: 0. However this does not check whether the component is within the viewport.

Returns​

Promise<boolean>

true if the component is visible, false otherwise

Inherited from​

AstryxComboboxDriver.isVisible


mouseDown()​

mouseDown(option?): Promise<void>

Defined in: core/dist/index.d.mts:1071

Parameters​

option?​

Partial<MouseDownOption>

Returns​

Promise<void>

Inherited from​

AstryxComboboxDriver.mouseDown


mouseEnter()​

mouseEnter(option?): Promise<void>

Defined in: core/dist/index.d.mts:1075

Parameters​

option?​

Partial<MouseEnterOption>

Returns​

Promise<void>

Inherited from​

AstryxComboboxDriver.mouseEnter


mouseLeave()​

mouseLeave(option?): Promise<void>

Defined in: core/dist/index.d.mts:1076

Parameters​

option?​

Partial<MouseLeaveOption>

Returns​

Promise<void>

Inherited from​

AstryxComboboxDriver.mouseLeave


mouseMove()​

mouseMove(option?): Promise<void>

Defined in: core/dist/index.d.mts:1070

Parameters​

option?​

Partial<MouseMoveOption>

Returns​

Promise<void>

Inherited from​

AstryxComboboxDriver.mouseMove


mouseOut()​

mouseOut(option?): Promise<void>

Defined in: core/dist/index.d.mts:1074

Parameters​

option?​

Partial<MouseOutOption>

Returns​

Promise<void>

Inherited from​

AstryxComboboxDriver.mouseOut


mouseOver()​

mouseOver(option?): Promise<void>

Defined in: core/dist/index.d.mts:1073

Parameters​

option?​

Partial<HoverOption>

Returns​

Promise<void>

Inherited from​

AstryxComboboxDriver.mouseOver


mouseUp()​

mouseUp(option?): Promise<void>

Defined in: core/dist/index.d.mts:1072

Parameters​

option?​

Partial<MouseUpOption>

Returns​

Promise<void>

Inherited from​

AstryxComboboxDriver.mouseUp


open()​

open(): Promise<void>

Defined in: component-driver-astryx/src/components/AstryxComboboxDriver.ts:30

Open the popup by clicking the combobox, if not already open, then wait for aria-expanded to flip. The wait matters in the browser: click() resolves once the event dispatches, but the listbox and its options mount on React's subsequent render, so a read that races ahead would see an empty popup.

Returns​

Promise<void>

Inherited from​

AstryxComboboxDriver.open


optionIdPrefix()​

protected optionIdPrefix(): Promise<Optional<string>>

Defined in: component-driver-astryx/src/internal/IndexedOptionListDriver.ts:31

The ${listboxId}-${separator}- id prefix shared by the open popup's options, or undefined when closed.

Returns​

Promise<Optional<string>>

Inherited from​

AstryxComboboxDriver.optionIdPrefix


optionLabels()​

protected optionLabels(): Promise<readonly string[]>

Defined in: component-driver-astryx/src/internal/IndexedOptionListDriver.ts:60

The visible labels of the options currently in the open popup, in DOM order.

Returns​

Promise<readonly string[]>

Inherited from​

AstryxComboboxDriver.optionLabels


optionLocators()​

protected optionLocators(): Promise<PartLocator[]>

Defined in: component-driver-astryx/src/internal/IndexedOptionListDriver.ts:37

Every option locator in the open popup, in DOM order. Empty when closed.

Returns​

Promise<PartLocator[]>

Inherited from​

AstryxComboboxDriver.optionLocators


pressKey()​

pressKey(key, option?): Promise<void>

Defined in: core/dist/index.d.mts:1083

Dispatch a keyboard key press on the component. See Interactor.pressKey.

Parameters​

key​

string

A KeyboardEvent.key value, e.g. 'Escape', 'Backspace', 'Enter'

option?​

Partial<PressKeyOption>

Reserved for future modifier-key support

Returns​

Promise<void>

Inherited from​

AstryxComboboxDriver.pressKey


runtimeCssSelector()​

runtimeCssSelector(): Promise<string>

Defined in: core/dist/index.d.mts:1174

Get the runtime CSS selector of the component. This is useful for debugging and testing purposes.

Returns​

Promise<string>

The runtime CSS selector of the component

Inherited from​

AstryxComboboxDriver.runtimeCssSelector


scrollBy()​

scrollBy(delta): Promise<void>

Defined in: core/dist/index.d.mts:1107

Scroll the component by the given pixel delta. See Interactor.scrollBy.

jsdom has no layout engine, so the scroll is a no-op there and behavioral assertions (resulting offset) are E2E-only.

Parameters​

delta​

Point

Pixel offset to scroll by

Returns​

Promise<void>

Inherited from​

AstryxComboboxDriver.scrollBy


scrollIntoView()​

scrollIntoView(): Promise<void>

Defined in: core/dist/index.d.mts:1098

Scroll the component into the viewport. See Interactor.scrollIntoView.

jsdom has no layout engine, so the scroll is a no-op there and behavioral assertions (visibility, offset) are E2E-only.

Returns​

Promise<void>

Inherited from​

AstryxComboboxDriver.scrollIntoView


selectAll()​

selectAll(label?): Promise<boolean>

Defined in: component-driver-astryx/src/components/MultiSelectorDriver.ts:88

Click the "select all" option (opens the popup first).

Parameters​

label?​

string = DEFAULT_SELECT_ALL_LABEL

The select-all row's label, when customised via selectAllLabel.

Returns​

Promise<boolean>

false when there is no such row (the MultiSelector lacks hasSelectAll).


toggleByLabel()​

toggleByLabel(label): Promise<boolean>

Defined in: component-driver-astryx/src/components/MultiSelectorDriver.ts:73

Toggle the option with the given label (opens the popup first).

Parameters​

label​

string

Returns​

Promise<boolean>

false when no such option exists.


waitForOptions()​

protected waitForOptions(timeoutMs?): Promise<void>

Defined in: component-driver-astryx/src/internal/IndexedOptionListDriver.ts:83

Wait until the open popup has at least one option, for the debounced/async result lists of the type-to-search members (Typeahead, Tokenizer, PowerSearch, CommandPalette). Resolves early once options appear; otherwise returns after the timeout (e.g. a query with no results), leaving the caller to read an empty list.

Parameters​

timeoutMs?​

number = 2000

Returns​

Promise<void>

Inherited from​

AstryxComboboxDriver.waitForOptions


waitUntil()​

waitUntil<T>(option): Promise<T>

Defined in: core/dist/index.d.mts:1163

Type Parameters​

T​

T

Parameters​

option​

WaitUntilOption<T>

Returns​

Promise<T>

Inherited from​

AstryxComboboxDriver.waitUntil


waitUntilComponentState()​

waitUntilComponentState(option?): Promise<void>

Defined in: core/dist/index.d.mts:1162

Wait until the component is in the expected state such as the component's visibility or existence. If the component has not reached the expected state within the timeout, it will throw an error.

By default it waits until the component is attached to the DOM within 30 seconds.

Parameters​

option?​

Partial<Readonly<WaitForOption>>

The option to configure the wait behavior

Returns​

Promise<void>

Inherited from​

AstryxComboboxDriver.waitUntilComponentState


waitUntilVisible()​

waitUntilVisible(timeoutMs?): Promise<void>

Defined in: core/dist/index.d.mts:1150

Wait until the component is attached and becomes visible to the DOM.

Parameters​

timeoutMs?​

number

The number of milliseconds to wait before timing out

Returns​

Promise<void>

Inherited from​

AstryxComboboxDriver.waitUntilVisible


overriddenParentLocator()​

static overriddenParentLocator(): Optional<PartLocator>

Defined in: core/dist/index.d.mts:1026

Portal hook: where to re-root this driver's locator when its component renders outside the parent's DOM (a modal, popup, drawer). Return the PartLocator that locates the component from the document root, or undefined (the default) for normal in-tree components whose locator chains from the parent.

This is static because it is per-class metadata read off the constructor before any instance exists — which makes the "no instance state" constraint structural rather than a documented caution. Override with static override.

Returns​

Optional<PartLocator>

Inherited from​

AstryxComboboxDriver.overriddenParentLocator


overrideLocatorRelativePosition()​

static overrideLocatorRelativePosition(): Optional<LocatorRelativePosition>

Defined in: core/dist/index.d.mts:1036

Portal hook: the locator relative position to apply when the component's real DOM is a sibling/elsewhere rather than a descendant (e.g. a MUI dialog rendered at the document root, located by a "Same"-level selector). Return undefined (the default) to keep the natural position declared by the ScenePart.

Static for the same reason as ComponentDriver.overriddenParentLocator: it is class-level metadata read before construction. Override with static override.

Returns​

Optional<LocatorRelativePosition>

Inherited from​

AstryxComboboxDriver.overrideLocatorRelativePosition