@elastic/eui-test-helpers 1.6.0 → 1.7.0

package/README.md

@@ -57,8 +57,12 @@ their own version at runtime.
 | `EuiPopoverObject` | [src/components/popover/README.md](src/components/popover/README.md) |
 | `EuiFlyoutObject` | [src/components/flyout/README.md](src/components/flyout/README.md) |
 | `EuiAccordionObject` | [src/components/accordion/README.md](src/components/accordion/README.md) |
+| `EuiContextMenuObject` | [src/components/context_menu/README.md](src/components/context_menu/README.md) |
 | `EuiModalObject` | [src/components/modal/README.md](src/components/modal/README.md) |
 | `EuiBasicTableObject` | [src/components/basic_table/README.md](src/components/basic_table/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) |
 
 ## Contributing
 

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

@@ -0,0 +1,13 @@
+/**
+ * Stable selectors for
+ * {@link https://eui.elastic.co/docs/components/forms/color-picker/|EuiColorPicker}.
+ * `*_SELECTOR` values are CSS.
+ */
+export declare const EuiColorPickerSelectors: {
+    /** The default text-input anchor. A custom `button` prop has no class of its own. */
+    ANCHOR_SELECTOR: string;
+    /** The popover panel, rendered in a portal and only while open. */
+    PANEL_SELECTOR: string;
+    /** A swatch button inside the panel. */
+    SWATCH_SELECTOR: string;
+};

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EuiColorPickerSelectors = 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/forms/color-picker/|EuiColorPicker}.
+ * `*_SELECTOR` values are CSS.
+ */
+const EuiColorPickerSelectors = exports.EuiColorPickerSelectors = {
+  /** The default text-input anchor. A custom `button` prop has no class of its own. */
+  ANCHOR_SELECTOR: '.euiColorPicker__input',
+  /** The popover panel, rendered in a portal and only while open. */
+  PANEL_SELECTOR: '[data-popover-panel].euiColorPicker__popoverPanel',
+  /** A swatch button inside the panel. */
+  SWATCH_SELECTOR: '.euiColorPickerSwatch'
+};

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

@@ -0,0 +1,22 @@
+/**
+ * Stable selectors for
+ * {@link https://eui.elastic.co/docs/components/navigation/context-menu/|EuiContextMenu}.
+ * `*_SELECTOR` values are CSS.
+ */
+export declare const EuiContextMenuSelectors: {
+    /**
+     * Root element carrying the consumer's `data-test-subj`: either a multi
+     * panel `EuiContextMenu`, or a single `EuiContextMenuPanel` used on its
+     * own, which is the more common Kibana pattern.
+     */
+    ROOT_SELECTOR: string;
+    /**
+     * Each panel. Two can exist at once during a panel transition (the
+     * outgoing one still animating out, plus the incoming one). Both are
+     * rendered outgoing-first in markup, so the last match is always the
+     * current panel.
+     */
+    PANEL_SELECTOR: string;
+    /** An item inside a panel. */
+    ITEM_SELECTOR: string;
+};

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

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EuiContextMenuSelectors = 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/context-menu/|EuiContextMenu}.
+ * `*_SELECTOR` values are CSS.
+ */
+const EuiContextMenuSelectors = exports.EuiContextMenuSelectors = {
+  /**
+   * Root element carrying the consumer's `data-test-subj`: either a multi
+   * panel `EuiContextMenu`, or a single `EuiContextMenuPanel` used on its
+   * own, which is the more common Kibana pattern.
+   */
+  ROOT_SELECTOR: '.euiContextMenu, .euiContextMenuPanel',
+  /**
+   * Each panel. Two can exist at once during a panel transition (the
+   * outgoing one still animating out, plus the incoming one). Both are
+   * rendered outgoing-first in markup, so the last match is always the
+   * current panel.
+   */
+  PANEL_SELECTOR: '.euiContextMenuPanel',
+  /** An item inside a panel. */
+  ITEM_SELECTOR: '.euiContextMenuItem'
+};

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

@@ -0,0 +1,9 @@
+/**
+ * Stable selectors for
+ * {@link https://eui.elastic.co/docs/components/display/tooltip/|EuiToolTip}.
+ * `*_SELECTOR` values are CSS.
+ */
+export declare const EuiToolTipSelectors: {
+    /** The portaled tooltip. Only mounted while shown. */
+    ROOT_SELECTOR: string;
+};

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

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EuiToolTipSelectors = 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/tooltip/|EuiToolTip}.
+ * `*_SELECTOR` values are CSS.
+ */
+const EuiToolTipSelectors = exports.EuiToolTipSelectors = {
+  /** The portaled tooltip. Only mounted while shown. */
+  ROOT_SELECTOR: '.euiToolTip[role="tooltip"]'
+};

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

@@ -0,0 +1,10 @@
+/**
+ * Stable selectors for
+ * {@link https://eui.elastic.co/docs/components/navigation/tree-view/|EuiTreeView}.
+ * `*_SELECTOR` values are CSS.
+ */
+export declare const EuiTreeViewSelectors: {
+    ROOT_SELECTOR: string;
+    /** Node buttons of this level only. A nested tree renders its own `.euiTreeView` inside a node. */
+    ITEM_SELECTOR: string;
+};

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EuiTreeViewSelectors = 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/tree-view/|EuiTreeView}.
+ * `*_SELECTOR` values are CSS.
+ */
+const EuiTreeViewSelectors = exports.EuiTreeViewSelectors = {
+  ROOT_SELECTOR: '.euiTreeView',
+  /** Node buttons of this level only. A nested tree renders its own `.euiTreeView` inside a node. */
+  ITEM_SELECTOR: '> li > .euiTreeView__nodeInner'
+};

package/lib/cjs/index.d.ts

@@ -10,5 +10,9 @@ export { EuiRangeObject } from './playwright/components/form/range/object';
 export { EuiPopoverObject } from './playwright/components/popover/object';
 export { EuiFlyoutObject } from './playwright/components/flyout/object';
 export { EuiAccordionObject } from './playwright/components/accordion/object';
