@elastic/eui-test-helpers 2.1.0 → 2.2.0

package/lib/esm/playwright/components/call_out/object.js

@@ -0,0 +1,72 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+import { BaseObject } from '../../base_object';
+import { EuiCallOutSelectors } from '../../../components/call_out/selectors';
+/**
+ * Playwright Component Object for {@link
+ * https://eui.elastic.co/docs/components/display/callout/ EuiCallOut}.
+ *
+ * `testSubj` must be set on `EuiCallOut` itself. EUI puts it on the panel
+ * root and derives `<subj>__message`, `<subj>__content` and
+ * `<subj>__actions` for the inner blocks, which the token based root lookup
+ * does not confuse with the root.
+ */
+export class EuiCallOutObject extends BaseObject {
+    constructor(scope, testSubj) {
+        super(scope, testSubj, EuiCallOutSelectors.ROOT_SELECTOR);
+    }
+    /** The call out element itself, see {@link panel}. */
+    get locator() {
+        return this.panel;
+    }
+    /** The title text, or an empty string when the call out has no title. */
+    async getTitle() {
+        return this.textOf(this.panel.locator(EuiCallOutSelectors.TITLE_SELECTOR));
+    }
+    /** The `text` block, or an empty string when the call out has none. */
+    async getText() {
+        return this.textOf(this.panel.locator(EuiCallOutSelectors.TEXT_SELECTOR));
+    }
+    /** The color variant: `primary`, `success`, `warning` or `danger`. */
+    async getColor() {
+        const className = (await this.panel.getAttribute('class')) ?? '';
+        const match = className.match(new RegExp(`\\b${EuiCallOutSelectors.COLOR_CLASS_PREFIX}([a-z]+)`));
+        if (!match) {
+            throw new Error(`EuiCallOut "${this.testSubj}" has no color class, is it an EuiCallOut?`);
+        }
+        return match[1];
+    }
+    /** The dismiss button. Resolves to zero elements without `onDismiss`. */
+    get dismissButton() {
+        return this.panel
+            .locator(EuiCallOutSelectors.DISMISS_BUTTON_SELECTOR)
+            .first();
+    }
+    /**
+     * The root narrowed to the call out element. A multi token subj such as
+     * `notice shared` also matches the derived `notice shared__message` block
+     * by token, so the class keeps lookups on the panel itself.
+     */
+    get panel() {
+        return this.root.and(this.scope.locator(EuiCallOutSelectors.ROOT_SELECTOR));
+    }
+    /**
+     * Click the dismiss button. What happens next is up to the consumer's
+     * `onDismiss`, usually unmounting the call out, so nothing is asserted.
+     */
+    async dismiss() {
+        await this.dismissButton.click();
+    }
+    async textOf(element) {
+        if ((await element.count()) === 0) {
+            return '';
+        }
+        return element.first().innerText();
+    }
+}
+//# sourceMappingURL=object.js.map

package/lib/esm/playwright/components/call_out/object.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"object.js","sourceRoot":"","sources":["../../../../../src/playwright/components/call_out/object.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,EAAE,UAAU,EAAoB,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAE7E;;;;;;;;GAQG;AACH,MAAM,OAAO,gBAAiB,SAAQ,UAAU;IAC9C,YAAY,KAAkB,EAAE,QAAgB;QAC9C,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC;IAC5D,CAAC;IAED,sDAAsD;IACtD,IAAa,OAAO;QAClB,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED,yEAAyE;IACzE,KAAK,CAAC,QAAQ;QACZ,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC,CAAC;IAC7E,CAAC;IAED,uEAAuE;IACvE,KAAK,CAAC,OAAO;QACX,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,mBAAmB,CAAC,aAAa,CAAC,CAAC,CAAC;IAC5E,CAAC;IAED,sEAAsE;IACtE,KAAK,CAAC,QAAQ;QACZ,MAAM,SAAS,GAAG,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC;QACjE,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAC3B,IAAI,MAAM,CAAC,MAAM,mBAAmB,CAAC,kBAAkB,UAAU,CAAC,CACnE,CAAC;QACF,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,MAAM,IAAI,KAAK,CACb,eAAe,IAAI,CAAC,QAAQ,4CAA4C,CACzE,CAAC;QACJ,CAAC;QACD,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC;IAED,yEAAyE;IACzE,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,KAAK;aACd,OAAO,CAAC,mBAAmB,CAAC,uBAAuB,CAAC;aACpD,KAAK,EAAE,CAAC;IACb,CAAC;IAED;;;;OAIG;IACH,IAAY,KAAK;QACf,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,mBAAmB,CAAC,aAAa,CAAC,CAAC,CAAC;IAC9E,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,OAAO;QACX,MAAM,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;IACnC,CAAC;IAEO,KAAK,CAAC,MAAM,CAAC,OAAgB;QACnC,IAAI,CAAC,MAAM,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;YAClC,OAAO,EAAE,CAAC;QACZ,CAAC;QACD,OAAO,OAAO,CAAC,KAAK,EAAE,CAAC,SAAS,EAAE,CAAC;IACrC,CAAC;CACF"}

