@elastic/eui-test-helpers 2.2.0 → 2.3.0-snapshot.1794281274327

package/README.md

@@ -63,9 +63,12 @@ their own version at runtime.
 | `EuiContextMenuObject` | [src/components/context_menu/README.md](src/components/context_menu/README.md) |
 | `EuiModalObject` | [src/components/modal/README.md](src/components/modal/README.md) |
 | `EuiTableObject` | [src/components/table/README.md](src/components/table/README.md) |
+| `EuiTabsObject` | [src/components/tabs/README.md](src/components/tabs/README.md) |
+| `EuiMarkdownEditorObject` | [src/components/markdown_editor/README.md](src/components/markdown_editor/README.md) |
 | `EuiPaginationObject` | [src/components/pagination/README.md](src/components/pagination/README.md) |
 | `EuiBasicTableObject` | [src/components/basic_table/README.md](src/components/basic_table/README.md) |
 | `EuiCallOutObject` | [src/components/call_out/README.md](src/components/call_out/README.md) |
+| `EuiCardObject` | [src/components/card/README.md](src/components/card/README.md) |
 | `EuiColorPickerObject` | [src/components/color_picker/README.md](src/components/color_picker/README.md) |
 | `EuiTreeViewObject` | [src/components/tree_view/README.md](src/components/tree_view/README.md) |
 | `EuiToolTipObject` | [src/components/tool_tip/README.md](src/components/tool_tip/README.md) |

