@elastic/eui-test-helpers 2.1.0 → 2.2.0-snapshot.1793244789306

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

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EuiCallOutObject = void 0;
+var _base_object = require("../../base_object");
+var _selectors = require("../../../components/call_out/selectors");
+/*
+ * 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.
+ */
+
+/**
+ * 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.
+ */
+class EuiCallOutObject extends _base_object.BaseObject {
+  constructor(scope, testSubj) {
+    super(scope, testSubj, _selectors.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(_selectors.EuiCallOutSelectors.TITLE_SELECTOR));
+  }
+
+  /** The `text` block, or an empty string when the call out has none. */
+  async getText() {
+    return this.textOf(this.panel.locator(_selectors.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${_selectors.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(_selectors.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(_selectors.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();
+  }
+}
+exports.EuiCallOutObject = EuiCallOutObject;

package/lib/cjs/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/cjs/playwright/components/form/field_search/object.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EuiFieldSearchObject = void 0;
+var _test = require("@playwright/test");
+var _base_object = require("../../../base_object");
+var _selectors = require("../../../../components/form/field_search/selectors");
+/*
+ * 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.
+ */
+
+/**
+ * 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`.
+ */
+class EuiFieldSearchObject extends _base_object.BaseObject {
+  constructor(scope, testSubj, componentSelector = _selectors.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 (0, _test.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('');
+  }
+}
+exports.EuiFieldSearchObject = EuiFieldSearchObject;

package/lib/cjs/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/cjs/playwright/components/pagination/object.js

@@ -0,0 +1,121 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EuiPaginationObject = void 0;
+var _test = require("@playwright/test");
+var _base_object = require("../../base_object");
+var _selectors = require("../../../components/pagination/selectors");
+/*
+ * 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.
+ */
+
+/**
+ * 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.
+ */
+class EuiPaginationObject extends _base_object.BaseObject {
+  constructor(scope, testSubj) {
+    super(scope, testSubj, _selectors.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(_selectors.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(_selectors.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(_selectors.EuiPaginationSelectors.NEXT_BUTTON_TEST_SUBJ).click();
+      } else {
+        await this.arrow(_selectors.EuiPaginationSelectors.PREVIOUS_BUTTON_TEST_SUBJ).click();
+      }
+      await _test.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(_selectors.EuiPaginationSelectors.NEXT_BUTTON_TEST_SUBJ).click();
+    await _test.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(_selectors.EuiPaginationSelectors.PREVIOUS_BUTTON_TEST_SUBJ).click();
+    await _test.expect.poll(() => this.getActivePage()).toBe(active - 1);
+  }
+  pageButton(index) {
+    return this.root.getByTestId(`${_selectors.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(_selectors.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(_selectors.EuiPaginationSelectors.COMPRESSED_TEXT_SELECTOR).locator('span').allInnerTexts();
+    const numbers = texts.map(Number);
+    return [Math.min(...numbers), Math.max(...numbers)];
+  }
+}
+exports.EuiPaginationObject = EuiPaginationObject;

package/lib/cjs/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/cjs/playwright/components/search_bar/object.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EuiSearchBarObject = void 0;
+var _object = require("../form/field_search/object");
+/*
+ * 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.
+ */
+
+/**
+ * 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.
+ */
+class EuiSearchBarObject extends _object.EuiFieldSearchObject {}
+exports.EuiSearchBarObject = EuiSearchBarObject;

package/lib/cjs/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/cjs/playwright/components/side_nav/object.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EuiSideNavObject = void 0;
+var _test = require("@playwright/test");
+var _base_object = require("../../base_object");
+var _selectors = require("../../../components/side_nav/selectors");
+/*
+ * 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.
+ */
+
+/**
+ * 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.
+ */
+class EuiSideNavObject extends _base_object.BaseObject {
+  constructor(scope, testSubj) {
+    super(scope, testSubj, _selectors.EuiSideNavSelectors.ROOT_SELECTOR);
+  }
+
+  /** The labels of every rendered item, in document order. */
+  async getItems() {
+    return this.root.locator(_selectors.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(_selectors.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(_selectors.EuiSideNavSelectors.SELECTED_ITEM_BUTTON_SELECTOR).locator(_selectors.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 _test.expect.poll(() => this.isOpen(button)).toBe(true);
+  }
+  isOpen(button) {
+    return button.evaluate((el, openClass) => el.matches(openClass), _selectors.EuiSideNavSelectors.OPEN_ITEM_BUTTON_SELECTOR);
+  }
+}
+
+/** Nearest ancestor carrying the exact `euiSideNavItemButton` class token. */
+exports.EuiSideNavObject = EuiSideNavObject;
+const ITEM_BUTTON_ANCESTOR_XPATH = "xpath=ancestor::*[contains(concat(' ', normalize-space(@class), ' '), ' euiSideNavItemButton ')][1]";
+const escapeRegExp = text => text.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');

package/lib/cjs/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/cjs/playwright/components/table/object.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EuiTableObject = void 0;
+var _base_object = require("../../base_object");
+var _selectors = require("../../../components/table/selectors");
+/*
+ * 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.
+ */
+
+/**
+ * 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.
+ */
+class EuiTableObject extends _base_object.BaseObject {
+  constructor(scope, testSubj, componentSelector = _selectors.EuiTableSelectors.ROOT_SELECTOR) {
+    super(scope, testSubj, componentSelector);
+  }
+
+  /** The body rows. */
+  get rows() {
+    return this.root.locator(_selectors.EuiTableSelectors.ROW_SELECTOR);
+  }
+
+  /** The header cells, in column order. */
+  get headerCells() {
+    return this.root.locator(_selectors.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})`);
+  }
+}
+exports.EuiTableObject = EuiTableObject;

package/lib/cjs/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;