package/lib/esm/playwright/components/form/field_search/object.d.ts

@@ -0,0 +1,21 @@
+import { BaseObject, type ObjectScope } from '../../../base_object';
+/**
+ * Playwright Component Object for {@link
+ * https://eui.elastic.co/docs/components/forms/search-and-filter/search/ EuiFieldSearch}.
+ *
+ * `testSubj` must be set on `EuiFieldSearch` itself, EUI spreads it onto
+ * the `<input>`. `EuiSearchBar` renders this input for its box, see
+ * `EuiSearchBarObject`.
+ */
+export declare class EuiFieldSearchObject extends BaseObject {
+    constructor(scope: ObjectScope, testSubj: string, componentSelector?: string);
+    /**
+     * Replace the text and submit it with Enter, which triggers `onSearch` for
+     * both the incremental and the plain variant.
+     */
+    setQuery(text: string): Promise<void>;
+    /** The current text of the input. */
+    getQuery(): Promise<string>;
+    /** Empty the input and submit, so `onSearch` receives an empty query. */
+    clear(): Promise<void>;
+}

package/lib/esm/playwright/components/form/field_search/object.js

@@ -0,0 +1,41 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+import { expect } from '@playwright/test';
+import { BaseObject } from '../../../base_object';
+import { EuiFieldSearchSelectors } from '../../../../components/form/field_search/selectors';
+/**
+ * Playwright Component Object for {@link
+ * https://eui.elastic.co/docs/components/forms/search-and-filter/search/ EuiFieldSearch}.
+ *
+ * `testSubj` must be set on `EuiFieldSearch` itself, EUI spreads it onto
+ * the `<input>`. `EuiSearchBar` renders this input for its box, see
+ * `EuiSearchBarObject`.
+ */
+export class EuiFieldSearchObject extends BaseObject {
+    constructor(scope, testSubj, componentSelector = EuiFieldSearchSelectors.ROOT_SELECTOR) {
+        super(scope, testSubj, componentSelector);
+    }
+    /**
+     * Replace the text and submit it with Enter, which triggers `onSearch` for
+     * both the incremental and the plain variant.
+     */
+    async setQuery(text) {
+        await this.root.fill(text);
+        await expect(this.root).toHaveValue(text);
+        await this.root.press('Enter');
+    }
+    /** The current text of the input. */
+    async getQuery() {
+        return this.root.inputValue();
+    }
+    /** Empty the input and submit, so `onSearch` receives an empty query. */
+    async clear() {
+        await this.setQuery('');
+    }
+}
+//# sourceMappingURL=object.js.map