package/lib/cjs/components/card/selectors.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Stable selectors for
+ * {@link https://eui.elastic.co/docs/components/display/card/|EuiCard}.
+ * `*_SELECTOR` values are CSS, `*_TEST_SUBJ` values are `data-test-subj` names EUI sets itself.
+ */
+export declare const EuiCardSelectors: {
+    /** The panel carrying the consumer's `data-test-subj`. */
+    ROOT_SELECTOR: string;
+    /** The title element, wrapping a link or button when the card is clickable. */
+    TITLE_SELECTOR: string;
+    /** The description text, rendered only when `description` is set. */
+    DESCRIPTION_SELECTOR: string;
+    /** The `selectable` toggle button, a `role="switch"` with `aria-checked`, direct child of the panel. */
+    SELECT_BUTTON_SELECTOR: string;
+};

package/lib/cjs/components/card/selectors.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EuiCardSelectors = void 0;
+/*
+ * 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.
+ */
+
+/**
+ * Stable selectors for
+ * {@link https://eui.elastic.co/docs/components/display/card/|EuiCard}.
+ * `*_SELECTOR` values are CSS, `*_TEST_SUBJ` values are `data-test-subj` names EUI sets itself.
+ */
+const EuiCardSelectors = exports.EuiCardSelectors = {
+  /** The panel carrying the consumer's `data-test-subj`. */
+  ROOT_SELECTOR: '.euiCard',
+  /** The title element, wrapping a link or button when the card is clickable. */
+  TITLE_SELECTOR: '.euiCard__title',
+  /** The description text, rendered only when `description` is set. */
+  DESCRIPTION_SELECTOR: '.euiCard__content > .euiText',
+  /** The `selectable` toggle button, a `role="switch"` with `aria-checked`, direct child of the panel. */
+  SELECT_BUTTON_SELECTOR: 'button[role="switch"]'
+};

package/lib/cjs/components/markdown_editor/selectors.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Stable selectors for
+ * {@link https://eui.elastic.co/docs/components/editors-and-syntax/markdown-editor/|EuiMarkdownEditor}.
+ * `*_SELECTOR` values are CSS, `*_TEST_SUBJ` values are `data-test-subj` names EUI sets itself.
+ */
+export declare const EuiMarkdownEditorSelectors: {
+    /** The wrapper carrying the consumer's `data-test-subj`. */
+    ROOT_SELECTOR: string;
+    /** The `<textarea>` holding the markdown source. */
+    TEXT_AREA_SELECTOR: string;
+    /** The rendered markdown, only in the DOM while previewing. */
+    PREVIEW_SELECTOR: string;
+    /** The toolbar button that switches to preview. */
+    PREVIEW_BUTTON_TEST_SUBJ: string;
+    /** The toolbar button that switches back to editing. */
+    EDIT_BUTTON_TEST_SUBJ: string;
+};

package/lib/cjs/components/markdown_editor/selectors.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EuiMarkdownEditorSelectors = void 0;
+/*
+ * 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.
+ */
+
+/**
+ * Stable selectors for
+ * {@link https://eui.elastic.co/docs/components/editors-and-syntax/markdown-editor/|EuiMarkdownEditor}.
+ * `*_SELECTOR` values are CSS, `*_TEST_SUBJ` values are `data-test-subj` names EUI sets itself.
+ */
+const EuiMarkdownEditorSelectors = exports.EuiMarkdownEditorSelectors = {
+  /** The wrapper carrying the consumer's `data-test-subj`. */
+  ROOT_SELECTOR: '.euiMarkdownEditor',
+  /** The `<textarea>` holding the markdown source. */
+  TEXT_AREA_SELECTOR: '.euiMarkdownEditorTextArea',
+  /** The rendered markdown, only in the DOM while previewing. */
+  PREVIEW_SELECTOR: '.euiMarkdownEditorPreview',
+  /** The toolbar button that switches to preview. */
+  PREVIEW_BUTTON_TEST_SUBJ: 'markdown_editor_edit_button',
+  /** The toolbar button that switches back to editing. */
+  EDIT_BUTTON_TEST_SUBJ: 'markdown_editor_preview_button'
+};

package/lib/cjs/components/tabs/selectors.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Stable selectors for
+ * {@link https://eui.elastic.co/docs/components/navigation/tabs/|EuiTabs}.
+ * `*_SELECTOR` values are CSS.
+ */
+export declare const EuiTabsSelectors: {
+    /** The tab list. `EuiTabbedContent` puts the consumer's subj on a wrapper whose first child is the list. */
+    ROOT_SELECTOR: string;
+    /** The tab list element itself. */
+    LIST_SELECTOR: string;
+    /** A tab, an `<a>` or `<button>` with `role="tab"`. */
+    TAB_SELECTOR: string;
+    /** The selected tab. */
+    SELECTED_TAB_SELECTOR: string;
+    /** The label span inside a tab, without `prepend` or `append` content. */
+    TAB_CONTENT_SELECTOR: string;
+};

package/lib/cjs/components/tabs/selectors.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EuiTabsSelectors = void 0;
+/*
+ * 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.
+ */
+
+/**
+ * Stable selectors for
+ * {@link https://eui.elastic.co/docs/components/navigation/tabs/|EuiTabs}.
+ * `*_SELECTOR` values are CSS.
+ */
+const EuiTabsSelectors = exports.EuiTabsSelectors = {
+  /** The tab list. `EuiTabbedContent` puts the consumer's subj on a wrapper whose first child is the list. */
+  ROOT_SELECTOR: '.euiTabs, :has(> .euiTabs)',
+  /** The tab list element itself. */
+  LIST_SELECTOR: '.euiTabs',
+  /** A tab, an `<a>` or `<button>` with `role="tab"`. */
+  TAB_SELECTOR: '.euiTab',
+  /** The selected tab. */
+  SELECTED_TAB_SELECTOR: '.euiTab-isSelected',
+  /** The label span inside a tab, without `prepend` or `append` content. */
+  TAB_CONTENT_SELECTOR: '.euiTab__content'
+};

package/lib/cjs/index.d.ts

@@ -16,9 +16,12 @@ export { EuiAccordionObject } from './playwright/components/accordion/object';
 export { EuiContextMenuObject } from './playwright/components/context_menu/object';
 export { EuiModalObject } from './playwright/components/modal/object';
 export { EuiTableObject } from './playwright/components/table/object';
+export { EuiTabsObject } from './playwright/components/tabs/object';
+export { EuiMarkdownEditorObject } from './playwright/components/markdown_editor/object';
 export { EuiPaginationObject } from './playwright/components/pagination/object';
 export { EuiBasicTableObject } from './playwright/components/basic_table/object';
 export { EuiCallOutObject } from './playwright/components/call_out/object';
+export { EuiCardObject } from './playwright/components/card/object';
 export { EuiColorPickerObject } from './playwright/components/color_picker/object';
 export { EuiTreeViewObject } from './playwright/components/tree_view/object';
 export { EuiToolTipObject } from './playwright/components/tool_tip/object';

package/lib/cjs/index.js

@@ -18,19 +18,25 @@ Object.defineProperty(exports, "EuiAccordionObject", {
 Object.defineProperty(exports, "EuiBasicTableObject", {
   enumerable: true,
   get: function () {
-    return _object19.EuiBasicTableObject;
+    return _object21.EuiBasicTableObject;
   }
 });
 Object.defineProperty(exports, "EuiCallOutObject", {
   enumerable: true,
   get: function () {
-    return _object20.EuiCallOutObject;
+    return _object22.EuiCallOutObject;
+  }
+});
+Object.defineProperty(exports, "EuiCardObject", {
+  enumerable: true,
+  get: function () {
+    return _object23.EuiCardObject;
   }
 });
 Object.defineProperty(exports, "EuiColorPickerObject", {
   enumerable: true,
   get: function () {
-    return _object21.EuiColorPickerObject;
+    return _object24.EuiColorPickerObject;
   }
 });
 Object.defineProperty(exports, "EuiComboBoxObject", {
@@ -81,6 +87,12 @@ Object.defineProperty(exports, "EuiGlobalToastListObject", {
     return _object4.EuiGlobalToastListObject;
   }
 });
+Object.defineProperty(exports, "EuiMarkdownEditorObject", {
+  enumerable: true,
+  get: function () {
+    return _object19.EuiMarkdownEditorObject;
+  }
+});
 Object.defineProperty(exports, "EuiModalObject", {
   enumerable: true,
   get: function () {
@@ -90,7 +102,7 @@ Object.defineProperty(exports, "EuiModalObject", {
 Object.defineProperty(exports, "EuiPaginationObject", {
   enumerable: true,
   get: function () {
-    return _object18.EuiPaginationObject;
+    return _object20.EuiPaginationObject;
   }
 });
 Object.defineProperty(exports, "EuiPopoverObject", {
@@ -135,16 +147,22 @@ Object.defineProperty(exports, "EuiTableObject", {
     return _object17.EuiTableObject;
   }
 });
+Object.defineProperty(exports, "EuiTabsObject", {
+  enumerable: true,
+  get: function () {
+    return _object18.EuiTabsObject;
+  }
+});
 Object.defineProperty(exports, "EuiToolTipObject", {
   enumerable: true,
   get: function () {
-    return _object23.EuiToolTipObject;
+    return _object26.EuiToolTipObject;
   }
 });
 Object.defineProperty(exports, "EuiTreeViewObject", {
   enumerable: true,
   get: function () {
-    return _object22.EuiTreeViewObject;
+    return _object25.EuiTreeViewObject;
   }
 });
 Object.defineProperty(exports, "selectors", {
@@ -171,10 +189,13 @@ var _object14 = require("./playwright/components/accordion/object");
 var _object15 = require("./playwright/components/context_menu/object");
 var _object16 = require("./playwright/components/modal/object");
 var _object17 = require("./playwright/components/table/object");
-var _object18 = require("./playwright/components/pagination/object");
-var _object19 = require("./playwright/components/basic_table/object");
-var _object20 = require("./playwright/components/call_out/object");
-var _object21 = require("./playwright/components/color_picker/object");
-var _object22 = require("./playwright/components/tree_view/object");
-var _object23 = require("./playwright/components/tool_tip/object");
+var _object18 = require("./playwright/components/tabs/object");
+var _object19 = require("./playwright/components/markdown_editor/object");
+var _object20 = require("./playwright/components/pagination/object");
+var _object21 = require("./playwright/components/basic_table/object");
+var _object22 = require("./playwright/components/call_out/object");
+var _object23 = require("./playwright/components/card/object");
+var _object24 = require("./playwright/components/color_picker/object");
+var _object25 = require("./playwright/components/tree_view/object");
+var _object26 = require("./playwright/components/tool_tip/object");
 var _selectors = require("./selectors");

package/lib/cjs/playwright/components/card/object.d.ts

@@ -0,0 +1,23 @@
+import { type Locator } from '@playwright/test';
+import { BaseObject, type ObjectScope } from '../../base_object';
+/**
+ * Playwright Component Object for {@link
+ * https://eui.elastic.co/docs/components/display/card/ EuiCard}.
+ *
+ * `testSubj` must be set on `EuiCard` itself, EUI spreads it onto the panel.
+ */
+export declare class EuiCardObject extends BaseObject {
+    constructor(scope: ObjectScope, testSubj: string, componentSelector?: string);
+    /** The `selectable` toggle button, absent on plain cards. */
+    get selectButton(): Locator;
+    /** The title text. */
+    getTitle(): Promise<string>;
+    /** The description text, or `null` when the card has none. */
+    getDescription(): Promise<string | null>;
+    /** Click the card, which follows `href` or fires `onClick`. */
+    click(): Promise<void>;
+    /** Whether the `selectable` toggle is checked. */
+    isSelected(): Promise<boolean>;
+    /** Click the `selectable` toggle and wait for it to flip. */
+    toggleSelected(): Promise<void>;
+}

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

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EuiCardObject = void 0;
+var _test = require("@playwright/test");
+var _base_object = require("../../base_object");
+var _selectors = require("../../../components/card/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/card/ EuiCard}.
+ *
+ * `testSubj` must be set on `EuiCard` itself, EUI spreads it onto the panel.
+ */
+class EuiCardObject extends _base_object.BaseObject {
+  constructor(scope, testSubj, componentSelector = _selectors.EuiCardSelectors.ROOT_SELECTOR) {
+    super(scope, testSubj, componentSelector);
+  }
+
+  /** The `selectable` toggle button, absent on plain cards. */
+  get selectButton() {
+    // A direct child, so switches in `children` or `footer` do not match.
+    return this.root.locator(`> ${_selectors.EuiCardSelectors.SELECT_BUTTON_SELECTOR}`);
+  }
+
+  /** The title text. */
+  async getTitle() {
+    return (await this.root.locator(_selectors.EuiCardSelectors.TITLE_SELECTOR).innerText()).trim();
+  }
+
+  /** The description text, or `null` when the card has none. */
+  async getDescription() {
+    await this.root.waitFor({
+      state: 'attached'
+    });
+    const description = this.root.locator(_selectors.EuiCardSelectors.DESCRIPTION_SELECTOR);
+    if ((await description.count()) === 0) {
+      return null;
+    }
+    return (await description.innerText()).trim();
+  }
+
+  /** Click the card, which follows `href` or fires `onClick`. */
+  async click() {
+    await this.root.click();
+  }
+
+  /** Whether the `selectable` toggle is checked. */
+  async isSelected() {
+    return (await this.selectButton.getAttribute('aria-checked')) === 'true';
+  }
+
+  /** Click the `selectable` toggle and wait for it to flip. */
+  async toggleSelected() {
+    const selected = await this.isSelected();
+    await this.selectButton.click();
+    await (0, _test.expect)(this.selectButton).toHaveAttribute('aria-checked', String(!selected));
+  }
+}
+exports.EuiCardObject = EuiCardObject;

package/lib/cjs/playwright/components/markdown_editor/object.d.ts

@@ -0,0 +1,24 @@
+import { type Locator } from '@playwright/test';
+import { BaseObject, type ObjectScope } from '../../base_object';
+/**
+ * Playwright Component Object for {@link
+ * https://eui.elastic.co/docs/components/editors-and-syntax/markdown-editor/ EuiMarkdownEditor}.
+ *
+ * `testSubj` must be set on `EuiMarkdownEditor` itself, EUI spreads it onto
+ * the wrapper.
+ */
+export declare class EuiMarkdownEditorObject extends BaseObject {
+    constructor(scope: ObjectScope, testSubj: string, componentSelector?: string);
+    /** The `<textarea>` holding the markdown source. */
+    get textArea(): Locator;
+    /** The rendered markdown, only in the DOM while previewing. */
+    get preview(): Locator;
+    /** Replace the markdown source. Switches back to editing first if needed. */
+    setValue(text: string): Promise<void>;
+    /** The current markdown source. */
+    getValue(): Promise<string>;
+    /** Whether the rendered preview is shown instead of the textarea. */
+    isPreviewing(): Promise<boolean>;
+    /** Switch between the textarea and the rendered preview. */
+    togglePreview(): Promise<void>;
+}

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

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EuiMarkdownEditorObject = void 0;
+var _test = require("@playwright/test");
+var _base_object = require("../../base_object");
+var _selectors = require("../../../components/markdown_editor/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/editors-and-syntax/markdown-editor/ EuiMarkdownEditor}.
+ *
+ * `testSubj` must be set on `EuiMarkdownEditor` itself, EUI spreads it onto
+ * the wrapper.
+ */
+class EuiMarkdownEditorObject extends _base_object.BaseObject {
+  constructor(scope, testSubj, componentSelector = _selectors.EuiMarkdownEditorSelectors.ROOT_SELECTOR) {
+    super(scope, testSubj, componentSelector);
+  }
+
+  /** The `<textarea>` holding the markdown source. */
+  get textArea() {
+    return this.root.locator(_selectors.EuiMarkdownEditorSelectors.TEXT_AREA_SELECTOR);
+  }
+
+  /** The rendered markdown, only in the DOM while previewing. */
+  get preview() {
+    return this.root.locator(_selectors.EuiMarkdownEditorSelectors.PREVIEW_SELECTOR);
+  }
+
+  /** Replace the markdown source. Switches back to editing first if needed. */
+  async setValue(text) {
+    if (await this.isPreviewing()) {
+      await this.togglePreview();
+    }
+    await this.textArea.fill(text);
+    await (0, _test.expect)(this.textArea).toHaveValue(text);
+  }
+
+  /** The current markdown source. */
+  async getValue() {
+    return this.textArea.inputValue();
+  }
+
+  /** Whether the rendered preview is shown instead of the textarea. */
+  async isPreviewing() {
+    await this.root.waitFor({
+      state: 'attached'
+    });
+    return (await this.preview.count()) > 0;
+  }
+
+  /** Switch between the textarea and the rendered preview. */
+  async togglePreview() {
+    const previewing = await this.isPreviewing();
+    const button = previewing ? _selectors.EuiMarkdownEditorSelectors.EDIT_BUTTON_TEST_SUBJ : _selectors.EuiMarkdownEditorSelectors.PREVIEW_BUTTON_TEST_SUBJ;
+    await this.root.getByTestId(button).click();
+    await (0, _test.expect)(this.preview).toHaveCount(previewing ? 0 : 1);
+  }
+}
+exports.EuiMarkdownEditorObject = EuiMarkdownEditorObject;

package/lib/cjs/playwright/components/tabs/object.d.ts

@@ -0,0 +1,31 @@
+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/tabs/ EuiTabs}, and for
+ * `EuiTabbedContent`, which renders an `EuiTabs` as the first child of the
+ * element carrying the consumer's `data-test-subj`. Tabs are addressed by
+ * their exact label.
+ */
+export declare class EuiTabsObject extends BaseObject {
+    constructor(scope: ObjectScope, testSubj: string);
+    /** All tabs, in order. */
+    get tabs(): Locator;
+    /** The labels of all tabs, in order. */
+    getTabs(): Promise<string[]>;
+    /**
+     * The tab with exactly this label. Matches the label span, so `prepend`
+     * and `append` content does not interfere, then climbs to the tab.
+     */
+    tab(label: string): Locator;
+    /** Click the tab with this label and wait for it to become selected. */
+    select(label: string): Promise<void>;
+    /** The label of the selected tab, or null when none is selected. */
+    getSelected(): Promise<string | null>;
+    /**
+     * The owning tab list: the root itself for `EuiTabs`, or the wrapper's
+     * direct `.euiTabs` child for `EuiTabbedContent`. Queries never reach into
+     * the tabbed content panel, which may hold its own tabs.
+     */
+    private get list();
+}

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

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EuiTabsObject = void 0;
+var _test = require("@playwright/test");
+var _base_object = require("../../base_object");
+var _selectors = require("../../../components/tabs/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/tabs/ EuiTabs}, and for
+ * `EuiTabbedContent`, which renders an `EuiTabs` as the first child of the
+ * element carrying the consumer's `data-test-subj`. Tabs are addressed by
+ * their exact label.
+ */
+class EuiTabsObject extends _base_object.BaseObject {
+  constructor(scope, testSubj) {
+    super(scope, testSubj, _selectors.EuiTabsSelectors.ROOT_SELECTOR);
+  }
+
+  /** All tabs, in order. */
+  get tabs() {
+    return this.list.locator(_selectors.EuiTabsSelectors.TAB_SELECTOR);
+  }
+
+  /** The labels of all tabs, in order. */
+  async getTabs() {
+    return this.list.locator(_selectors.EuiTabsSelectors.TAB_CONTENT_SELECTOR).allInnerTexts();
+  }
+
+  /**
+   * The tab with exactly this label. Matches the label span, so `prepend`
+   * and `append` content does not interfere, then climbs to the tab.
+   */
+  tab(label) {
+    return this.list.locator(_selectors.EuiTabsSelectors.TAB_CONTENT_SELECTOR).filter({
+      hasText: new RegExp(`^${escapeRegExp(label)}$`)
+    }).locator('..');
+  }
+
+  /** Click the tab with this label and wait for it to become selected. */
+  async select(label) {
+    const tab = this.tab(label);
+    await tab.click();
+    await (0, _test.expect)(tab).toHaveAttribute('aria-selected', 'true');
+  }
+
+  /** The label of the selected tab, or null when none is selected. */
+  async getSelected() {
+    const selected = this.list.locator(_selectors.EuiTabsSelectors.SELECTED_TAB_SELECTOR).locator(_selectors.EuiTabsSelectors.TAB_CONTENT_SELECTOR);
+    if ((await selected.count()) === 0) {
+      return null;
+    }
+    return selected.first().innerText();
+  }
+
+  /**
+   * The owning tab list: the root itself for `EuiTabs`, or the wrapper's
+   * direct `.euiTabs` child for `EuiTabbedContent`. Queries never reach into
+   * the tabbed content panel, which may hold its own tabs.
+   */
+  get list() {
+    return this.root.and(this.scope.locator(_selectors.EuiTabsSelectors.LIST_SELECTOR)).or(this.root.locator(`> ${_selectors.EuiTabsSelectors.LIST_SELECTOR}`));
+  }
+}
+exports.EuiTabsObject = EuiTabsObject;
+const escapeRegExp = text => text.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');

package/lib/cjs/selectors.d.ts

@@ -23,6 +23,12 @@ export declare const selectors: {
         DISMISS_BUTTON_TEST_SUBJ: string;
         DISMISS_BUTTON_SELECTOR: string;
     };
+    readonly card: {
+        ROOT_SELECTOR: string;
+        TITLE_SELECTOR: string;
+        DESCRIPTION_SELECTOR: string;
+        SELECT_BUTTON_SELECTOR: string;
+    };
     readonly colorPicker: {
         ANCHOR_TEST_SUBJ: string;
         ANCHOR_SELECTOR: string;
@@ -79,6 +85,13 @@ export declare const selectors: {
         ROOT_SELECTOR: string;
         CLOSE_BUTTON_TEST_SUBJ: string;
     };
+    readonly markdownEditor: {
+        ROOT_SELECTOR: string;
+        TEXT_AREA_SELECTOR: string;
+        PREVIEW_SELECTOR: string;
+        PREVIEW_BUTTON_TEST_SUBJ: string;
+        EDIT_BUTTON_TEST_SUBJ: string;
+    };
     readonly modal: {
         ROOT_SELECTOR: string;
         CLOSE_BUTTON_SELECTOR: string;
@@ -132,6 +145,13 @@ export declare const selectors: {
         ROW_CELL_SELECTOR: string;
         HEADER_CELL_SELECTOR: string;
     };
+    readonly tabs: {
+        ROOT_SELECTOR: string;
+        LIST_SELECTOR: string;
+        TAB_SELECTOR: string;
+        SELECTED_TAB_SELECTOR: string;
+        TAB_CONTENT_SELECTOR: string;
+    };
     readonly globalToastList: {
         ROOT_SELECTOR: string;
         TOAST_SELECTOR: string;