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

package/README.md

@@ -64,9 +64,11 @@ their own version at runtime.
 | `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/index.d.ts

@@ -17,9 +17,11 @@ export { EuiContextMenuObject } from './playwright/components/context_menu/objec
 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 _object20.EuiBasicTableObject;
+    return _object21.EuiBasicTableObject;
   }
 });
 Object.defineProperty(exports, "EuiCallOutObject", {
   enumerable: true,
   get: function () {
-    return _object21.EuiCallOutObject;
+    return _object22.EuiCallOutObject;
+  }
+});
+Object.defineProperty(exports, "EuiCardObject", {
+  enumerable: true,
+  get: function () {
+    return _object23.EuiCardObject;
   }
 });
 Object.defineProperty(exports, "EuiColorPickerObject", {
   enumerable: true,
   get: function () {
-    return _object22.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 _object19.EuiPaginationObject;
+    return _object20.EuiPaginationObject;
   }
 });
 Object.defineProperty(exports, "EuiPopoverObject", {
@@ -144,13 +156,13 @@ Object.defineProperty(exports, "EuiTabsObject", {
 Object.defineProperty(exports, "EuiToolTipObject", {
   enumerable: true,
   get: function () {
-    return _object24.EuiToolTipObject;
+    return _object26.EuiToolTipObject;
   }
 });
 Object.defineProperty(exports, "EuiTreeViewObject", {
   enumerable: true,
   get: function () {
-    return _object23.EuiTreeViewObject;
+    return _object25.EuiTreeViewObject;
   }
 });
 Object.defineProperty(exports, "selectors", {
@@ -178,10 +190,12 @@ 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/tabs/object");
-var _object19 = require("./playwright/components/pagination/object");
-var _object20 = require("./playwright/components/basic_table/object");
-var _object21 = require("./playwright/components/call_out/object");
-var _object22 = require("./playwright/components/color_picker/object");
-var _object23 = require("./playwright/components/tree_view/object");
-var _object24 = require("./playwright/components/tool_tip/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/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;

package/lib/cjs/selectors.js

@@ -7,27 +7,29 @@ exports.selectors = void 0;
 var _selectors = require("./components/accordion/selectors");
 var _selectors2 = require("./components/basic_table/selectors");
 var _selectors3 = require("./components/call_out/selectors");
-var _selectors4 = require("./components/color_picker/selectors");
-var _selectors5 = require("./components/combo_box/selectors");
-var _selectors6 = require("./components/context_menu/selectors");
-var _selectors7 = require("./components/datagrid/selectors");
-var _selectors8 = require("./components/drag_and_drop/selectors");
-var _selectors9 = require("./components/form/field_search/selectors");
-var _selectors10 = require("./components/filter_button/selectors");
-var _selectors11 = require("./components/flyout/selectors");
-var _selectors12 = require("./components/modal/selectors");
-var _selectors13 = require("./components/pagination/selectors");
-var _selectors14 = require("./components/popover/selectors");
-var _selectors15 = require("./components/form/range/selectors");
-var _selectors16 = require("./components/search_bar/selectors");
-var _selectors17 = require("./components/selectable/selectors");
-var _selectors18 = require("./components/side_nav/selectors");
-var _selectors19 = require("./components/form/super_select/selectors");
-var _selectors20 = require("./components/table/selectors");
-var _selectors21 = require("./components/tabs/selectors");
-var _selectors22 = require("./components/toast/selectors");
-var _selectors23 = require("./components/tool_tip/selectors");
-var _selectors24 = require("./components/tree_view/selectors");
+var _selectors4 = require("./components/card/selectors");
+var _selectors5 = require("./components/color_picker/selectors");
+var _selectors6 = require("./components/combo_box/selectors");
+var _selectors7 = require("./components/context_menu/selectors");
+var _selectors8 = require("./components/datagrid/selectors");
+var _selectors9 = require("./components/drag_and_drop/selectors");
+var _selectors10 = require("./components/form/field_search/selectors");
+var _selectors11 = require("./components/filter_button/selectors");
+var _selectors12 = require("./components/flyout/selectors");
+var _selectors13 = require("./components/markdown_editor/selectors");
+var _selectors14 = require("./components/modal/selectors");
+var _selectors15 = require("./components/pagination/selectors");
+var _selectors16 = require("./components/popover/selectors");
+var _selectors17 = require("./components/form/range/selectors");
+var _selectors18 = require("./components/search_bar/selectors");
+var _selectors19 = require("./components/selectable/selectors");
+var _selectors20 = require("./components/side_nav/selectors");
+var _selectors21 = require("./components/form/super_select/selectors");
+var _selectors22 = require("./components/table/selectors");
+var _selectors23 = require("./components/tabs/selectors");
+var _selectors24 = require("./components/toast/selectors");
+var _selectors25 = require("./components/tool_tip/selectors");
+var _selectors26 = require("./components/tree_view/selectors");
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -46,25 +48,27 @@ const selectors = exports.selectors = {
   accordion: _selectors.EuiAccordionSelectors,
   basicTable: _selectors2.EuiBasicTableSelectors,
   callOut: _selectors3.EuiCallOutSelectors,
-  colorPicker: _selectors4.EuiColorPickerSelectors,
-  comboBox: _selectors5.EuiComboBoxSelectors,
-  contextMenu: _selectors6.EuiContextMenuSelectors,
-  dataGrid: _selectors7.EuiDataGridSelectors,
-  draggable: _selectors8.EuiDraggableSelectors,
-  fieldSearch: _selectors9.EuiFieldSearchSelectors,
-  filterButton: _selectors10.EuiFilterButtonSelectors,
-  flyout: _selectors11.EuiFlyoutSelectors,
-  modal: _selectors12.EuiModalSelectors,
-  pagination: _selectors13.EuiPaginationSelectors,
-  popover: _selectors14.EuiPopoverSelectors,
-  range: _selectors15.EuiRangeSelectors,
-  searchBar: _selectors16.EuiSearchBarSelectors,
-  selectable: _selectors17.EuiSelectableSelectors,
-  sideNav: _selectors18.EuiSideNavSelectors,
-  superSelect: _selectors19.EuiSuperSelectSelectors,
-  table: _selectors20.EuiTableSelectors,
-  tabs: _selectors21.EuiTabsSelectors,
-  globalToastList: _selectors22.EuiGlobalToastListSelectors,
-  toolTip: _selectors23.EuiToolTipSelectors,
-  treeView: _selectors24.EuiTreeViewSelectors
+  card: _selectors4.EuiCardSelectors,
+  colorPicker: _selectors5.EuiColorPickerSelectors,
+  comboBox: _selectors6.EuiComboBoxSelectors,
+  contextMenu: _selectors7.EuiContextMenuSelectors,
+  dataGrid: _selectors8.EuiDataGridSelectors,
+  draggable: _selectors9.EuiDraggableSelectors,
+  fieldSearch: _selectors10.EuiFieldSearchSelectors,
+  filterButton: _selectors11.EuiFilterButtonSelectors,
+  flyout: _selectors12.EuiFlyoutSelectors,
+  markdownEditor: _selectors13.EuiMarkdownEditorSelectors,
+  modal: _selectors14.EuiModalSelectors,
+  pagination: _selectors15.EuiPaginationSelectors,
+  popover: _selectors16.EuiPopoverSelectors,
+  range: _selectors17.EuiRangeSelectors,
+  searchBar: _selectors18.EuiSearchBarSelectors,
+  selectable: _selectors19.EuiSelectableSelectors,
+  sideNav: _selectors20.EuiSideNavSelectors,
+  superSelect: _selectors21.EuiSuperSelectSelectors,
+  table: _selectors22.EuiTableSelectors,
+  tabs: _selectors23.EuiTabsSelectors,
+  globalToastList: _selectors24.EuiGlobalToastListSelectors,
+  toolTip: _selectors25.EuiToolTipSelectors,
+  treeView: _selectors26.EuiTreeViewSelectors
 };

package/lib/esm/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/esm/components/card/selectors.js

@@ -0,0 +1,23 @@
+/*
+ * 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.
+ */
+export const 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"]',
+};
+//# sourceMappingURL=selectors.js.map

package/lib/esm/components/card/selectors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectors.js","sourceRoot":"","sources":["../../../../src/components/card/selectors.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,0DAA0D;IAC1D,aAAa,EAAE,UAAU;IAEzB,+EAA+E;IAC/E,cAAc,EAAE,iBAAiB;IAEjC,qEAAqE;IACrE,oBAAoB,EAAE,8BAA8B;IAEpD,wGAAwG;IACxG,sBAAsB,EAAE,uBAAuB;CAChD,CAAC"}

package/lib/esm/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/esm/components/markdown_editor/selectors.js

@@ -0,0 +1,25 @@
+/*
+ * 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.
+ */
+export const 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',
+};
+//# sourceMappingURL=selectors.js.map

package/lib/esm/components/markdown_editor/selectors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectors.js","sourceRoot":"","sources":["../../../../src/components/markdown_editor/selectors.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;;GAIG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACxC,4DAA4D;IAC5D,aAAa,EAAE,oBAAoB;IAEnC,oDAAoD;IACpD,kBAAkB,EAAE,4BAA4B;IAEhD,+DAA+D;IAC/D,gBAAgB,EAAE,2BAA2B;IAE7C,mDAAmD;IACnD,wBAAwB,EAAE,6BAA6B;IAEvD,wDAAwD;IACxD,qBAAqB,EAAE,gCAAgC;CACxD,CAAC"}

package/lib/esm/index.d.ts

@@ -17,9 +17,11 @@ export { EuiContextMenuObject } from './playwright/components/context_menu/objec
 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/esm/index.js

@@ -24,9 +24,11 @@ export { EuiContextMenuObject } from './playwright/components/context_menu/objec
 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/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,UAAU,EAAoB,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AACxF,OAAO,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAClF,OAAO,EAAE,qBAAqB,EAAE,MAAM,8CAA8C,CAAC;AACrF,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AACxF,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAC;AACjF,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAE3E,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,UAAU,EAAoB,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AACxF,OAAO,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAClF,OAAO,EAAE,qBAAqB,EAAE,MAAM,8CAA8C,CAAC;AACrF,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AACxF,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,gDAAgD,CAAC;AACzF,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAC;AACjF,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAE3E,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

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

@@ -0,0 +1,54 @@
+/*
+ * 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 { EuiCardSelectors } from '../../../components/card/selectors';
+/**
+ * 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 class EuiCardObject extends BaseObject {
+    constructor(scope, testSubj, componentSelector = 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(`> ${EuiCardSelectors.SELECT_BUTTON_SELECTOR}`);
+    }
+    /** The title text. */
+    async getTitle() {
+        return (await this.root.locator(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(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 expect(this.selectButton).toHaveAttribute('aria-checked', String(!selected));
+    }
+}
+//# sourceMappingURL=object.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"object.js","sourceRoot":"","sources":["../../../../../src/playwright/components/card/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,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAEtE;;;;;GAKG;AACH,MAAM,OAAO,aAAc,SAAQ,UAAU;IAC3C,YACE,KAAkB,EAClB,QAAgB,EAChB,iBAAiB,GAAG,gBAAgB,CAAC,aAAa;QAElD,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,iBAAiB,CAAC,CAAC;IAC5C,CAAC;IAED,6DAA6D;IAC7D,IAAI,YAAY;QACd,sEAAsE;QACtE,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,gBAAgB,CAAC,sBAAsB,EAAE,CAAC,CAAC;IAC3E,CAAC;IAED,sBAAsB;IACtB,KAAK,CAAC,QAAQ;QACZ,OAAO,CACL,MAAM,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,SAAS,EAAE,CACrE,CAAC,IAAI,EAAE,CAAC;IACX,CAAC;IAED,8DAA8D;IAC9D,KAAK,CAAC,cAAc;QAClB,MAAM,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC;QAC/C,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CACnC,gBAAgB,CAAC,oBAAoB,CACtC,CAAC;QACF,IAAI,CAAC,MAAM,WAAW,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;YACtC,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,CAAC,MAAM,WAAW,CAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;IAChD,CAAC;IAED,+DAA+D;IAC/D,KAAK,CAAC,KAAK;QACT,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;IAC1B,CAAC;IAED,kDAAkD;IAClD,KAAK,CAAC,UAAU;QACd,OAAO,CAAC,MAAM,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,KAAK,MAAM,CAAC;IAC3E,CAAC;IAED,6DAA6D;IAC7D,KAAK,CAAC,cAAc;QAClB,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;QACzC,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC;QAChC,MAAM,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,eAAe,CAC7C,cAAc,EACd,MAAM,CAAC,CAAC,QAAQ,CAAC,CAClB,CAAC;IACJ,CAAC;CACF"}

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

@@ -0,0 +1,57 @@
+/*
+ * 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 { EuiMarkdownEditorSelectors } from '../../../components/markdown_editor/selectors';
+/**
+ * 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 class EuiMarkdownEditorObject extends BaseObject {
+    constructor(scope, testSubj, componentSelector = EuiMarkdownEditorSelectors.ROOT_SELECTOR) {
+        super(scope, testSubj, componentSelector);
+    }
+    /** The `<textarea>` holding the markdown source. */
+    get textArea() {
+        return this.root.locator(EuiMarkdownEditorSelectors.TEXT_AREA_SELECTOR);
+    }
+    /** The rendered markdown, only in the DOM while previewing. */
+    get preview() {
+        return this.root.locator(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 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
+            ? EuiMarkdownEditorSelectors.EDIT_BUTTON_TEST_SUBJ
+            : EuiMarkdownEditorSelectors.PREVIEW_BUTTON_TEST_SUBJ;
+        await this.root.getByTestId(button).click();
+        await expect(this.preview).toHaveCount(previewing ? 0 : 1);
+    }
+}
+//# sourceMappingURL=object.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"object.js","sourceRoot":"","sources":["../../../../../src/playwright/components/markdown_editor/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,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AAE3F;;;;;;GAMG;AACH,MAAM,OAAO,uBAAwB,SAAQ,UAAU;IACrD,YACE,KAAkB,EAClB,QAAgB,EAChB,iBAAiB,GAAG,0BAA0B,CAAC,aAAa;QAE5D,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,iBAAiB,CAAC,CAAC;IAC5C,CAAC;IAED,oDAAoD;IACpD,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,0BAA0B,CAAC,kBAAkB,CAAC,CAAC;IAC1E,CAAC;IAED,+DAA+D;IAC/D,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,CAAC;IACxE,CAAC;IAED,6EAA6E;IAC7E,KAAK,CAAC,QAAQ,CAAC,IAAY;QACzB,IAAI,MAAM,IAAI,CAAC,YAAY,EAAE,EAAE,CAAC;YAC9B,MAAM,IAAI,CAAC,aAAa,EAAE,CAAC;QAC7B,CAAC;QACD,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/B,MAAM,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IAED,mCAAmC;IACnC,KAAK,CAAC,QAAQ;QACZ,OAAO,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACpC,CAAC;IAED,qEAAqE;IACrE,KAAK,CAAC,YAAY;QAChB,MAAM,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC;QAC/C,OAAO,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC;IAC1C,CAAC;IAED,4DAA4D;IAC5D,KAAK,CAAC,aAAa;QACjB,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC;QAC7C,MAAM,MAAM,GAAG,UAAU;YACvB,CAAC,CAAC,0BAA0B,CAAC,qBAAqB;YAClD,CAAC,CAAC,0BAA0B,CAAC,wBAAwB,CAAC;QACxD,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC;QAC5C,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7D,CAAC;CACF"}

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

package/lib/esm/selectors.js

@@ -8,6 +8,7 @@
 import { EuiAccordionSelectors } from './components/accordion/selectors';
 import { EuiBasicTableSelectors } from './components/basic_table/selectors';
 import { EuiCallOutSelectors } from './components/call_out/selectors';
+import { EuiCardSelectors } from './components/card/selectors';
 import { EuiColorPickerSelectors } from './components/color_picker/selectors';
 import { EuiComboBoxSelectors } from './components/combo_box/selectors';
 import { EuiContextMenuSelectors } from './components/context_menu/selectors';
@@ -16,6 +17,7 @@ import { EuiDraggableSelectors } from './components/drag_and_drop/selectors';
 import { EuiFieldSearchSelectors } from './components/form/field_search/selectors';
 import { EuiFilterButtonSelectors } from './components/filter_button/selectors';
 import { EuiFlyoutSelectors } from './components/flyout/selectors';
+import { EuiMarkdownEditorSelectors } from './components/markdown_editor/selectors';
 import { EuiModalSelectors } from './components/modal/selectors';
 import { EuiPaginationSelectors } from './components/pagination/selectors';
 import { EuiPopoverSelectors } from './components/popover/selectors';
@@ -39,6 +41,7 @@ export const selectors = {
     accordion: EuiAccordionSelectors,
     basicTable: EuiBasicTableSelectors,
     callOut: EuiCallOutSelectors,
+    card: EuiCardSelectors,
     colorPicker: EuiColorPickerSelectors,
     comboBox: EuiComboBoxSelectors,
     contextMenu: EuiContextMenuSelectors,
@@ -47,6 +50,7 @@ export const selectors = {
     fieldSearch: EuiFieldSearchSelectors,
     filterButton: EuiFilterButtonSelectors,
     flyout: EuiFlyoutSelectors,
+    markdownEditor: EuiMarkdownEditorSelectors,
     modal: EuiModalSelectors,
     pagination: EuiPaginationSelectors,
     popover: EuiPopoverSelectors,

package/lib/esm/selectors.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectors.js","sourceRoot":"","sources":["../../src/selectors.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AACnF,OAAO,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAExE;;;;;GAKG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,SAAS,EAAE,qBAAqB;IAChC,UAAU,EAAE,sBAAsB;IAClC,OAAO,EAAE,mBAAmB;IAC5B,WAAW,EAAE,uBAAuB;IACpC,QAAQ,EAAE,oBAAoB;IAC9B,WAAW,EAAE,uBAAuB;IACpC,QAAQ,EAAE,oBAAoB;IAC9B,SAAS,EAAE,qBAAqB;IAChC,WAAW,EAAE,uBAAuB;IACpC,YAAY,EAAE,wBAAwB;IACtC,MAAM,EAAE,kBAAkB;IAC1B,KAAK,EAAE,iBAAiB;IACxB,UAAU,EAAE,sBAAsB;IAClC,OAAO,EAAE,mBAAmB;IAC5B,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,qBAAqB;IAChC,UAAU,EAAE,sBAAsB;IAClC,OAAO,EAAE,mBAAmB;IAC5B,WAAW,EAAE,uBAAuB;IACpC,KAAK,EAAE,iBAAiB;IACxB,IAAI,EAAE,gBAAgB;IACtB,eAAe,EAAE,2BAA2B;IAC5C,OAAO,EAAE,mBAAmB;IAC5B,QAAQ,EAAE,oBAAoB;CACtB,CAAC"}
+{"version":3,"file":"selectors.js","sourceRoot":"","sources":["../../src/selectors.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AACnF,OAAO,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,0BAA0B,EAAE,MAAM,wCAAwC,CAAC;AACpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAExE;;;;;GAKG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,SAAS,EAAE,qBAAqB;IAChC,UAAU,EAAE,sBAAsB;IAClC,OAAO,EAAE,mBAAmB;IAC5B,IAAI,EAAE,gBAAgB;IACtB,WAAW,EAAE,uBAAuB;IACpC,QAAQ,EAAE,oBAAoB;IAC9B,WAAW,EAAE,uBAAuB;IACpC,QAAQ,EAAE,oBAAoB;IAC9B,SAAS,EAAE,qBAAqB;IAChC,WAAW,EAAE,uBAAuB;IACpC,YAAY,EAAE,wBAAwB;IACtC,MAAM,EAAE,kBAAkB;IAC1B,cAAc,EAAE,0BAA0B;IAC1C,KAAK,EAAE,iBAAiB;IACxB,UAAU,EAAE,sBAAsB;IAClC,OAAO,EAAE,mBAAmB;IAC5B,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,qBAAqB;IAChC,UAAU,EAAE,sBAAsB;IAClC,OAAO,EAAE,mBAAmB;IAC5B,WAAW,EAAE,uBAAuB;IACpC,KAAK,EAAE,iBAAiB;IACxB,IAAI,EAAE,gBAAgB;IACtB,eAAe,EAAE,2BAA2B;IAC5C,OAAO,EAAE,mBAAmB;IAC5B,QAAQ,EAAE,oBAAoB;CACtB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elastic/eui-test-helpers",
-  "version": "2.2.0-snapshot.1794195065697",
+  "version": "2.3.0",
   "description": "A library of EUI test helpers for RTL, Cypress and Scout",
   "license": "SEE LICENSE IN LICENSE.txt",
   "repository": {
@@ -57,6 +57,5 @@
     "!**/*.spec.js.map",
     "README.md",
     "licenses"
-  ],
-  "stableVersion": "2.2.0"
+  ]
 }

package/src/components/card/README.md

@@ -0,0 +1,30 @@
+# EuiCardObject
+
+Playwright Component Object for [EuiCard](https://eui.elastic.co/docs/components/display/card/).
+
+## Usage
+
+```ts
+import { EuiCardObject } from '@elastic/eui-test-helpers';
+
+const card = new EuiCardObject(page, 'myCard');
+expect(await card.getTitle()).toBe('Logs');
+await card.click();
+```
+
+Set `data-test-subj` on `<EuiCard>`. EUI spreads it onto the panel, which the component-type guard verifies.
+
+## API
+
+| Member | Description |
+|---|---|
+| `selectButton` | `Locator` for the `selectable` toggle button, absent on plain cards. |
+| `getTitle()` | The title text. |
+| `getDescription()` | The description text, or `null` when the card has none. |
+| `click()` | Click the card, which follows `href` or fires `onClick`. |
+| `isSelected()` | Whether the `selectable` toggle is checked. |
+| `toggleSelected()` | Click the `selectable` toggle and wait for it to flip. |
+
+## Deliberately excluded
+
+`children`, `footer`, `betaBadgeProps` and `icon`. They are consumer content, so assert on them through `locator`. `EuiCheckableCard` is a different component built on a radio or checkbox.

package/src/components/markdown_editor/README.md

@@ -0,0 +1,30 @@
+# EuiMarkdownEditorObject
+
+Playwright Component Object for [EuiMarkdownEditor](https://eui.elastic.co/docs/components/editors-and-syntax/markdown-editor/).
+
+## Usage
+
+```ts
+import { EuiMarkdownEditorObject } from '@elastic/eui-test-helpers';
+
+const editor = new EuiMarkdownEditorObject(page, 'myEditor');
+await editor.setValue('# Hello');
+expect(await editor.getValue()).toBe('# Hello');
+```
+
+Set `data-test-subj` on `<EuiMarkdownEditor>`. EUI spreads it onto the wrapper, which the component-type guard verifies.
+
+## API
+
+| Member | Description |
+|---|---|
+| `textArea` | `Locator` for the `<textarea>` holding the markdown source. |
+| `preview` | `Locator` for the rendered markdown, only in the DOM while previewing. |
+| `setValue(text)` | Replace the markdown source. Switches back to editing first if needed. |
+| `getValue()` | The current markdown source. |
+| `isPreviewing()` | Whether the rendered preview is shown instead of the textarea. |
+| `togglePreview()` | Switch between the textarea and the rendered preview. |
+
+## Deliberately excluded
+
+The formatting toolbar buttons and the drop zone. They are consumer facing (`toolbarProps`, `uiPlugins`, `dropHandlers`), so drive them with `locator` and the `euiMarkdownEditorToolbarButton*` test subjects EUI sets.