package/lib/esm/playwright/components/form/field_search/object.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"object.js","sourceRoot":"","sources":["../../../../../../src/playwright/components/form/field_search/object.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAoB,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,oDAAoD,CAAC;AAE7F;;;;;;;GAOG;AACH,MAAM,OAAO,oBAAqB,SAAQ,UAAU;IAClD,YACE,KAAkB,EAClB,QAAgB,EAChB,iBAAiB,GAAG,uBAAuB,CAAC,aAAa;QAEzD,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,iBAAiB,CAAC,CAAC;IAC5C,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,QAAQ,CAAC,IAAY;QACzB,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3B,MAAM,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC1C,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC;IAED,qCAAqC;IACrC,KAAK,CAAC,QAAQ;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;IAChC,CAAC;IAED,yEAAyE;IACzE,KAAK,CAAC,KAAK;QACT,MAAM,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC1B,CAAC;CACF"}

package/lib/esm/playwright/components/pagination/object.d.ts

@@ -0,0 +1,37 @@
+import { BaseObject, type ObjectScope } from '../../base_object';
+/**
+ * Playwright Component Object for {@link
+ * https://eui.elastic.co/docs/components/navigation/pagination/ EuiPagination}.
+ *
+ * `testSubj` must be set on `EuiPagination` itself, EUI spreads it onto the
+ * `<nav>`. Page indexes are 0-based, matching EUI's `activePage` and the
+ * `pagination-button-<index>` test subjs. Covers the numbered and the
+ * compressed variant.
+ */
+export declare class EuiPaginationObject extends BaseObject {
+    constructor(scope: ObjectScope, testSubj: string);
+    /** The 0-based index of the active page. */
+    getActivePage(): Promise<number>;
+    /** The total number of pages. */
+    getPageCount(): Promise<number>;
+    /**
+     * Go to the page at the 0-based `index` and wait for it to become active.
+     * Clicks the page button when EUI renders it, otherwise steps through
+     * next or previous until it does. A no-op if already active. Throws if
+     * `index` is not a page, or the page never becomes active.
+     */
+    goToPage(index: number): Promise<void>;
+    /** Click the next arrow and wait for the active page to advance. */
+    next(): Promise<void>;
+    /** Click the previous arrow and wait for the active page to go back. */
+    previous(): Promise<void>;
+    private pageButton;
+    private arrow;
+    private isCompressed;
+    /**
+     * The compressed "page of total" numbers as [page, total]. Translations may
+     * order the two the other way round, and the page is never above the total,
+     * so the smaller one is the page.
+     */
+    private compressedNumbers;
+}

package/lib/esm/playwright/components/pagination/object.js