+export { EuiContextMenuObject } from './playwright/components/context_menu/object';
 export { EuiModalObject } from './playwright/components/modal/object';
 export { EuiBasicTableObject } from './playwright/components/basic_table/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,7 +18,13 @@ Object.defineProperty(exports, "EuiAccordionObject", {
 Object.defineProperty(exports, "EuiBasicTableObject", {
   enumerable: true,
   get: function () {
-    return _object13.EuiBasicTableObject;
+    return _object14.EuiBasicTableObject;
+  }
+});
+Object.defineProperty(exports, "EuiColorPickerObject", {
+  enumerable: true,
+  get: function () {
+    return _object15.EuiColorPickerObject;
   }
 });
 Object.defineProperty(exports, "EuiComboBoxObject", {
@@ -27,6 +33,12 @@ Object.defineProperty(exports, "EuiComboBoxObject", {
     return _object.EuiComboBoxObject;
   }
 });
+Object.defineProperty(exports, "EuiContextMenuObject", {
+  enumerable: true,
+  get: function () {
+    return _object12.EuiContextMenuObject;
+  }
+});
 Object.defineProperty(exports, "EuiDataGridObject", {
   enumerable: true,
   get: function () {
@@ -60,7 +72,7 @@ Object.defineProperty(exports, "EuiGlobalToastListObject", {
 Object.defineProperty(exports, "EuiModalObject", {
   enumerable: true,
   get: function () {
-    return _object12.EuiModalObject;
+    return _object13.EuiModalObject;
   }
 });
 Object.defineProperty(exports, "EuiPopoverObject", {
@@ -87,6 +99,18 @@ Object.defineProperty(exports, "EuiSuperSelectObject", {
     return _object3.EuiSuperSelectObject;
   }
 });
+Object.defineProperty(exports, "EuiToolTipObject", {
+  enumerable: true,
+  get: function () {
+    return _object17.EuiToolTipObject;
+  }
+});
+Object.defineProperty(exports, "EuiTreeViewObject", {
+  enumerable: true,
+  get: function () {
+    return _object16.EuiTreeViewObject;
+  }
+});
 var _base_object = require("./playwright/base_object");
 var _object = require("./playwright/components/combo_box/object");
 var _object2 = require("./playwright/components/datagrid/object");
@@ -99,5 +123,9 @@ var _object8 = require("./playwright/components/form/range/object");
 var _object9 = require("./playwright/components/popover/object");
 var _object10 = require("./playwright/components/flyout/object");
 var _object11 = require("./playwright/components/accordion/object");
-var _object12 = require("./playwright/components/modal/object");
-var _object13 = require("./playwright/components/basic_table/object");
+var _object12 = require("./playwright/components/context_menu/object");
+var _object13 = require("./playwright/components/modal/object");
+var _object14 = require("./playwright/components/basic_table/object");
+var _object15 = require("./playwright/components/color_picker/object");
+var _object16 = require("./playwright/components/tree_view/object");
+var _object17 = require("./playwright/components/tool_tip/object");

package/lib/cjs/playwright/base_object.d.ts

@@ -6,6 +6,9 @@ export type ObjectScope = Page | Locator | BaseObject;
  * scope. Subclasses compose: pass another Component Object as `scope` to
  * nest one inside the other's DOM subtree.
  *
+ * `testSubj` matches one space-separated token of `data-test-subj`, following
+ * Kibana's convention (see `@kbn/test-subj-selector`).
+ *
  * Requires `testIdAttribute: 'data-test-subj'` in the Playwright config.
  */
 export declare abstract class BaseObject {

package/lib/cjs/playwright/base_object.js

@@ -12,12 +12,22 @@ exports.BaseObject = void 0;
  * Side Public License, v 1.
  */
 
+/**
+ * Matches one space-separated token in `data-test-subj`, not the whole
+ * attribute value. `getByTestId` does an exact match and misses components
+ * like `EuiColorPicker` that add their own token to the consumer's subj.
+ */
+const testSubjSelector = testSubj => `[data-test-subj~="${testSubj.replace(/\\/g, '\\\\').replace(/"/g, '\\"')}"]`;
+
 /**
  * Base class for Playwright Component Objects — semantic wrappers around a
  * single root `Locator` resolved from a `data-test-subj` inside the given
  * scope. Subclasses compose: pass another Component Object as `scope` to
  * nest one inside the other's DOM subtree.
  *
+ * `testSubj` matches one space-separated token of `data-test-subj`, following
+ * Kibana's convention (see `@kbn/test-subj-selector`).
+ *
  * Requires `testIdAttribute: 'data-test-subj'` in the Playwright config.
  */
 class BaseObject {
@@ -41,7 +51,7 @@ class BaseObject {
   componentVerified = false;
   constructor(scope, testSubj, componentSelector) {
     this.scope = scope instanceof BaseObject ? scope.locator : scope;
-    this.root = this.scope.getByTestId(testSubj);
+    this.root = this.scope.locator(testSubjSelector(testSubj));
     this.testSubj = testSubj;
     this.componentSelector = componentSelector;
 

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

@@ -0,0 +1,20 @@
+import type { Locator } from '@playwright/test';
+import { BaseObject, type ObjectScope } from '../../base_object';
+/**
+ * Playwright Component Object for {@link
+ * https://eui.elastic.co/docs/components/forms/color-picker/ EuiColorPicker}.
+ *
+ * `testSubj` must be set on `EuiColorPicker` itself. Covers only the default
+ * text-input anchor, not a custom `button` prop. See the package README for
+ * what this does not cover.
+ */
+export declare class EuiColorPickerObject extends BaseObject {
+    constructor(scope: ObjectScope, testSubj: string);
+    /**
+     * The popover panel. Rendered in a portal, so it is found on the page, not
+     * under the anchor. Resolves to zero elements while closed.
+     */
+    get panel(): Locator;
+    /** The swatch buttons inside {@link panel}. */
+    get swatches(): Locator;
+}

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

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EuiColorPickerObject = void 0;
+var _base_object = require("../../base_object");
+var _selectors = require("../../../components/color_picker/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/color-picker/ EuiColorPicker}.
+ *
+ * `testSubj` must be set on `EuiColorPicker` itself. Covers only the default
+ * text-input anchor, not a custom `button` prop. See the package README for
+ * what this does not cover.
+ */
+class EuiColorPickerObject extends _base_object.BaseObject {
+  constructor(scope, testSubj) {
+    super(scope, testSubj, _selectors.EuiColorPickerSelectors.ANCHOR_SELECTOR);
+  }
+
+  /**
+   * The popover panel. Rendered in a portal, so it is found on the page, not
+   * under the anchor. Resolves to zero elements while closed.
+   */
+  get panel() {
+    return this.root.page().locator(_selectors.EuiColorPickerSelectors.PANEL_SELECTOR);
+  }
+
+  /** The swatch buttons inside {@link panel}. */
+  get swatches() {
+    return this.panel.locator(_selectors.EuiColorPickerSelectors.SWATCH_SELECTOR);
+  }
+}
+exports.EuiColorPickerObject = EuiColorPickerObject;

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

@@ -0,0 +1,19 @@
+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/context-menu/ EuiContextMenu},
+ * or a standalone `EuiContextMenuPanel`.
+ *
+ * `testSubj` must be set on the `<EuiContextMenu>` or `<EuiContextMenuPanel>`
+ * itself. See the package README for what this does not cover.
+ */
+export declare class EuiContextMenuObject extends BaseObject {
+    constructor(scope: ObjectScope, testSubj: string);
+    /**
+     * The items in the current panel, as a `Locator`. Resolves to the root
+     * itself when that is a standalone panel, otherwise to the last panel in
+     * the DOM, which is the current one when two exist during a transition.
+     */
+    get items(): Locator;
+}

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

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EuiContextMenuObject = void 0;
+var _base_object = require("../../base_object");
+var _selectors = require("../../../components/context_menu/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/context-menu/ EuiContextMenu},
+ * or a standalone `EuiContextMenuPanel`.
+ *
+ * `testSubj` must be set on the `<EuiContextMenu>` or `<EuiContextMenuPanel>`
+ * itself. See the package README for what this does not cover.
+ */
+class EuiContextMenuObject extends _base_object.BaseObject {
+  constructor(scope, testSubj) {
+    super(scope, testSubj, _selectors.EuiContextMenuSelectors.ROOT_SELECTOR);
+  }
+
+  /**
+   * The items in the current panel, as a `Locator`. Resolves to the root
+   * itself when that is a standalone panel, otherwise to the last panel in
+   * the DOM, which is the current one when two exist during a transition.
+   */
+  get items() {
+    const panel = this.scope.locator(_selectors.EuiContextMenuSelectors.PANEL_SELECTOR);
+    return this.root.locator(_selectors.EuiContextMenuSelectors.PANEL_SELECTOR).last().or(this.root.and(panel)).locator(_selectors.EuiContextMenuSelectors.ITEM_SELECTOR);
+  }
+}
+exports.EuiContextMenuObject = EuiContextMenuObject;

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

@@ -0,0 +1,13 @@
+import { BaseObject, type ObjectScope } from '../../base_object';
+/**
+ * Playwright Component Object for {@link
+ * https://eui.elastic.co/docs/components/display/tooltip/ EuiToolTip}.
+ *
+ * `testSubj` must be set on `EuiToolTip` itself. EUI forwards it to the
+ * tooltip popover, which renders in a portal and only while shown, so
+ * `locator` resolves to zero elements until the trigger is hovered or
+ * focused. See the package README for what this does not cover.
+ */
+export declare class EuiToolTipObject extends BaseObject {
+    constructor(scope: ObjectScope, testSubj: string);
+}

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

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EuiToolTipObject = void 0;
+var _base_object = require("../../base_object");
+var _selectors = require("../../../components/tool_tip/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/tooltip/ EuiToolTip}.
+ *
+ * `testSubj` must be set on `EuiToolTip` itself. EUI forwards it to the
+ * tooltip popover, which renders in a portal and only while shown, so
+ * `locator` resolves to zero elements until the trigger is hovered or
+ * focused. See the package README for what this does not cover.
+ */
+class EuiToolTipObject extends _base_object.BaseObject {
+  constructor(scope, testSubj) {
+    super(scope, testSubj, _selectors.EuiToolTipSelectors.ROOT_SELECTOR);
+  }
+}
+exports.EuiToolTipObject = EuiToolTipObject;

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

@@ -0,0 +1,17 @@
+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/tree-view/ EuiTreeView}.
+ *
+ * `testSubj` must be set on `EuiTreeView` itself. See the package README for
+ * what this does not cover.
+ */
+export declare class EuiTreeViewObject extends BaseObject {
+    constructor(scope: ObjectScope, testSubj: string);
+    /**
+     * The node buttons of this level, in order. A node with children carries
+     * `aria-expanded`, a leaf does not.
+     */
+    get items(): Locator;
+}

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

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EuiTreeViewObject = void 0;
+var _base_object = require("../../base_object");
+var _selectors = 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
+ * 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/tree-view/ EuiTreeView}.
+ *
+ * `testSubj` must be set on `EuiTreeView` itself. See the package README for
+ * what this does not cover.
+ */
+class EuiTreeViewObject extends _base_object.BaseObject {
+  constructor(scope, testSubj) {
+    super(scope, testSubj, _selectors.EuiTreeViewSelectors.ROOT_SELECTOR);
+  }
+
+  /**
+   * The node buttons of this level, in order. A node with children carries
+   * `aria-expanded`, a leaf does not.
+   */
+  get items() {
+    return this.root.locator(_selectors.EuiTreeViewSelectors.ITEM_SELECTOR);
+  }
+}
+exports.EuiTreeViewObject = EuiTreeViewObject;

package/lib/esm/components/color_picker/selectors.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Stable selectors for
+ * {@link https://eui.elastic.co/docs/components/forms/color-picker/|EuiColorPicker}.
+ * `*_SELECTOR` values are CSS.
+ */
+export declare const EuiColorPickerSelectors: {
+    /** The default text-input anchor. A custom `button` prop has no class of its own. */
+    ANCHOR_SELECTOR: string;
+    /** The popover panel, rendered in a portal and only while open. */
+    PANEL_SELECTOR: string;
+    /** A swatch button inside the panel. */
+    SWATCH_SELECTOR: string;
+};

package/lib/esm/components/color_picker/selectors.js

@@ -0,0 +1,21 @@
+/*
+ * 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/forms/color-picker/|EuiColorPicker}.
+ * `*_SELECTOR` values are CSS.
+ */
+export const EuiColorPickerSelectors = {
+    /** The default text-input anchor. A custom `button` prop has no class of its own. */
+    ANCHOR_SELECTOR: '.euiColorPicker__input',
+    /** The popover panel, rendered in a portal and only while open. */
+    PANEL_SELECTOR: '[data-popover-panel].euiColorPicker__popoverPanel',
+    /** A swatch button inside the panel. */
+    SWATCH_SELECTOR: '.euiColorPickerSwatch',
+};
+//# sourceMappingURL=selectors.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selectors.js","sourceRoot":"","sources":["../../../../src/components/color_picker/selectors.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;;GAIG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,qFAAqF;IACrF,eAAe,EAAE,wBAAwB;IAEzC,mEAAmE;IACnE,cAAc,EAAE,mDAAmD;IAEnE,wCAAwC;IACxC,eAAe,EAAE,uBAAuB;CACzC,CAAC"}

package/lib/esm/components/context_menu/selectors.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Stable selectors for
+ * {@link https://eui.elastic.co/docs/components/navigation/context-menu/|EuiContextMenu}.
+ * `*_SELECTOR` values are CSS.
+ */
+export declare const EuiContextMenuSelectors: {
+    /**
+     * Root element carrying the consumer's `data-test-subj`: either a multi
+     * panel `EuiContextMenu`, or a single `EuiContextMenuPanel` used on its
+     * own, which is the more common Kibana pattern.
+     */
+    ROOT_SELECTOR: string;
+    /**
+     * Each panel. Two can exist at once during a panel transition (the
+     * outgoing one still animating out, plus the incoming one). Both are
+     * rendered outgoing-first in markup, so the last match is always the
+     * current panel.
+     */
+    PANEL_SELECTOR: string;
+    /** An item inside a panel. */
+    ITEM_SELECTOR: string;
+};

package/lib/esm/components/context_menu/selectors.js

@@ -0,0 +1,30 @@
+/*
+ * 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/context-menu/|EuiContextMenu}.
+ * `*_SELECTOR` values are CSS.
+ */
+export const EuiContextMenuSelectors = {
+    /**
+     * Root element carrying the consumer's `data-test-subj`: either a multi
+     * panel `EuiContextMenu`, or a single `EuiContextMenuPanel` used on its
+     * own, which is the more common Kibana pattern.
+     */
+    ROOT_SELECTOR: '.euiContextMenu, .euiContextMenuPanel',
+    /**
+     * Each panel. Two can exist at once during a panel transition (the
+     * outgoing one still animating out, plus the incoming one). Both are
+     * rendered outgoing-first in markup, so the last match is always the
+     * current panel.
+     */
+    PANEL_SELECTOR: '.euiContextMenuPanel',
+    /** An item inside a panel. */
+    ITEM_SELECTOR: '.euiContextMenuItem',
+};
+//# sourceMappingURL=selectors.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selectors.js","sourceRoot":"","sources":["../../../../src/components/context_menu/selectors.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;;GAIG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC;;;;OAIG;IACH,aAAa,EAAE,uCAAuC;IAEtD;;;;;OAKG;IACH,cAAc,EAAE,sBAAsB;IAEtC,8BAA8B;IAC9B,aAAa,EAAE,qBAAqB;CACrC,CAAC"}

package/lib/esm/components/tool_tip/selectors.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Stable selectors for
+ * {@link https://eui.elastic.co/docs/components/display/tooltip/|EuiToolTip}.
+ * `*_SELECTOR` values are CSS.
+ */
+export declare const EuiToolTipSelectors: {
+    /** The portaled tooltip. Only mounted while shown. */
+    ROOT_SELECTOR: string;
+};

package/lib/esm/components/tool_tip/selectors.js

@@ -0,0 +1,17 @@
+/*
+ * 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/tooltip/|EuiToolTip}.
+ * `*_SELECTOR` values are CSS.
+ */
+export const EuiToolTipSelectors = {
+    /** The portaled tooltip. Only mounted while shown. */
+    ROOT_SELECTOR: '.euiToolTip[role="tooltip"]',
+};
+//# sourceMappingURL=selectors.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selectors.js","sourceRoot":"","sources":["../../../../src/components/tool_tip/selectors.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,sDAAsD;IACtD,aAAa,EAAE,6BAA6B;CAC7C,CAAC"}

package/lib/esm/components/tree_view/selectors.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Stable selectors for
+ * {@link https://eui.elastic.co/docs/components/navigation/tree-view/|EuiTreeView}.
+ * `*_SELECTOR` values are CSS.
+ */
+export declare const EuiTreeViewSelectors: {
+    ROOT_SELECTOR: string;
+    /** Node buttons of this level only. A nested tree renders its own `.euiTreeView` inside a node. */
+    ITEM_SELECTOR: string;
+};

package/lib/esm/components/tree_view/selectors.js

@@ -0,0 +1,18 @@
+/*
+ * 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/tree-view/|EuiTreeView}.
+ * `*_SELECTOR` values are CSS.
+ */
+export const EuiTreeViewSelectors = {
+    ROOT_SELECTOR: '.euiTreeView',
+    /** Node buttons of this level only. A nested tree renders its own `.euiTreeView` inside a node. */
+    ITEM_SELECTOR: '> li > .euiTreeView__nodeInner',
+};
+//# sourceMappingURL=selectors.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selectors.js","sourceRoot":"","sources":["../../../../src/components/tree_view/selectors.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,aAAa,EAAE,cAAc;IAE7B,mGAAmG;IACnG,aAAa,EAAE,gCAAgC;CAChD,CAAC"}

package/lib/esm/index.d.ts

@@ -10,5 +10,9 @@ export { EuiRangeObject } from './playwright/components/form/range/object';
 export { EuiPopoverObject } from './playwright/components/popover/object';
 export { EuiFlyoutObject } from './playwright/components/flyout/object';
 export { EuiAccordionObject } from './playwright/components/accordion/object';
+export { EuiContextMenuObject } from './playwright/components/context_menu/object';
 export { EuiModalObject } from './playwright/components/modal/object';
 export { EuiBasicTableObject } from './playwright/components/basic_table/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

@@ -17,6 +17,10 @@ export { EuiRangeObject } from './playwright/components/form/range/object';
 export { EuiPopoverObject } from './playwright/components/popover/object';
 export { EuiFlyoutObject } from './playwright/components/flyout/object';
 export { EuiAccordionObject } from './playwright/components/accordion/object';
+export { EuiContextMenuObject } from './playwright/components/context_menu/object';
 export { EuiModalObject } from './playwright/components/modal/object';
 export { EuiBasicTableObject } from './playwright/components/basic_table/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';
 //# sourceMappingURL=index.js.map

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,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAClF,OAAO,EAAE,qBAAqB,EAAE,MAAM,8CAA8C,CAAC;AACrF,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,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,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,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAClF,OAAO,EAAE,qBAAqB,EAAE,MAAM,8CAA8C,CAAC;AACrF,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,mBAAmB,EAAE,MAAM,4CAA4C,CAAC;AACjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC"}

package/lib/esm/playwright/base_object.d.ts

@@ -6,6 +6,9 @@ export type ObjectScope = Page | Locator | BaseObject;
  * scope. Subclasses compose: pass another Component Object as `scope` to
  * nest one inside the other's DOM subtree.
  *
+ * `testSubj` matches one space-separated token of `data-test-subj`, following
+ * Kibana's convention (see `@kbn/test-subj-selector`).
+ *
  * Requires `testIdAttribute: 'data-test-subj'` in the Playwright config.
  */
 export declare abstract class BaseObject {

package/lib/esm/playwright/base_object.js

@@ -5,19 +5,28 @@
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
+/**
+ * Matches one space-separated token in `data-test-subj`, not the whole
+ * attribute value. `getByTestId` does an exact match and misses components
+ * like `EuiColorPicker` that add their own token to the consumer's subj.
+ */
+const testSubjSelector = (testSubj) => `[data-test-subj~="${testSubj.replace(/\\/g, '\\\\').replace(/"/g, '\\"')}"]`;
 /**
  * Base class for Playwright Component Objects — semantic wrappers around a
  * single root `Locator` resolved from a `data-test-subj` inside the given
  * scope. Subclasses compose: pass another Component Object as `scope` to
  * nest one inside the other's DOM subtree.
  *
+ * `testSubj` matches one space-separated token of `data-test-subj`, following
+ * Kibana's convention (see `@kbn/test-subj-selector`).
+ *
  * Requires `testIdAttribute: 'data-test-subj'` in the Playwright config.
  */
 export class BaseObject {
     constructor(scope, testSubj, componentSelector) {
         this.componentVerified = false;
         this.scope = scope instanceof BaseObject ? scope.locator : scope;
-        this.root = this.scope.getByTestId(testSubj);
+        this.root = this.scope.locator(testSubjSelector(testSubj));
         this.testSubj = testSubj;
         this.componentSelector = componentSelector;
         // Guard every async public method. A constructor can't be async, so instead

package/lib/esm/playwright/base_object.js.map

@@ -1 +1 @@
-{"version":3,"file":"base_object.js","sourceRoot":"","sources":["../../../src/playwright/base_object.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH;;;;;;;GAOG;AACH,MAAM,OAAgB,UAAU;IAyB9B,YAAY,KAAkB,EAAE,QAAgB,EAAE,iBAA0B;QAFpE,sBAAiB,GAAG,KAAK,CAAC;QAGhC,IAAI,CAAC,KAAK,GAAG,KAAK,YAAY,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;QACjE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC7C,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;QAE3C,4EAA4E;QAC5E,6EAA6E;QAC7E,2EAA2E;QAC3E,uEAAuE;QACvE,yEAAyE;QACzE,OAAO,IAAI,KAAK,CAAC,IAAI,EAAE;YACrB,GAAG,CAAC,MAAM,EAAE,IAAI;gBACd,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;gBAChD,MAAM,WAAW,GACf,OAAO,KAAK,KAAK,UAAU;oBAC3B,KAAK,CAAC,WAAW,CAAC,IAAI,KAAK,eAAe;oBAC1C,IAAI,KAAK,iBAAiB;oBAC1B,CAAC,CAAC,IAAI,IAAI,MAAM,CAAC,SAAS,CAAC,CAAC;gBAE9B,IAAI,CAAC,WAAW,EAAE,CAAC;oBACjB,OAAO,KAAK,CAAC;gBACf,CAAC;gBAED,OAAO,KAAK,EAAE,GAAG,IAAe,EAAE,EAAE;oBAClC,MAAM,MAAM,CAAC,eAAe,EAAE,CAAC;oBAC/B,OAAO,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;gBAC5C,CAAC,CAAC;YACJ,CAAC;SACF,CAAC,CAAC;IACL,CAAC;IAED;;;OAGG;IACH,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED;;;;;;OAMG;IACO,KAAK,CAAC,eAAe;QAC7B,IAAI,IAAI,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACtD,OAAO;QACT,CAAC;QACD,4EAA4E;QAC5E,8EAA8E;QAC9E,yEAAyE;QACzE,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QACD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI;aAC5B,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;aAC/C,KAAK,EAAE,CAAC;QACX,IAAI,OAAO,KAAK,CAAC,EAAE,CAAC;YAClB,MAAM,IAAI,KAAK,CACb,6CAA6C,IAAI,CAAC,QAAQ,eAAe,IAAI,CAAC,iBAAiB,KAAK;gBAClG,6EAA6E,CAChF,CAAC;QACJ,CAAC;QACD,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;IAChC,CAAC;CACF"}
+{"version":3,"file":"base_object.js","sourceRoot":"","sources":["../../../src/playwright/base_object.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH;;;;GAIG;AACH,MAAM,gBAAgB,GAAG,CAAC,QAAgB,EAAU,EAAE,CACpD,qBAAqB,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC;AAEhF;;;;;;;;;;GAUG;AACH,MAAM,OAAgB,UAAU;IAyB9B,YAAY,KAAkB,EAAE,QAAgB,EAAE,iBAA0B;QAFpE,sBAAiB,GAAG,KAAK,CAAC;QAGhC,IAAI,CAAC,KAAK,GAAG,KAAK,YAAY,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;QACjE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC3D,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;QAE3C,4EAA4E;QAC5E,6EAA6E;QAC7E,2EAA2E;QAC3E,uEAAuE;QACvE,yEAAyE;QACzE,OAAO,IAAI,KAAK,CAAC,IAAI,EAAE;YACrB,GAAG,CAAC,MAAM,EAAE,IAAI;gBACd,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;gBAChD,MAAM,WAAW,GACf,OAAO,KAAK,KAAK,UAAU;oBAC3B,KAAK,CAAC,WAAW,CAAC,IAAI,KAAK,eAAe;oBAC1C,IAAI,KAAK,iBAAiB;oBAC1B,CAAC,CAAC,IAAI,IAAI,MAAM,CAAC,SAAS,CAAC,CAAC;gBAE9B,IAAI,CAAC,WAAW,EAAE,CAAC;oBACjB,OAAO,KAAK,CAAC;gBACf,CAAC;gBAED,OAAO,KAAK,EAAE,GAAG,IAAe,EAAE,EAAE;oBAClC,MAAM,MAAM,CAAC,eAAe,EAAE,CAAC;oBAC/B,OAAO,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;gBAC5C,CAAC,CAAC;YACJ,CAAC;SACF,CAAC,CAAC;IACL,CAAC;IAED;;;OAGG;IACH,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED;;;;;;OAMG;IACO,KAAK,CAAC,eAAe;QAC7B,IAAI,IAAI,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACtD,OAAO;QACT,CAAC;QACD,4EAA4E;QAC5E,8EAA8E;QAC9E,yEAAyE;QACzE,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QACD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI;aAC5B,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;aAC/C,KAAK,EAAE,CAAC;QACX,IAAI,OAAO,KAAK,CAAC,EAAE,CAAC;YAClB,MAAM,IAAI,KAAK,CACb,6CAA6C,IAAI,CAAC,QAAQ,eAAe,IAAI,CAAC,iBAAiB,KAAK;gBAClG,6EAA6E,CAChF,CAAC;QACJ,CAAC;QACD,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;IAChC,CAAC;CACF"}

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

@@ -0,0 +1,20 @@
+import type { Locator } from '@playwright/test';
+import { BaseObject, type ObjectScope } from '../../base_object';
+/**
+ * Playwright Component Object for {@link
+ * https://eui.elastic.co/docs/components/forms/color-picker/ EuiColorPicker}.
+ *
+ * `testSubj` must be set on `EuiColorPicker` itself. Covers only the default
+ * text-input anchor, not a custom `button` prop. See the package README for
+ * what this does not cover.
+ */
+export declare class EuiColorPickerObject extends BaseObject {
+    constructor(scope: ObjectScope, testSubj: string);
+    /**
+     * The popover panel. Rendered in a portal, so it is found on the page, not
+     * under the anchor. Resolves to zero elements while closed.
+     */
+    get panel(): Locator;
+    /** The swatch buttons inside {@link panel}. */
+    get swatches(): Locator;
+}

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

@@ -0,0 +1,34 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+import { BaseObject } from '../../base_object';
+import { EuiColorPickerSelectors } from '../../../components/color_picker/selectors';
+/**
+ * Playwright Component Object for {@link
+ * https://eui.elastic.co/docs/components/forms/color-picker/ EuiColorPicker}.
+ *
+ * `testSubj` must be set on `EuiColorPicker` itself. Covers only the default
+ * text-input anchor, not a custom `button` prop. See the package README for
+ * what this does not cover.
+ */
+export class EuiColorPickerObject extends BaseObject {
+    constructor(scope, testSubj) {
+        super(scope, testSubj, EuiColorPickerSelectors.ANCHOR_SELECTOR);
+    }
+    /**
+     * The popover panel. Rendered in a portal, so it is found on the page, not
+     * under the anchor. Resolves to zero elements while closed.
+     */
+    get panel() {
+        return this.root.page().locator(EuiColorPickerSelectors.PANEL_SELECTOR);
+    }
+    /** The swatch buttons inside {@link panel}. */
+    get swatches() {
+        return this.panel.locator(EuiColorPickerSelectors.SWATCH_SELECTOR);
+    }
+}
+//# sourceMappingURL=object.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"object.js","sourceRoot":"","sources":["../../../../../src/playwright/components/color_picker/object.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,EAAE,UAAU,EAAoB,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,4CAA4C,CAAC;AAErF;;;;;;;GAOG;AACH,MAAM,OAAO,oBAAqB,SAAQ,UAAU;IAClD,YAAY,KAAkB,EAAE,QAAgB;QAC9C,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAC;IAClE,CAAC;IAED;;;OAGG;IACH,IAAW,KAAK;QACd,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,uBAAuB,CAAC,cAAc,CAAC,CAAC;IAC1E,CAAC;IAED,+CAA+C;IAC/C,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,uBAAuB,CAAC,eAAe,CAAC,CAAC;IACrE,CAAC;CACF"}

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

@@ -0,0 +1,19 @@
+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/context-menu/ EuiContextMenu},
+ * or a standalone `EuiContextMenuPanel`.
+ *
+ * `testSubj` must be set on the `<EuiContextMenu>` or `<EuiContextMenuPanel>`
+ * itself. See the package README for what this does not cover.
+ */
+export declare class EuiContextMenuObject extends BaseObject {
+    constructor(scope: ObjectScope, testSubj: string);
+    /**
+     * The items in the current panel, as a `Locator`. Resolves to the root
+     * itself when that is a standalone panel, otherwise to the last panel in
+     * the DOM, which is the current one when two exist during a transition.
+     */
+    get items(): Locator;
+}

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

@@ -0,0 +1,36 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+import { BaseObject } from '../../base_object';
+import { EuiContextMenuSelectors } from '../../../components/context_menu/selectors';
+/**
+ * Playwright Component Object for {@link
+ * https://eui.elastic.co/docs/components/navigation/context-menu/ EuiContextMenu},
+ * or a standalone `EuiContextMenuPanel`.
+ *
+ * `testSubj` must be set on the `<EuiContextMenu>` or `<EuiContextMenuPanel>`
+ * itself. See the package README for what this does not cover.
+ */
+export class EuiContextMenuObject extends BaseObject {
+    constructor(scope, testSubj) {
+        super(scope, testSubj, EuiContextMenuSelectors.ROOT_SELECTOR);
+    }
+    /**
+     * The items in the current panel, as a `Locator`. Resolves to the root
+     * itself when that is a standalone panel, otherwise to the last panel in
+     * the DOM, which is the current one when two exist during a transition.
+     */
+    get items() {
+        const panel = this.scope.locator(EuiContextMenuSelectors.PANEL_SELECTOR);
+        return this.root
+            .locator(EuiContextMenuSelectors.PANEL_SELECTOR)
+            .last()
+            .or(this.root.and(panel))
+            .locator(EuiContextMenuSelectors.ITEM_SELECTOR);
+    }
+}
+//# sourceMappingURL=object.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"object.js","sourceRoot":"","sources":["../../../../../src/playwright/components/context_menu/object.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,EAAE,UAAU,EAAoB,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,4CAA4C,CAAC;AAErF;;;;;;;GAOG;AACH,MAAM,OAAO,oBAAqB,SAAQ,UAAU;IAClD,YAAY,KAAkB,EAAE,QAAgB;QAC9C,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,uBAAuB,CAAC,aAAa,CAAC,CAAC;IAChE,CAAC;IAED;;;;OAIG;IACH,IAAW,KAAK;QACd,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,uBAAuB,CAAC,cAAc,CAAC,CAAC;QACzE,OAAO,IAAI,CAAC,IAAI;aACb,OAAO,CAAC,uBAAuB,CAAC,cAAc,CAAC;aAC/C,IAAI,EAAE;aACN,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;aACxB,OAAO,CAAC,uBAAuB,CAAC,aAAa,CAAC,CAAC;IACpD,CAAC;CACF"}

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

@@ -0,0 +1,13 @@
+import { BaseObject, type ObjectScope } from '../../base_object';
+/**
+ * Playwright Component Object for {@link
+ * https://eui.elastic.co/docs/components/display/tooltip/ EuiToolTip}.
+ *
+ * `testSubj` must be set on `EuiToolTip` itself. EUI forwards it to the
+ * tooltip popover, which renders in a portal and only while shown, so
+ * `locator` resolves to zero elements until the trigger is hovered or
+ * focused. See the package README for what this does not cover.
+ */
+export declare class EuiToolTipObject extends BaseObject {
+    constructor(scope: ObjectScope, testSubj: string);
+}

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

@@ -0,0 +1,24 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+import { BaseObject } from '../../base_object';
+import { EuiToolTipSelectors } from '../../../components/tool_tip/selectors';
+/**
+ * Playwright Component Object for {@link
+ * https://eui.elastic.co/docs/components/display/tooltip/ EuiToolTip}.
+ *
+ * `testSubj` must be set on `EuiToolTip` itself. EUI forwards it to the
+ * tooltip popover, which renders in a portal and only while shown, so
+ * `locator` resolves to zero elements until the trigger is hovered or
+ * focused. See the package README for what this does not cover.
+ */
+export class EuiToolTipObject extends BaseObject {
+    constructor(scope, testSubj) {
+        super(scope, testSubj, EuiToolTipSelectors.ROOT_SELECTOR);
+    }
+}
+//# sourceMappingURL=object.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"object.js","sourceRoot":"","sources":["../../../../../src/playwright/components/tool_tip/object.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,UAAU,EAAoB,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAE7E;;;;;;;;GAQG;AACH,MAAM,OAAO,gBAAiB,SAAQ,UAAU;IAC9C,YAAY,KAAkB,EAAE,QAAgB;QAC9C,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC;IAC5D,CAAC;CACF"}

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

@@ -0,0 +1,17 @@
+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/tree-view/ EuiTreeView}.
+ *
+ * `testSubj` must be set on `EuiTreeView` itself. See the package README for
+ * what this does not cover.
+ */
+export declare class EuiTreeViewObject extends BaseObject {
+    constructor(scope: ObjectScope, testSubj: string);
+    /**
+     * The node buttons of this level, in order. A node with children carries
+     * `aria-expanded`, a leaf does not.
+     */
+    get items(): Locator;
+}

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

@@ -0,0 +1,29 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+import { BaseObject } from '../../base_object';
+import { EuiTreeViewSelectors } from '../../../components/tree_view/selectors';
+/**
+ * Playwright Component Object for {@link
+ * https://eui.elastic.co/docs/components/navigation/tree-view/ EuiTreeView}.
+ *
+ * `testSubj` must be set on `EuiTreeView` itself. See the package README for
+ * what this does not cover.
+ */
+export class EuiTreeViewObject extends BaseObject {
+    constructor(scope, testSubj) {
+        super(scope, testSubj, EuiTreeViewSelectors.ROOT_SELECTOR);
+    }
+    /**
+     * The node buttons of this level, in order. A node with children carries
+     * `aria-expanded`, a leaf does not.
+     */
+    get items() {
+        return this.root.locator(EuiTreeViewSelectors.ITEM_SELECTOR);
+    }
+}
+//# sourceMappingURL=object.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"object.js","sourceRoot":"","sources":["../../../../../src/playwright/components/tree_view/object.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,EAAE,UAAU,EAAoB,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAE/E;;;;;;GAMG;AACH,MAAM,OAAO,iBAAkB,SAAQ,UAAU;IAC/C,YAAY,KAAkB,EAAE,QAAgB;QAC9C,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,oBAAoB,CAAC,aAAa,CAAC,CAAC;IAC7D,CAAC;IAED;;;OAGG;IACH,IAAW,KAAK;QACd,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAC;IAC/D,CAAC;CACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elastic/eui-test-helpers",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "description": "A library of EUI test helpers for RTL, Cypress and Scout",
   "license": "SEE LICENSE IN LICENSE.txt",
   "repository": {

package/src/components/color_picker/README.md

@@ -0,0 +1,30 @@
+# EuiColorPickerObject
+
+Playwright Component Object for [EuiColorPicker](https://eui.elastic.co/docs/components/forms/color-picker/).
+
+## Usage
+
+```ts
+import { EuiColorPickerObject } from '@elastic/eui-test-helpers';
+
+const colorPicker = new EuiColorPickerObject(page, 'myColorPicker');
+await colorPicker.locator.click();
+await colorPicker.swatches.first().click();
+```
+
+Set `data-test-subj` on `EuiColorPicker` itself. `EuiColorPicker` renders it on its anchor as `euiColorPickerAnchor <yourSubj>`, a compound value the shared root lookup matches by token. Without that, `getByTestId` on your own subj finds nothing.
+
+## API
+
+| Member | Description |
+|---|---|
+| `panel` | `Locator` for the popover panel. Rendered in a portal, so it is found on the page, not under the anchor. Resolves to zero elements while closed, and gets `data-popover-open="true"` once open. |
+| `swatches` | `Locator` for the swatch buttons inside `panel`. |
+
+`locator` is the anchor, a plain text input. Click it to open the picker, and use Playwright's own `inputValue()`/`fill()` to read or set the color.
+
+## Deliberately out of scope
+
+- **A custom `button` prop**: only the default text-input anchor has a class the component-type guard can rely on. A custom button has none, so it is not supported.
+- **`open()`/`close()` methods**: `EuiPopover` only sets `aria-expanded`/`aria-controls` on button-like toggles, and the default anchor is an input, so the signal `EuiPopoverObject` relies on is missing. Click `locator` and assert on `panel` instead.
+- **Several pickers open at once**: `panel` is found by class on the page, so two open pickers would both match. No consumer has needed this.

package/src/components/context_menu/README.md

@@ -0,0 +1,26 @@
+# EuiContextMenuObject
+
+Playwright Component Object for [EuiContextMenu](https://eui.elastic.co/docs/components/navigation/context-menu/), or a standalone `EuiContextMenuPanel`, the more common Kibana pattern (a single panel inside a popover, no multi panel wrapper).
+
+## Usage
+
+```ts
+import { EuiContextMenuObject } from '@elastic/eui-test-helpers';
+
+const contextMenu = new EuiContextMenuObject(page, 'myContextMenu');
+await contextMenu.items.filter({ hasText: 'Delete' }).click();
+```
+
+Set `data-test-subj` on the `<EuiContextMenu>` or the `<EuiContextMenuPanel>` itself, which the component-type guard verifies.
+
+## API
+
+| Member | Description |
+|---|---|
+| `items` | `Locator` for the items in the current panel. |
+
+When the root is a standalone panel, `items` is that panel's items. When it is an `EuiContextMenu`, `items` resolves to the last `.euiContextMenuPanel` in the DOM. During a panel transition (navigating to a nested panel or back) the outgoing panel can briefly still be in the DOM alongside the incoming one, and the incoming one always renders after it, so this avoids matching stale items from a panel that is on its way out.
+
+## Deliberately out of scope
+
+- **Clicking an item by label**: every real consumer already gives its own items a stable `data-test-subj`, so click those directly. `items` is for the cases where filtering by content is genuinely needed, e.g. `items.filter({ hasText: label })`.

package/src/components/tool_tip/README.md

@@ -0,0 +1,24 @@
+# EuiToolTipObject
+
+Playwright Component Object for [EuiToolTip](https://eui.elastic.co/docs/components/display/tooltip/).
+
+## Usage
+
+```ts
+import { EuiToolTipObject } from '@elastic/eui-test-helpers';
+
+const toolTip = new EuiToolTipObject(page, 'myToolTip');
+await page.getByRole('button', { name: 'Save' }).hover();
+await expect(toolTip.locator).toHaveText('Saves the dashboard');
+```
+
+Set `data-test-subj` on `EuiToolTip` itself. EUI forwards it to the tooltip popover, not the trigger. The popover renders in a portal and is only mounted while shown, so `locator` resolves to zero elements until the trigger is hovered or focused, and again once it is not. Retrying assertions on `locator` cover both without a wait.
+
+## API
+
+This object exposes no members beyond `locator`. Showing and hiding go through the trigger with Playwright's own `hover()`, `focus()` and `blur()`.
+
+## Deliberately out of scope
+
+- **The trigger**: it is the consumer's own element, so target it directly. `EuiToolTip` only wraps it in a plain `span`.
+- **Hiding with Escape**: it bubbles to page level handlers such as modals and flyouts. Blur or move the mouse off the trigger instead.

package/src/components/tree_view/README.md

@@ -0,0 +1,28 @@
+# EuiTreeViewObject
+
+Playwright Component Object for [EuiTreeView](https://eui.elastic.co/docs/components/navigation/tree-view/).
+
+## Usage
+
+```ts
+import { EuiTreeViewObject } from '@elastic/eui-test-helpers';
+
+const treeView = new EuiTreeViewObject(page, 'myTreeView');
+await treeView.items.filter({ hasText: 'Item One' }).click();
+await expect(treeView.items).toHaveCount(2);
+```
+
+Set `data-test-subj` on `EuiTreeView` itself, which the component-type guard verifies.
+
+## API
+
+| Member | Description |
+|---|---|
+| `items` | `Locator` for the node buttons of this level, in order. A node with children carries `aria-expanded`, which reflects open state synchronously. A leaf has no `aria-expanded`. |
+
+`items` reads direct children of the root only. A nested `EuiTreeView` renders its own `.euiTreeView` inside an expanded node, so a plain descendant search would mix levels.
+
+## Deliberately out of scope
+
+- **Nested levels**: `EuiTreeView` gives nested trees no `data-test-subj` of their own, so there is nothing to scope a second object to. Reach nested nodes through a plain locator under the expanded node until a consumer needs more.
+- **Expand and collapse methods**: clicking a node toggles it and `aria-expanded` updates synchronously, so `items.nth(i).click()` plus a retrying assertion is enough.