@@ -0,0 +1,118 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+import { expect } from '@playwright/test';
+import { BaseObject } from '../../base_object';
+import { EuiPaginationSelectors } from '../../../components/pagination/selectors';
+/**
+ * Playwright Component Object for {@link
+ * https://eui.elastic.co/docs/components/navigation/pagination/ EuiPagination}.
+ *
+ * `testSubj` must be set on `EuiPagination` itself, EUI spreads it onto the
+ * `<nav>`. Page indexes are 0-based, matching EUI's `activePage` and the
+ * `pagination-button-<index>` test subjs. Covers the numbered and the
+ * compressed variant.
+ */
+export class EuiPaginationObject extends BaseObject {
+    constructor(scope, testSubj) {
+        super(scope, testSubj, EuiPaginationSelectors.ROOT_SELECTOR);
+    }
+    /** The 0-based index of the active page. */
+    async getActivePage() {
+        if (await this.isCompressed()) {
+            const [page] = await this.compressedNumbers();
+            return page - 1;
+        }
+        const text = await this.root
+            .locator(EuiPaginationSelectors.ACTIVE_PAGE_BUTTON_SELECTOR)
+            .innerText();
+        return Number(text) - 1;
+    }
+    /** The total number of pages. */
+    async getPageCount() {
+        if (await this.isCompressed()) {
+            const [, total] = await this.compressedNumbers();
+            return total;
+        }
+        // EUI always renders the last page's button, so its label is the count.
+        return Number(await this.root
+            .locator(EuiPaginationSelectors.PAGE_BUTTON_SELECTOR)
+            .last()
+            .innerText());
+    }
+    /**
+     * Go to the page at the 0-based `index` and wait for it to become active.
+     * Clicks the page button when EUI renders it, otherwise steps through
+     * next or previous until it does. A no-op if already active. Throws if
+     * `index` is not a page, or the page never becomes active.
+     */
+    async goToPage(index) {
+        const pageCount = await this.getPageCount();
+        if (!Number.isInteger(index) || index < 0 || index >= pageCount) {
+            throw new Error(`EuiPagination "${this.testSubj}" has ${pageCount} pages, page index ${index} is out of range.`);
+        }
+        for (let step = 0; step < pageCount; step++) {
+            const active = await this.getActivePage();
+            if (active === index) {
+                return;
+            }
+            const button = this.pageButton(index);
+            if ((await button.count()) > 0) {
+                await button.click();
+            }
+            else if (index > active) {
+                await this.arrow(EuiPaginationSelectors.NEXT_BUTTON_TEST_SUBJ).click();
+            }
+            else {
+                await this.arrow(EuiPaginationSelectors.PREVIOUS_BUTTON_TEST_SUBJ).click();
+            }
+            await expect.poll(() => this.getActivePage()).not.toBe(active);
+        }
+        if ((await this.getActivePage()) !== index) {
+            throw new Error(`EuiPagination "${this.testSubj}" did not reach page index ${index} after ${pageCount} steps.`);
+        }
+    }
+    /** Click the next arrow and wait for the active page to advance. */
+    async next() {
+        const active = await this.getActivePage();
+        await this.arrow(EuiPaginationSelectors.NEXT_BUTTON_TEST_SUBJ).click();
+        await expect.poll(() => this.getActivePage()).toBe(active + 1);
+    }
+    /** Click the previous arrow and wait for the active page to go back. */
+    async previous() {
+        const active = await this.getActivePage();
+        await this.arrow(EuiPaginationSelectors.PREVIOUS_BUTTON_TEST_SUBJ).click();
+        await expect.poll(() => this.getActivePage()).toBe(active - 1);
+    }
+    pageButton(index) {
+        return this.root.getByTestId(`${EuiPaginationSelectors.PAGE_BUTTON_TEST_SUBJ_PREFIX}${index}`);
+    }
+    arrow(testSubj) {
+        return this.root.getByTestId(testSubj);
+    }
+    async isCompressed() {
+        // count() does not wait, so make sure the nav has rendered first.
+        await this.root.waitFor({ state: 'visible' });
+        return ((await this.root
+            .locator(EuiPaginationSelectors.COMPRESSED_TEXT_SELECTOR)
+            .count()) > 0);
+    }
+    /**
+     * The compressed "page of total" numbers as [page, total]. Translations may
+     * order the two the other way round, and the page is never above the total,
+     * so the smaller one is the page.
+     */
+    async compressedNumbers() {
+        const texts = await this.root
+            .locator(EuiPaginationSelectors.COMPRESSED_TEXT_SELECTOR)
+            .locator('span')
+            .allInnerTexts();
+        const numbers = texts.map(Number);
+        return [Math.min(...numbers), Math.max(...numbers)];
+    }
+}
+//# sourceMappingURL=object.js.map

package/lib/esm/playwright/components/pagination/object.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"object.js","sourceRoot":"","sources":["../../../../../src/playwright/components/pagination/object.ts"],"names":[],"mappings":"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"}

package/lib/esm/playwright/components/search_bar/object.d.ts

@@ -0,0 +1,12 @@
+import { EuiFieldSearchObject } from '../form/field_search/object';
+/**
+ * Playwright Component Object for {@link
+ * https://eui.elastic.co/docs/components/forms/search-and-filter/search-bar/ EuiSearchBar}.
+ *
+ * The search bar has no root of its own, the consumer's `data-test-subj` is
+ * passed through the `box` prop onto the `EuiFieldSearch` input. So this is
+ * the field search object under the component's own name. Set
+ * `box={{ 'data-test-subj': 'mySearchBar' }}` and construct with that subj.
+ */
+export declare class EuiSearchBarObject extends EuiFieldSearchObject {
+}

package/lib/esm/playwright/components/search_bar/object.js

@@ -0,0 +1,20 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+import { EuiFieldSearchObject } from '../form/field_search/object';
+/**
+ * Playwright Component Object for {@link
+ * https://eui.elastic.co/docs/components/forms/search-and-filter/search-bar/ EuiSearchBar}.
+ *
+ * The search bar has no root of its own, the consumer's `data-test-subj` is
+ * passed through the `box` prop onto the `EuiFieldSearch` input. So this is
+ * the field search object under the component's own name. Set
+ * `box={{ 'data-test-subj': 'mySearchBar' }}` and construct with that subj.
+ */
+export class EuiSearchBarObject extends EuiFieldSearchObject {
+}
+//# sourceMappingURL=object.js.map

package/lib/esm/playwright/components/search_bar/object.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"object.js","sourceRoot":"","sources":["../../../../../src/playwright/components/search_bar/object.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE;;;;;;;;GAQG;AACH,MAAM,OAAO,kBAAmB,SAAQ,oBAAoB;CAAG"}

package/lib/esm/playwright/components/side_nav/object.d.ts

@@ -0,0 +1,34 @@
+import { type Locator } from '@playwright/test';
+import { BaseObject, type ObjectScope } from '../../base_object';
+/**
+ * Playwright Component Object for {@link
+ * https://eui.elastic.co/docs/components/navigation/side-nav/ EuiSideNav}.
+ *
+ * `testSubj` must be set on `EuiSideNav` itself, EUI spreads it onto the
+ * `<nav>`. Items are addressed by their exact label. Closed branches are
+ * not in the DOM, expand their parent first.
+ */
+export declare class EuiSideNavObject extends BaseObject {
+    constructor(scope: ObjectScope, testSubj: string);
+    /** The labels of every rendered item, in document order. */
+    getItems(): Promise<string[]>;
+    /**
+     * The clickable element of the item with exactly this label. Matches the
+     * label span, so icon text does not interfere, then climbs to its button.
+     * Chained from `root`, so it stays in the root's frame.
+     */
+    item(label: string): Locator;
+    /**
+     * Click the item with this label. Selection is owned by the consumer
+     * (usually a route change), so nothing is asserted afterwards.
+     */
+    select(label: string): Promise<void>;
+    /** The label of the selected item, or null when none is selected. */
+    getSelected(): Promise<string | null>;
+    /**
+     * Expand an accordion item (one with children and no link or click
+     * handler) and wait for its children to render. A no-op if already open.
+     */
+    expand(label: string): Promise<void>;
+    private isOpen;
+}

package/lib/esm/playwright/components/side_nav/object.js

@@ -0,0 +1,76 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+import { expect } from '@playwright/test';
+import { BaseObject } from '../../base_object';
+import { EuiSideNavSelectors } from '../../../components/side_nav/selectors';
+/**
+ * Playwright Component Object for {@link
+ * https://eui.elastic.co/docs/components/navigation/side-nav/ EuiSideNav}.
+ *
+ * `testSubj` must be set on `EuiSideNav` itself, EUI spreads it onto the
+ * `<nav>`. Items are addressed by their exact label. Closed branches are
+ * not in the DOM, expand their parent first.
+ */
+export class EuiSideNavObject extends BaseObject {
+    constructor(scope, testSubj) {
+        super(scope, testSubj, EuiSideNavSelectors.ROOT_SELECTOR);
+    }
+    /** The labels of every rendered item, in document order. */
+    async getItems() {
+        return this.root
+            .locator(EuiSideNavSelectors.ITEM_LABEL_SELECTOR)
+            .allInnerTexts();
+    }
+    /**
+     * The clickable element of the item with exactly this label. Matches the
+     * label span, so icon text does not interfere, then climbs to its button.
+     * Chained from `root`, so it stays in the root's frame.
+     */
+    item(label) {
+        return this.root
+            .locator(EuiSideNavSelectors.ITEM_LABEL_SELECTOR)
+            .filter({ hasText: new RegExp(`^${escapeRegExp(label)}$`) })
+            .locator(ITEM_BUTTON_ANCESTOR_XPATH);
+    }
+    /**
+     * Click the item with this label. Selection is owned by the consumer
+     * (usually a route change), so nothing is asserted afterwards.
+     */
+    async select(label) {
+        await this.item(label).click();
+    }
+    /** The label of the selected item, or null when none is selected. */
+    async getSelected() {
+        const selected = this.root
+            .locator(EuiSideNavSelectors.SELECTED_ITEM_BUTTON_SELECTOR)
+            .locator(EuiSideNavSelectors.ITEM_LABEL_SELECTOR);
+        if ((await selected.count()) === 0) {
+            return null;
+        }
+        return selected.first().innerText();
+    }
+    /**
+     * Expand an accordion item (one with children and no link or click
+     * handler) and wait for its children to render. A no-op if already open.
+     */
+    async expand(label) {
+        const button = this.item(label);
+        if (await this.isOpen(button)) {
+            return;
+        }
+        await button.click();
+        await expect.poll(() => this.isOpen(button)).toBe(true);
+    }
+    isOpen(button) {
+        return button.evaluate((el, openClass) => el.matches(openClass), EuiSideNavSelectors.OPEN_ITEM_BUTTON_SELECTOR);
+    }
+}
+/** Nearest ancestor carrying the exact `euiSideNavItemButton` class token. */
+const ITEM_BUTTON_ANCESTOR_XPATH = "xpath=ancestor::*[contains(concat(' ', normalize-space(@class), ' '), ' euiSideNavItemButton ')][1]";
+const escapeRegExp = (text) => text.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+//# sourceMappingURL=object.js.map

package/lib/esm/playwright/components/side_nav/object.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"object.js","sourceRoot":"","sources":["../../../../../src/playwright/components/side_nav/object.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,MAAM,EAAgB,MAAM,kBAAkB,CAAC;AAExD,OAAO,EAAE,UAAU,EAAoB,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAE7E;;;;;;;GAOG;AACH,MAAM,OAAO,gBAAiB,SAAQ,UAAU;IAC9C,YAAY,KAAkB,EAAE,QAAgB;QAC9C,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC;IAC5D,CAAC;IAED,4DAA4D;IAC5D,KAAK,CAAC,QAAQ;QACZ,OAAO,IAAI,CAAC,IAAI;aACb,OAAO,CAAC,mBAAmB,CAAC,mBAAmB,CAAC;aAChD,aAAa,EAAE,CAAC;IACrB,CAAC;IAED;;;;OAIG;IACH,IAAI,CAAC,KAAa;QAChB,OAAO,IAAI,CAAC,IAAI;aACb,OAAO,CAAC,mBAAmB,CAAC,mBAAmB,CAAC;aAChD,MAAM,CAAC,EAAE,OAAO,EAAE,IAAI,MAAM,CAAC,IAAI,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;aAC3D,OAAO,CAAC,0BAA0B,CAAC,CAAC;IACzC,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,MAAM,CAAC,KAAa;QACxB,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC;IACjC,CAAC;IAED,qEAAqE;IACrE,KAAK,CAAC,WAAW;QACf,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI;aACvB,OAAO,CAAC,mBAAmB,CAAC,6BAA6B,CAAC;aAC1D,OAAO,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;QACpD,IAAI,CAAC,MAAM,QAAQ,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;YACnC,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,QAAQ,CAAC,KAAK,EAAE,CAAC,SAAS,EAAE,CAAC;IACtC,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,MAAM,CAAC,KAAa;QACxB,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAChC,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;YAC9B,OAAO;QACT,CAAC;QACD,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC;QACrB,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1D,CAAC;IAEO,MAAM,CAAC,MAAe;QAC5B,OAAO,MAAM,CAAC,QAAQ,CACpB,CAAC,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,EACxC,mBAAmB,CAAC,yBAAyB,CAC9C,CAAC;IACJ,CAAC;CACF;AAED,8EAA8E;AAC9E,MAAM,0BAA0B,GAC9B,qGAAqG,CAAC;AAExG,MAAM,YAAY,GAAG,CAAC,IAAY,EAAU,EAAE,CAC5C,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAC"}

package/lib/esm/playwright/components/table/object.d.ts

@@ -0,0 +1,28 @@
+import type { Locator } from '@playwright/test';
+import { BaseObject, type ObjectScope } from '../../base_object';
+/**
+ * Playwright Component Object for {@link
+ * https://eui.elastic.co/docs/components/tabular-content/tables/ EuiTable},
+ * the low level table built from `EuiTableHeader`, `EuiTableRow` and
+ * `EuiTableRowCell`. `EuiBasicTableObject` extends this for the
+ * `EuiBasicTable` and `EuiInMemoryTable` wrappers.
+ *
+ * `testSubj` must be set on `EuiTable` itself, EUI spreads it onto the
+ * `<table>`. Columns are addressed by position since a plain table has no
+ * field names.
+ */
+export declare class EuiTableObject extends BaseObject {
+    constructor(scope: ObjectScope, testSubj: string, componentSelector?: string);
+    /** The body rows. */
+    get rows(): Locator;
+    /** The header cells, in column order. */
+    get headerCells(): Locator;
+    /**
+     * The cells of one column across all body rows, by 0-based position.
+     * Direct children only, so a table nested in a cell is not matched. Matches
+     * both `<td>` and `<th>`, EUI renders a row header cell as `<th scope="row">`.
+     */
+    column(index: number): Locator;
+    /** One body cell by 0-based row and column position. */
+    cell(row: number, column: number): Locator;
+}

package/lib/esm/playwright/components/table/object.js

@@ -0,0 +1,46 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+import { BaseObject } from '../../base_object';
+import { EuiTableSelectors } from '../../../components/table/selectors';
+/**
+ * Playwright Component Object for {@link
+ * https://eui.elastic.co/docs/components/tabular-content/tables/ EuiTable},
+ * the low level table built from `EuiTableHeader`, `EuiTableRow` and
+ * `EuiTableRowCell`. `EuiBasicTableObject` extends this for the
+ * `EuiBasicTable` and `EuiInMemoryTable` wrappers.
+ *
+ * `testSubj` must be set on `EuiTable` itself, EUI spreads it onto the
+ * `<table>`. Columns are addressed by position since a plain table has no
+ * field names.
+ */
+export class EuiTableObject extends BaseObject {
+    constructor(scope, testSubj, componentSelector = EuiTableSelectors.ROOT_SELECTOR) {
+        super(scope, testSubj, componentSelector);
+    }
+    /** The body rows. */
+    get rows() {
+        return this.root.locator(EuiTableSelectors.ROW_SELECTOR);
+    }
+    /** The header cells, in column order. */
+    get headerCells() {
+        return this.root.locator(EuiTableSelectors.HEADER_CELL_SELECTOR);
+    }
+    /**
+     * The cells of one column across all body rows, by 0-based position.
+     * Direct children only, so a table nested in a cell is not matched. Matches
+     * both `<td>` and `<th>`, EUI renders a row header cell as `<th scope="row">`.
+     */
+    column(index) {
+        return this.rows.locator(`> :is(td, th):nth-child(${index + 1})`);
+    }
+    /** One body cell by 0-based row and column position. */
+    cell(row, column) {
+        return this.rows.nth(row).locator(`> :is(td, th):nth-child(${column + 1})`);
+    }
+}
+//# sourceMappingURL=object.js.map

package/lib/esm/playwright/components/table/object.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"object.js","sourceRoot":"","sources":["../../../../../src/playwright/components/table/object.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,EAAE,UAAU,EAAoB,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAExE;;;;;;;;;;GAUG;AACH,MAAM,OAAO,cAAe,SAAQ,UAAU;IAC5C,YACE,KAAkB,EAClB,QAAgB,EAChB,iBAAiB,GAAG,iBAAiB,CAAC,aAAa;QAEnD,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,iBAAiB,CAAC,CAAC;IAC5C,CAAC;IAED,qBAAqB;IACrB,IAAW,IAAI;QACb,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAC3D,CAAC;IAED,yCAAyC;IACzC,IAAW,WAAW;QACpB,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CAAC;IACnE,CAAC;IAED;;;;OAIG;IACI,MAAM,CAAC,KAAa;QACzB,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,2BAA2B,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC;IACpE,CAAC;IAED,wDAAwD;IACjD,IAAI,CAAC,GAAW,EAAE,MAAc;QACrC,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,2BAA2B,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9E,CAAC;CACF"}

package/lib/esm/selectors.d.ts

@@ -15,6 +15,14 @@ export declare const selectors: {
         ROW_SELECTOR: string;
         HEADER_CELL_SELECTOR_PREFIX: string;
     };
+    readonly callOut: {
+        ROOT_SELECTOR: string;
+        TITLE_SELECTOR: string;
+        TEXT_SELECTOR: string;
+        COLOR_CLASS_PREFIX: string;
+        DISMISS_BUTTON_TEST_SUBJ: string;
+        DISMISS_BUTTON_SELECTOR: string;
+    };
     readonly colorPicker: {
         ANCHOR_TEST_SUBJ: string;
         ANCHOR_SELECTOR: string;
@@ -57,6 +65,10 @@ export declare const selectors: {
         HANDLE_SELECTOR: string;
         ITEM_SELECTOR: string;
     };
+    readonly fieldSearch: {
+        ROOT_SELECTOR: string;
+        CLEAR_BUTTON_TEST_SUBJ: string;
+    };
     readonly filterButton: {
         ROOT_SELECTOR: string;
         NOTIFICATION_SELECTOR: string;
@@ -71,6 +83,17 @@ export declare const selectors: {
         ROOT_SELECTOR: string;
         CLOSE_BUTTON_SELECTOR: string;
     };
+    readonly pagination: {
+        ROOT_SELECTOR: string;
+        PAGE_BUTTON_SELECTOR: string;
+        ACTIVE_PAGE_BUTTON_SELECTOR: string;
+        COMPRESSED_TEXT_SELECTOR: string;
+        PAGE_BUTTON_TEST_SUBJ_PREFIX: string;
+        FIRST_BUTTON_TEST_SUBJ: string;
+        PREVIOUS_BUTTON_TEST_SUBJ: string;
+        NEXT_BUTTON_TEST_SUBJ: string;
+        LAST_BUTTON_TEST_SUBJ: string;
+    };
     readonly popover: {
         TOGGLE_SELECTOR: string;
         panelFor: (id: string) => string;
@@ -79,10 +102,23 @@ export declare const selectors: {
         SLIDER_SELECTOR: string;
         NUMBER_INPUT_SELECTOR: string;
     };
+    readonly searchBar: {
+        SEARCH_HOLDER_SELECTOR: string;
+        FILTERS_HOLDER_SELECTOR: string;
+    };
     readonly selectable: {
         ROOT_SELECTOR: string;
         SEARCH_SELECTOR: string;
     };
+    readonly sideNav: {
+        ROOT_SELECTOR: string;
+        ITEM_SELECTOR: string;
+        ITEM_BUTTON_SELECTOR: string;
+        SELECTED_ITEM_BUTTON_SELECTOR: string;
+        OPEN_ITEM_BUTTON_SELECTOR: string;
+        ITEM_LABEL_SELECTOR: string;
+        CHILD_ITEMS_SELECTOR: string;
+    };
     readonly superSelect: {
         ROOT_SELECTOR: string;
         WRAPPER_SELECTOR: string;
@@ -90,6 +126,12 @@ export declare const selectors: {
         HIDDEN_INPUT_SELECTOR: string;
         optionByValue: (value: string) => string;
     };
+    readonly table: {
+        ROOT_SELECTOR: string;
+        ROW_SELECTOR: string;
+        ROW_CELL_SELECTOR: string;
+        HEADER_CELL_SELECTOR: string;
+    };
     readonly globalToastList: {
         ROOT_SELECTOR: string;
         TOAST_SELECTOR: string;