@elastic/eui-test-helpers 2.1.0 → 2.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -0
- package/lib/cjs/components/call_out/selectors.d.ts +22 -0
- package/lib/cjs/components/call_out/selectors.js +36 -0
- package/lib/cjs/components/form/field_search/selectors.d.ts +11 -0
- package/lib/cjs/components/form/field_search/selectors.js +25 -0
- package/lib/cjs/components/pagination/selectors.d.ts +21 -0
- package/lib/cjs/components/pagination/selectors.js +35 -0
- package/lib/cjs/components/search_bar/selectors.d.ts +11 -0
- package/lib/cjs/components/search_bar/selectors.js +25 -0
- package/lib/cjs/components/side_nav/selectors.d.ts +21 -0
- package/lib/cjs/components/side_nav/selectors.js +35 -0
- package/lib/cjs/components/table/selectors.d.ts +15 -0
- package/lib/cjs/components/table/selectors.js +29 -0
- package/lib/cjs/index.d.ts +6 -0
- package/lib/cjs/index.js +66 -24
- package/lib/cjs/playwright/components/basic_table/object.d.ts +7 -12
- package/lib/cjs/playwright/components/basic_table/object.js +7 -13
- package/lib/cjs/playwright/components/call_out/object.d.ts +36 -0
- package/lib/cjs/playwright/components/call_out/object.js +84 -0
- package/lib/cjs/playwright/components/form/field_search/object.d.ts +21 -0
- package/lib/cjs/playwright/components/form/field_search/object.js +51 -0
- package/lib/cjs/playwright/components/pagination/object.d.ts +37 -0
- package/lib/cjs/playwright/components/pagination/object.js +121 -0
- package/lib/cjs/playwright/components/search_bar/object.d.ts +12 -0
- package/lib/cjs/playwright/components/search_bar/object.js +26 -0
- package/lib/cjs/playwright/components/side_nav/object.d.ts +34 -0
- package/lib/cjs/playwright/components/side_nav/object.js +84 -0
- package/lib/cjs/playwright/components/table/object.d.ts +28 -0
- package/lib/cjs/playwright/components/table/object.js +57 -0
- package/lib/cjs/selectors.d.ts +42 -0
- package/lib/cjs/selectors.js +42 -30
- package/lib/esm/components/call_out/selectors.d.ts +22 -0
- package/lib/esm/components/call_out/selectors.js +30 -0
- package/lib/esm/components/call_out/selectors.js.map +1 -0
- package/lib/esm/components/form/field_search/selectors.d.ts +11 -0
- package/lib/esm/components/form/field_search/selectors.js +19 -0
- package/lib/esm/components/form/field_search/selectors.js.map +1 -0
- package/lib/esm/components/pagination/selectors.d.ts +21 -0
- package/lib/esm/components/pagination/selectors.js +29 -0
- package/lib/esm/components/pagination/selectors.js.map +1 -0
- package/lib/esm/components/search_bar/selectors.d.ts +11 -0
- package/lib/esm/components/search_bar/selectors.js +19 -0
- package/lib/esm/components/search_bar/selectors.js.map +1 -0
- package/lib/esm/components/side_nav/selectors.d.ts +21 -0
- package/lib/esm/components/side_nav/selectors.js +29 -0
- package/lib/esm/components/side_nav/selectors.js.map +1 -0
- package/lib/esm/components/table/selectors.d.ts +15 -0
- package/lib/esm/components/table/selectors.js +23 -0
- package/lib/esm/components/table/selectors.js.map +1 -0
- package/lib/esm/index.d.ts +6 -0
- package/lib/esm/index.js +6 -0
- package/lib/esm/index.js.map +1 -1
- package/lib/esm/playwright/components/basic_table/object.d.ts +7 -12
- package/lib/esm/playwright/components/basic_table/object.js +7 -15
- package/lib/esm/playwright/components/basic_table/object.js.map +1 -1
- package/lib/esm/playwright/components/call_out/object.d.ts +36 -0
- package/lib/esm/playwright/components/call_out/object.js +72 -0
- package/lib/esm/playwright/components/call_out/object.js.map +1 -0
- package/lib/esm/playwright/components/form/field_search/object.d.ts +21 -0
- package/lib/esm/playwright/components/form/field_search/object.js +41 -0
- package/lib/esm/playwright/components/form/field_search/object.js.map +1 -0
- package/lib/esm/playwright/components/pagination/object.d.ts +37 -0
- package/lib/esm/playwright/components/pagination/object.js +118 -0
- package/lib/esm/playwright/components/pagination/object.js.map +1 -0
- package/lib/esm/playwright/components/search_bar/object.d.ts +12 -0
- package/lib/esm/playwright/components/search_bar/object.js +20 -0
- package/lib/esm/playwright/components/search_bar/object.js.map +1 -0
- package/lib/esm/playwright/components/side_nav/object.d.ts +34 -0
- package/lib/esm/playwright/components/side_nav/object.js +76 -0
- package/lib/esm/playwright/components/side_nav/object.js.map +1 -0
- package/lib/esm/playwright/components/table/object.d.ts +28 -0
- package/lib/esm/playwright/components/table/object.js +46 -0
- package/lib/esm/playwright/components/table/object.js.map +1 -0
- package/lib/esm/selectors.d.ts +42 -0
- package/lib/esm/selectors.js +12 -0
- package/lib/esm/selectors.js.map +1 -1
- package/package.json +1 -1
- package/src/components/basic_table/README.md +1 -0
- package/src/components/call_out/README.md +29 -0
- package/src/components/form/field_search/README.md +29 -0
- package/src/components/pagination/README.md +31 -0
- package/src/components/search_bar/README.md +18 -0
- package/src/components/side_nav/README.md +31 -0
- package/src/components/table/README.md +31 -0
package/README.md
CHANGED
|
@@ -51,15 +51,21 @@ their own version at runtime.
|
|
|
51
51
|
| `EuiSuperSelectObject` | [src/components/form/super_select/README.md](src/components/form/super_select/README.md) |
|
|
52
52
|
| `EuiGlobalToastListObject` | [src/components/toast/README.md](src/components/toast/README.md) |
|
|
53
53
|
| `EuiSelectableObject` | [src/components/selectable/README.md](src/components/selectable/README.md) |
|
|
54
|
+
| `EuiSideNavObject` | [src/components/side_nav/README.md](src/components/side_nav/README.md) |
|
|
54
55
|
| `EuiDraggableObject` | [src/components/drag_and_drop/README.md](src/components/drag_and_drop/README.md) |
|
|
55
56
|
| `EuiFilterButtonObject` | [src/components/filter_button/README.md](src/components/filter_button/README.md) |
|
|
57
|
+
| `EuiFieldSearchObject` | [src/components/form/field_search/README.md](src/components/form/field_search/README.md) |
|
|
58
|
+
| `EuiSearchBarObject` | [src/components/search_bar/README.md](src/components/search_bar/README.md) |
|
|
56
59
|
| `EuiRangeObject` | [src/components/form/range/README.md](src/components/form/range/README.md) |
|
|
57
60
|
| `EuiPopoverObject` | [src/components/popover/README.md](src/components/popover/README.md) |
|
|
58
61
|
| `EuiFlyoutObject` | [src/components/flyout/README.md](src/components/flyout/README.md) |
|
|
59
62
|
| `EuiAccordionObject` | [src/components/accordion/README.md](src/components/accordion/README.md) |
|
|
60
63
|
| `EuiContextMenuObject` | [src/components/context_menu/README.md](src/components/context_menu/README.md) |
|
|
61
64
|
| `EuiModalObject` | [src/components/modal/README.md](src/components/modal/README.md) |
|
|
65
|
+
| `EuiTableObject` | [src/components/table/README.md](src/components/table/README.md) |
|
|
66
|
+
| `EuiPaginationObject` | [src/components/pagination/README.md](src/components/pagination/README.md) |
|
|
62
67
|
| `EuiBasicTableObject` | [src/components/basic_table/README.md](src/components/basic_table/README.md) |
|
|
68
|
+
| `EuiCallOutObject` | [src/components/call_out/README.md](src/components/call_out/README.md) |
|
|
63
69
|
| `EuiColorPickerObject` | [src/components/color_picker/README.md](src/components/color_picker/README.md) |
|
|
64
70
|
| `EuiTreeViewObject` | [src/components/tree_view/README.md](src/components/tree_view/README.md) |
|
|
65
71
|
| `EuiToolTipObject` | [src/components/tool_tip/README.md](src/components/tool_tip/README.md) |
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Stable selectors for
|
|
3
|
+
* {@link https://eui.elastic.co/docs/components/display/callout/|EuiCallOut}.
|
|
4
|
+
* `*_SELECTOR` values are CSS, `*_TEST_SUBJ` values are `data-test-subj` names EUI sets itself.
|
|
5
|
+
*/
|
|
6
|
+
export declare const EuiCallOutSelectors: {
|
|
7
|
+
/** The panel root carrying the consumer's `data-test-subj`. */
|
|
8
|
+
ROOT_SELECTOR: string;
|
|
9
|
+
/** The title element, rendered only with a `title`. */
|
|
10
|
+
TITLE_SELECTOR: string;
|
|
11
|
+
/** The `text` block, rendered only with a `text`. */
|
|
12
|
+
TEXT_SELECTOR: string;
|
|
13
|
+
/** Prefix of the root class that carries the color, e.g. `euiCallOut--warning`. */
|
|
14
|
+
COLOR_CLASS_PREFIX: string;
|
|
15
|
+
/** The dismiss button, rendered only with `onDismiss`. */
|
|
16
|
+
DISMISS_BUTTON_TEST_SUBJ: string;
|
|
17
|
+
/**
|
|
18
|
+
* The dismiss button by its test subj, or by its cross icon when
|
|
19
|
+
* `dismissButtonProps` replaced the test subj.
|
|
20
|
+
*/
|
|
21
|
+
DISMISS_BUTTON_SELECTOR: string;
|
|
22
|
+
};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.EuiCallOutSelectors = void 0;
|
|
7
|
+
/*
|
|
8
|
+
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
9
|
+
* or more contributor license agreements. Licensed under the Elastic License
|
|
10
|
+
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
11
|
+
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
12
|
+
* Side Public License, v 1.
|
|
13
|
+
*/
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* Stable selectors for
|
|
17
|
+
* {@link https://eui.elastic.co/docs/components/display/callout/|EuiCallOut}.
|
|
18
|
+
* `*_SELECTOR` values are CSS, `*_TEST_SUBJ` values are `data-test-subj` names EUI sets itself.
|
|
19
|
+
*/
|
|
20
|
+
const EuiCallOutSelectors = exports.EuiCallOutSelectors = {
|
|
21
|
+
/** The panel root carrying the consumer's `data-test-subj`. */
|
|
22
|
+
ROOT_SELECTOR: '.euiCallOut',
|
|
23
|
+
/** The title element, rendered only with a `title`. */
|
|
24
|
+
TITLE_SELECTOR: '.euiCallOutHeader__title',
|
|
25
|
+
/** The `text` block, rendered only with a `text`. */
|
|
26
|
+
TEXT_SELECTOR: '.euiCallOut__text',
|
|
27
|
+
/** Prefix of the root class that carries the color, e.g. `euiCallOut--warning`. */
|
|
28
|
+
COLOR_CLASS_PREFIX: 'euiCallOut--',
|
|
29
|
+
/** The dismiss button, rendered only with `onDismiss`. */
|
|
30
|
+
DISMISS_BUTTON_TEST_SUBJ: 'euiDismissCalloutButton',
|
|
31
|
+
/**
|
|
32
|
+
* The dismiss button by its test subj, or by its cross icon when
|
|
33
|
+
* `dismissButtonProps` replaced the test subj.
|
|
34
|
+
*/
|
|
35
|
+
DISMISS_BUTTON_SELECTOR: '[data-test-subj="euiDismissCalloutButton"], button:has([data-icon-type="cross"])'
|
|
36
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Stable selectors for
|
|
3
|
+
* {@link https://eui.elastic.co/docs/components/forms/search-and-filter/search/|EuiFieldSearch}.
|
|
4
|
+
* `*_SELECTOR` values are CSS, `*_TEST_SUBJ` values are `data-test-subj` names EUI sets itself.
|
|
5
|
+
*/
|
|
6
|
+
export declare const EuiFieldSearchSelectors: {
|
|
7
|
+
/** The `<input type="search">` carrying the consumer's `data-test-subj`. */
|
|
8
|
+
ROOT_SELECTOR: string;
|
|
9
|
+
/** The clear button next to the input, rendered only with `isClearable` and a value. */
|
|
10
|
+
CLEAR_BUTTON_TEST_SUBJ: string;
|
|
11
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.EuiFieldSearchSelectors = void 0;
|
|
7
|
+
/*
|
|
8
|
+
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
9
|
+
* or more contributor license agreements. Licensed under the Elastic License
|
|
10
|
+
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
11
|
+
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
12
|
+
* Side Public License, v 1.
|
|
13
|
+
*/
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* Stable selectors for
|
|
17
|
+
* {@link https://eui.elastic.co/docs/components/forms/search-and-filter/search/|EuiFieldSearch}.
|
|
18
|
+
* `*_SELECTOR` values are CSS, `*_TEST_SUBJ` values are `data-test-subj` names EUI sets itself.
|
|
19
|
+
*/
|
|
20
|
+
const EuiFieldSearchSelectors = exports.EuiFieldSearchSelectors = {
|
|
21
|
+
/** The `<input type="search">` carrying the consumer's `data-test-subj`. */
|
|
22
|
+
ROOT_SELECTOR: '.euiFieldSearch',
|
|
23
|
+
/** The clear button next to the input, rendered only with `isClearable` and a value. */
|
|
24
|
+
CLEAR_BUTTON_TEST_SUBJ: 'clearSearchButton'
|
|
25
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Stable selectors for
|
|
3
|
+
* {@link https://eui.elastic.co/docs/components/navigation/pagination/|EuiPagination}.
|
|
4
|
+
* `*_SELECTOR` values are CSS, `*_TEST_SUBJ` values are `data-test-subj` names EUI sets itself.
|
|
5
|
+
*/
|
|
6
|
+
export declare const EuiPaginationSelectors: {
|
|
7
|
+
/** The `<nav>` root carrying the consumer's `data-test-subj`. */
|
|
8
|
+
ROOT_SELECTOR: string;
|
|
9
|
+
/** A numbered page button. Not rendered in the compressed variant. */
|
|
10
|
+
PAGE_BUTTON_SELECTOR: string;
|
|
11
|
+
/** The numbered page button of the active page. */
|
|
12
|
+
ACTIVE_PAGE_BUTTON_SELECTOR: string;
|
|
13
|
+
/** The "page of total" text of the compressed variant, with one `<span>` per number. */
|
|
14
|
+
COMPRESSED_TEXT_SELECTOR: string;
|
|
15
|
+
/** Prefix of a page button's test subj, followed by the 0-based page index. */
|
|
16
|
+
PAGE_BUTTON_TEST_SUBJ_PREFIX: string;
|
|
17
|
+
FIRST_BUTTON_TEST_SUBJ: string;
|
|
18
|
+
PREVIOUS_BUTTON_TEST_SUBJ: string;
|
|
19
|
+
NEXT_BUTTON_TEST_SUBJ: string;
|
|
20
|
+
LAST_BUTTON_TEST_SUBJ: string;
|
|
21
|
+
};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.EuiPaginationSelectors = void 0;
|
|
7
|
+
/*
|
|
8
|
+
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
9
|
+
* or more contributor license agreements. Licensed under the Elastic License
|
|
10
|
+
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
11
|
+
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
12
|
+
* Side Public License, v 1.
|
|
13
|
+
*/
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* Stable selectors for
|
|
17
|
+
* {@link https://eui.elastic.co/docs/components/navigation/pagination/|EuiPagination}.
|
|
18
|
+
* `*_SELECTOR` values are CSS, `*_TEST_SUBJ` values are `data-test-subj` names EUI sets itself.
|
|
19
|
+
*/
|
|
20
|
+
const EuiPaginationSelectors = exports.EuiPaginationSelectors = {
|
|
21
|
+
/** The `<nav>` root carrying the consumer's `data-test-subj`. */
|
|
22
|
+
ROOT_SELECTOR: '.euiPagination',
|
|
23
|
+
/** A numbered page button. Not rendered in the compressed variant. */
|
|
24
|
+
PAGE_BUTTON_SELECTOR: '.euiPaginationButton',
|
|
25
|
+
/** The numbered page button of the active page. */
|
|
26
|
+
ACTIVE_PAGE_BUTTON_SELECTOR: '.euiPaginationButton[aria-current="page"]',
|
|
27
|
+
/** The "page of total" text of the compressed variant, with one `<span>` per number. */
|
|
28
|
+
COMPRESSED_TEXT_SELECTOR: '.euiPagination__compressedText',
|
|
29
|
+
/** Prefix of a page button's test subj, followed by the 0-based page index. */
|
|
30
|
+
PAGE_BUTTON_TEST_SUBJ_PREFIX: 'pagination-button-',
|
|
31
|
+
FIRST_BUTTON_TEST_SUBJ: 'pagination-button-first',
|
|
32
|
+
PREVIOUS_BUTTON_TEST_SUBJ: 'pagination-button-previous',
|
|
33
|
+
NEXT_BUTTON_TEST_SUBJ: 'pagination-button-next',
|
|
34
|
+
LAST_BUTTON_TEST_SUBJ: 'pagination-button-last'
|
|
35
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Stable selectors for
|
|
3
|
+
* {@link https://eui.elastic.co/docs/components/forms/search-and-filter/search-bar/|EuiSearchBar}.
|
|
4
|
+
* `*_SELECTOR` values are CSS.
|
|
5
|
+
*/
|
|
6
|
+
export declare const EuiSearchBarSelectors: {
|
|
7
|
+
/** The wrapper of the search box. */
|
|
8
|
+
SEARCH_HOLDER_SELECTOR: string;
|
|
9
|
+
/** The wrapper of the filter buttons, rendered only with `filters`. */
|
|
10
|
+
FILTERS_HOLDER_SELECTOR: string;
|
|
11
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.EuiSearchBarSelectors = void 0;
|
|
7
|
+
/*
|
|
8
|
+
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
9
|
+
* or more contributor license agreements. Licensed under the Elastic License
|
|
10
|
+
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
11
|
+
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
12
|
+
* Side Public License, v 1.
|
|
13
|
+
*/
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* Stable selectors for
|
|
17
|
+
* {@link https://eui.elastic.co/docs/components/forms/search-and-filter/search-bar/|EuiSearchBar}.
|
|
18
|
+
* `*_SELECTOR` values are CSS.
|
|
19
|
+
*/
|
|
20
|
+
const EuiSearchBarSelectors = exports.EuiSearchBarSelectors = {
|
|
21
|
+
/** The wrapper of the search box. */
|
|
22
|
+
SEARCH_HOLDER_SELECTOR: '.euiSearchBar__searchHolder',
|
|
23
|
+
/** The wrapper of the filter buttons, rendered only with `filters`. */
|
|
24
|
+
FILTERS_HOLDER_SELECTOR: '.euiSearchBar__filtersHolder'
|
|
25
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Stable selectors for
|
|
3
|
+
* {@link https://eui.elastic.co/docs/components/navigation/side-nav/|EuiSideNav}.
|
|
4
|
+
* `*_SELECTOR` values are CSS.
|
|
5
|
+
*/
|
|
6
|
+
export declare const EuiSideNavSelectors: {
|
|
7
|
+
/** The `<nav>` root carrying the consumer's `data-test-subj`. */
|
|
8
|
+
ROOT_SELECTOR: string;
|
|
9
|
+
/** An item wrapper at any depth. Closed branches are not rendered at all. */
|
|
10
|
+
ITEM_SELECTOR: string;
|
|
11
|
+
/** The clickable part of an item, an `<a>`, `<button>` or `<div>` depending on its props. */
|
|
12
|
+
ITEM_BUTTON_SELECTOR: string;
|
|
13
|
+
/** The item button of the selected item. */
|
|
14
|
+
SELECTED_ITEM_BUTTON_SELECTOR: string;
|
|
15
|
+
/** The item button of an expanded accordion item. */
|
|
16
|
+
OPEN_ITEM_BUTTON_SELECTOR: string;
|
|
17
|
+
/** The text label inside an item button. */
|
|
18
|
+
ITEM_LABEL_SELECTOR: string;
|
|
19
|
+
/** The container of an item's child items, rendered only while open. */
|
|
20
|
+
CHILD_ITEMS_SELECTOR: string;
|
|
21
|
+
};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.EuiSideNavSelectors = void 0;
|
|
7
|
+
/*
|
|
8
|
+
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
9
|
+
* or more contributor license agreements. Licensed under the Elastic License
|
|
10
|
+
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
11
|
+
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
12
|
+
* Side Public License, v 1.
|
|
13
|
+
*/
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* Stable selectors for
|
|
17
|
+
* {@link https://eui.elastic.co/docs/components/navigation/side-nav/|EuiSideNav}.
|
|
18
|
+
* `*_SELECTOR` values are CSS.
|
|
19
|
+
*/
|
|
20
|
+
const EuiSideNavSelectors = exports.EuiSideNavSelectors = {
|
|
21
|
+
/** The `<nav>` root carrying the consumer's `data-test-subj`. */
|
|
22
|
+
ROOT_SELECTOR: '.euiSideNav',
|
|
23
|
+
/** An item wrapper at any depth. Closed branches are not rendered at all. */
|
|
24
|
+
ITEM_SELECTOR: '.euiSideNavItem',
|
|
25
|
+
/** The clickable part of an item, an `<a>`, `<button>` or `<div>` depending on its props. */
|
|
26
|
+
ITEM_BUTTON_SELECTOR: '.euiSideNavItemButton',
|
|
27
|
+
/** The item button of the selected item. */
|
|
28
|
+
SELECTED_ITEM_BUTTON_SELECTOR: '.euiSideNavItemButton-isSelected',
|
|
29
|
+
/** The item button of an expanded accordion item. */
|
|
30
|
+
OPEN_ITEM_BUTTON_SELECTOR: '.euiSideNavItemButton-isOpen',
|
|
31
|
+
/** The text label inside an item button. */
|
|
32
|
+
ITEM_LABEL_SELECTOR: '.euiSideNavItemButton__label',
|
|
33
|
+
/** The container of an item's child items, rendered only while open. */
|
|
34
|
+
CHILD_ITEMS_SELECTOR: '.euiSideNavItem__items'
|
|
35
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Stable selectors for
|
|
3
|
+
* {@link https://eui.elastic.co/docs/components/tabular-content/tables/|EuiTable}.
|
|
4
|
+
* `*_SELECTOR` values are CSS.
|
|
5
|
+
*/
|
|
6
|
+
export declare const EuiTableSelectors: {
|
|
7
|
+
/** The `<table>` element carrying the consumer's `data-test-subj`. */
|
|
8
|
+
ROOT_SELECTOR: string;
|
|
9
|
+
/** A body row. Also matches EUI's own empty/error message row, callers must exclude those. */
|
|
10
|
+
ROW_SELECTOR: string;
|
|
11
|
+
/** A body cell. */
|
|
12
|
+
ROW_CELL_SELECTOR: string;
|
|
13
|
+
/** A header cell, including the selection checkbox cell which has its own class. */
|
|
14
|
+
HEADER_CELL_SELECTOR: string;
|
|
15
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.EuiTableSelectors = void 0;
|
|
7
|
+
/*
|
|
8
|
+
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
9
|
+
* or more contributor license agreements. Licensed under the Elastic License
|
|
10
|
+
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
11
|
+
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
12
|
+
* Side Public License, v 1.
|
|
13
|
+
*/
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* Stable selectors for
|
|
17
|
+
* {@link https://eui.elastic.co/docs/components/tabular-content/tables/|EuiTable}.
|
|
18
|
+
* `*_SELECTOR` values are CSS.
|
|
19
|
+
*/
|
|
20
|
+
const EuiTableSelectors = exports.EuiTableSelectors = {
|
|
21
|
+
/** The `<table>` element carrying the consumer's `data-test-subj`. */
|
|
22
|
+
ROOT_SELECTOR: '.euiTable',
|
|
23
|
+
/** A body row. Also matches EUI's own empty/error message row, callers must exclude those. */
|
|
24
|
+
ROW_SELECTOR: '.euiTableRow',
|
|
25
|
+
/** A body cell. */
|
|
26
|
+
ROW_CELL_SELECTOR: '.euiTableRowCell',
|
|
27
|
+
/** A header cell, including the selection checkbox cell which has its own class. */
|
|
28
|
+
HEADER_CELL_SELECTOR: 'thead > tr > :is(th, td)'
|
|
29
|
+
};
|
package/lib/cjs/index.d.ts
CHANGED
|
@@ -4,15 +4,21 @@ export { EuiDataGridObject } from './playwright/components/datagrid/object';
|
|
|
4
4
|
export { EuiSuperSelectObject } from './playwright/components/form/super_select/object';
|
|
5
5
|
export { EuiGlobalToastListObject } from './playwright/components/toast/object';
|
|
6
6
|
export { EuiSelectableObject } from './playwright/components/selectable/object';
|
|
7
|
+
export { EuiSideNavObject } from './playwright/components/side_nav/object';
|
|
7
8
|
export { EuiDraggableObject } from './playwright/components/drag_and_drop/object';
|
|
8
9
|
export { EuiFilterButtonObject } from './playwright/components/filter_button/object';
|
|
10
|
+
export { EuiFieldSearchObject } from './playwright/components/form/field_search/object';
|
|
11
|
+
export { EuiSearchBarObject } from './playwright/components/search_bar/object';
|
|
9
12
|
export { EuiRangeObject } from './playwright/components/form/range/object';
|
|
10
13
|
export { EuiPopoverObject } from './playwright/components/popover/object';
|
|
11
14
|
export { EuiFlyoutObject } from './playwright/components/flyout/object';
|
|
12
15
|
export { EuiAccordionObject } from './playwright/components/accordion/object';
|
|
13
16
|
export { EuiContextMenuObject } from './playwright/components/context_menu/object';
|
|
14
17
|
export { EuiModalObject } from './playwright/components/modal/object';
|
|
18
|
+
export { EuiTableObject } from './playwright/components/table/object';
|
|
19
|
+
export { EuiPaginationObject } from './playwright/components/pagination/object';
|
|
15
20
|
export { EuiBasicTableObject } from './playwright/components/basic_table/object';
|
|
21
|
+
export { EuiCallOutObject } from './playwright/components/call_out/object';
|
|
16
22
|
export { EuiColorPickerObject } from './playwright/components/color_picker/object';
|
|
17
23
|
export { EuiTreeViewObject } from './playwright/components/tree_view/object';
|
|
18
24
|
export { EuiToolTipObject } from './playwright/components/tool_tip/object';
|
package/lib/cjs/index.js
CHANGED
|
@@ -12,19 +12,25 @@ Object.defineProperty(exports, "BaseObject", {
|
|
|
12
12
|
Object.defineProperty(exports, "EuiAccordionObject", {
|
|
13
13
|
enumerable: true,
|
|
14
14
|
get: function () {
|
|
15
|
-
return
|
|
15
|
+
return _object14.EuiAccordionObject;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
Object.defineProperty(exports, "EuiBasicTableObject", {
|
|
19
19
|
enumerable: true,
|
|
20
20
|
get: function () {
|
|
21
|
-
return
|
|
21
|
+
return _object19.EuiBasicTableObject;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "EuiCallOutObject", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function () {
|
|
27
|
+
return _object20.EuiCallOutObject;
|
|
22
28
|
}
|
|
23
29
|
});
|
|
24
30
|
Object.defineProperty(exports, "EuiColorPickerObject", {
|
|
25
31
|
enumerable: true,
|
|
26
32
|
get: function () {
|
|
27
|
-
return
|
|
33
|
+
return _object21.EuiColorPickerObject;
|
|
28
34
|
}
|
|
29
35
|
});
|
|
30
36
|
Object.defineProperty(exports, "EuiComboBoxObject", {
|
|
@@ -36,7 +42,7 @@ Object.defineProperty(exports, "EuiComboBoxObject", {
|
|
|
36
42
|
Object.defineProperty(exports, "EuiContextMenuObject", {
|
|
37
43
|
enumerable: true,
|
|
38
44
|
get: function () {
|
|
39
|
-
return
|
|
45
|
+
return _object15.EuiContextMenuObject;
|
|
40
46
|
}
|
|
41
47
|
});
|
|
42
48
|
Object.defineProperty(exports, "EuiDataGridObject", {
|
|
@@ -48,19 +54,25 @@ Object.defineProperty(exports, "EuiDataGridObject", {
|
|
|
48
54
|
Object.defineProperty(exports, "EuiDraggableObject", {
|
|
49
55
|
enumerable: true,
|
|
50
56
|
get: function () {
|
|
51
|
-
return
|
|
57
|
+
return _object7.EuiDraggableObject;
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
Object.defineProperty(exports, "EuiFieldSearchObject", {
|
|
61
|
+
enumerable: true,
|
|
62
|
+
get: function () {
|
|
63
|
+
return _object9.EuiFieldSearchObject;
|
|
52
64
|
}
|
|
53
65
|
});
|
|
54
66
|
Object.defineProperty(exports, "EuiFilterButtonObject", {
|
|
55
67
|
enumerable: true,
|
|
56
68
|
get: function () {
|
|
57
|
-
return
|
|
69
|
+
return _object8.EuiFilterButtonObject;
|
|
58
70
|
}
|
|
59
71
|
});
|
|
60
72
|
Object.defineProperty(exports, "EuiFlyoutObject", {
|
|
61
73
|
enumerable: true,
|
|
62
74
|
get: function () {
|
|
63
|
-
return
|
|
75
|
+
return _object13.EuiFlyoutObject;
|
|
64
76
|
}
|
|
65
77
|
});
|
|
66
78
|
Object.defineProperty(exports, "EuiGlobalToastListObject", {
|
|
@@ -72,19 +84,31 @@ Object.defineProperty(exports, "EuiGlobalToastListObject", {
|
|
|
72
84
|
Object.defineProperty(exports, "EuiModalObject", {
|
|
73
85
|
enumerable: true,
|
|
74
86
|
get: function () {
|
|
75
|
-
return
|
|
87
|
+
return _object16.EuiModalObject;
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
Object.defineProperty(exports, "EuiPaginationObject", {
|
|
91
|
+
enumerable: true,
|
|
92
|
+
get: function () {
|
|
93
|
+
return _object18.EuiPaginationObject;
|
|
76
94
|
}
|
|
77
95
|
});
|
|
78
96
|
Object.defineProperty(exports, "EuiPopoverObject", {
|
|
79
97
|
enumerable: true,
|
|
80
98
|
get: function () {
|
|
81
|
-
return
|
|
99
|
+
return _object12.EuiPopoverObject;
|
|
82
100
|
}
|
|
83
101
|
});
|
|
84
102
|
Object.defineProperty(exports, "EuiRangeObject", {
|
|
85
103
|
enumerable: true,
|
|
86
104
|
get: function () {
|
|
87
|
-
return
|
|
105
|
+
return _object11.EuiRangeObject;
|
|
106
|
+
}
|
|
107
|
+
});
|
|
108
|
+
Object.defineProperty(exports, "EuiSearchBarObject", {
|
|
109
|
+
enumerable: true,
|
|
110
|
+
get: function () {
|
|
111
|
+
return _object10.EuiSearchBarObject;
|
|
88
112
|
}
|
|
89
113
|
});
|
|
90
114
|
Object.defineProperty(exports, "EuiSelectableObject", {
|
|
@@ -93,22 +117,34 @@ Object.defineProperty(exports, "EuiSelectableObject", {
|
|
|
93
117
|
return _object5.EuiSelectableObject;
|
|
94
118
|
}
|
|
95
119
|
});
|
|
120
|
+
Object.defineProperty(exports, "EuiSideNavObject", {
|
|
121
|
+
enumerable: true,
|
|
122
|
+
get: function () {
|
|
123
|
+
return _object6.EuiSideNavObject;
|
|
124
|
+
}
|
|
125
|
+
});
|
|
96
126
|
Object.defineProperty(exports, "EuiSuperSelectObject", {
|
|
97
127
|
enumerable: true,
|
|
98
128
|
get: function () {
|
|
99
129
|
return _object3.EuiSuperSelectObject;
|
|
100
130
|
}
|
|
101
131
|
});
|
|
132
|
+
Object.defineProperty(exports, "EuiTableObject", {
|
|
133
|
+
enumerable: true,
|
|
134
|
+
get: function () {
|
|
135
|
+
return _object17.EuiTableObject;
|
|
136
|
+
}
|
|
137
|
+
});
|
|
102
138
|
Object.defineProperty(exports, "EuiToolTipObject", {
|
|
103
139
|
enumerable: true,
|
|
104
140
|
get: function () {
|
|
105
|
-
return
|
|
141
|
+
return _object23.EuiToolTipObject;
|
|
106
142
|
}
|
|
107
143
|
});
|
|
108
144
|
Object.defineProperty(exports, "EuiTreeViewObject", {
|
|
109
145
|
enumerable: true,
|
|
110
146
|
get: function () {
|
|
111
|
-
return
|
|
147
|
+
return _object22.EuiTreeViewObject;
|
|
112
148
|
}
|
|
113
149
|
});
|
|
114
150
|
Object.defineProperty(exports, "selectors", {
|
|
@@ -123,16 +159,22 @@ var _object2 = require("./playwright/components/datagrid/object");
|
|
|
123
159
|
var _object3 = require("./playwright/components/form/super_select/object");
|
|
124
160
|
var _object4 = require("./playwright/components/toast/object");
|
|
125
161
|
var _object5 = require("./playwright/components/selectable/object");
|
|
126
|
-
var _object6 = require("./playwright/components/
|
|
127
|
-
var _object7 = require("./playwright/components/
|
|
128
|
-
var _object8 = require("./playwright/components/
|
|
129
|
-
var _object9 = require("./playwright/components/
|
|
130
|
-
var _object10 = require("./playwright/components/
|
|
131
|
-
var _object11 = require("./playwright/components/
|
|
132
|
-
var _object12 = require("./playwright/components/
|
|
133
|
-
var _object13 = require("./playwright/components/
|
|
134
|
-
var _object14 = require("./playwright/components/
|
|
135
|
-
var _object15 = require("./playwright/components/
|
|
136
|
-
var _object16 = require("./playwright/components/
|
|
137
|
-
var _object17 = require("./playwright/components/
|
|
162
|
+
var _object6 = require("./playwright/components/side_nav/object");
|
|
163
|
+
var _object7 = require("./playwright/components/drag_and_drop/object");
|
|
164
|
+
var _object8 = require("./playwright/components/filter_button/object");
|
|
165
|
+
var _object9 = require("./playwright/components/form/field_search/object");
|
|
166
|
+
var _object10 = require("./playwright/components/search_bar/object");
|
|
167
|
+
var _object11 = require("./playwright/components/form/range/object");
|
|
168
|
+
var _object12 = require("./playwright/components/popover/object");
|
|
169
|
+
var _object13 = require("./playwright/components/flyout/object");
|
|
170
|
+
var _object14 = require("./playwright/components/accordion/object");
|
|
171
|
+
var _object15 = require("./playwright/components/context_menu/object");
|
|
172
|
+
var _object16 = require("./playwright/components/modal/object");
|
|
173
|
+
var _object17 = require("./playwright/components/table/object");
|
|
174
|
+
var _object18 = require("./playwright/components/pagination/object");
|
|
175
|
+
var _object19 = require("./playwright/components/basic_table/object");
|
|
176
|
+
var _object20 = require("./playwright/components/call_out/object");
|
|
177
|
+
var _object21 = require("./playwright/components/color_picker/object");
|
|
178
|
+
var _object22 = require("./playwright/components/tree_view/object");
|
|
179
|
+
var _object23 = require("./playwright/components/tool_tip/object");
|
|
138
180
|
var _selectors = require("./selectors");
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { Locator } from '@playwright/test';
|
|
2
|
-
import {
|
|
2
|
+
import type { ObjectScope } from '../../base_object';
|
|
3
|
+
import { EuiTableObject } from '../table/object';
|
|
3
4
|
/**
|
|
4
5
|
* Playwright Component Object for {@link
|
|
5
6
|
* https://eui.elastic.co/docs/components/tabular-content/tables/ EuiBasicTable}
|
|
@@ -8,20 +9,14 @@ import { BaseObject, type ObjectScope } from '../../base_object';
|
|
|
8
9
|
*
|
|
9
10
|
* `testSubj` must match the `data-test-subj` set by the consumer on the
|
|
10
11
|
* `<EuiBasicTable>`/`<EuiInMemoryTable>` (EUI spreads it onto the `.euiBasicTable`
|
|
11
|
-
* root).
|
|
12
|
+
* root). Extends `EuiTableObject`, so `rows`, `headerCells`, `column` and `cell`
|
|
13
|
+
* are available too. See the package README for what's deliberately excluded.
|
|
12
14
|
*/
|
|
13
|
-
export declare class EuiBasicTableObject extends
|
|
15
|
+
export declare class EuiBasicTableObject extends EuiTableObject {
|
|
14
16
|
constructor(scope: ObjectScope, testSubj: string);
|
|
15
17
|
/**
|
|
16
|
-
* The
|
|
17
|
-
*
|
|
18
|
-
*
|
|
19
|
-
* Excludes EUI's own "no items found" (and error-message) row: when the table
|
|
20
|
-
* is empty, EUI still renders a single `.euiTableRow` whose one cell spans
|
|
21
|
-
* every column (`colSpan` on `EuiTableRowCell`, the `td[colspan]` HTML
|
|
22
|
-
* attribute). Real data rows don't set `colspan` on their cells, so filtering
|
|
23
|
-
* it out is what keeps `toHaveCount(0)` correct on an empty table instead of
|
|
24
|
-
* reading `1`.
|
|
18
|
+
* The data rows. Excludes EUI's own "no items found" row, whose single cell
|
|
19
|
+
* spans every column with `colspan`. Basic table data rows never set it.
|
|
25
20
|
*/
|
|
26
21
|
get rows(): Locator;
|
|
27
22
|
/**
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.EuiBasicTableObject = void 0;
|
|
7
|
-
var
|
|
7
|
+
var _object = require("../table/object");
|
|
8
8
|
var _selectors = require("../../../components/basic_table/selectors");
|
|
9
9
|
/*
|
|
10
10
|
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
@@ -22,26 +22,20 @@ var _selectors = require("../../../components/basic_table/selectors");
|
|
|
22
22
|
*
|
|
23
23
|
* `testSubj` must match the `data-test-subj` set by the consumer on the
|
|
24
24
|
* `<EuiBasicTable>`/`<EuiInMemoryTable>` (EUI spreads it onto the `.euiBasicTable`
|
|
25
|
-
* root).
|
|
25
|
+
* root). Extends `EuiTableObject`, so `rows`, `headerCells`, `column` and `cell`
|
|
26
|
+
* are available too. See the package README for what's deliberately excluded.
|
|
26
27
|
*/
|
|
27
|
-
class EuiBasicTableObject extends
|
|
28
|
+
class EuiBasicTableObject extends _object.EuiTableObject {
|
|
28
29
|
constructor(scope, testSubj) {
|
|
29
30
|
super(scope, testSubj, _selectors.EuiBasicTableSelectors.ROOT_SELECTOR);
|
|
30
31
|
}
|
|
31
32
|
|
|
32
33
|
/**
|
|
33
|
-
* The
|
|
34
|
-
*
|
|
35
|
-
*
|
|
36
|
-
* Excludes EUI's own "no items found" (and error-message) row: when the table
|
|
37
|
-
* is empty, EUI still renders a single `.euiTableRow` whose one cell spans
|
|
38
|
-
* every column (`colSpan` on `EuiTableRowCell`, the `td[colspan]` HTML
|
|
39
|
-
* attribute). Real data rows don't set `colspan` on their cells, so filtering
|
|
40
|
-
* it out is what keeps `toHaveCount(0)` correct on an empty table instead of
|
|
41
|
-
* reading `1`.
|
|
34
|
+
* The data rows. Excludes EUI's own "no items found" row, whose single cell
|
|
35
|
+
* spans every column with `colspan`. Basic table data rows never set it.
|
|
42
36
|
*/
|
|
43
37
|
get rows() {
|
|
44
|
-
return
|
|
38
|
+
return super.rows.filter({
|
|
45
39
|
hasNot: this.root.page().locator('td[colspan]')
|
|
46
40
|
});
|
|
47
41
|
}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import type { Locator } from '@playwright/test';
|
|
2
|
+
import { BaseObject, type ObjectScope } from '../../base_object';
|
|
3
|
+
/**
|
|
4
|
+
* Playwright Component Object for {@link
|
|
5
|
+
* https://eui.elastic.co/docs/components/display/callout/ EuiCallOut}.
|
|
6
|
+
*
|
|
7
|
+
* `testSubj` must be set on `EuiCallOut` itself. EUI puts it on the panel
|
|
8
|
+
* root and derives `<subj>__message`, `<subj>__content` and
|
|
9
|
+
* `<subj>__actions` for the inner blocks, which the token based root lookup
|
|
10
|
+
* does not confuse with the root.
|
|
11
|
+
*/
|
|
12
|
+
export declare class EuiCallOutObject extends BaseObject {
|
|
13
|
+
constructor(scope: ObjectScope, testSubj: string);
|
|
14
|
+
/** The call out element itself, see {@link panel}. */
|
|
15
|
+
get locator(): Locator;
|
|
16
|
+
/** The title text, or an empty string when the call out has no title. */
|
|
17
|
+
getTitle(): Promise<string>;
|
|
18
|
+
/** The `text` block, or an empty string when the call out has none. */
|
|
19
|
+
getText(): Promise<string>;
|
|
20
|
+
/** The color variant: `primary`, `success`, `warning` or `danger`. */
|
|
21
|
+
getColor(): Promise<string>;
|
|
22
|
+
/** The dismiss button. Resolves to zero elements without `onDismiss`. */
|
|
23
|
+
get dismissButton(): Locator;
|
|
24
|
+
/**
|
|
25
|
+
* The root narrowed to the call out element. A multi token subj such as
|
|
26
|
+
* `notice shared` also matches the derived `notice shared__message` block
|
|
27
|
+
* by token, so the class keeps lookups on the panel itself.
|
|
28
|
+
*/
|
|
29
|
+
private get panel();
|
|
30
|
+
/**
|
|
31
|
+
* Click the dismiss button. What happens next is up to the consumer's
|
|
32
|
+
* `onDismiss`, usually unmounting the call out, so nothing is asserted.
|
|
33
|
+
*/
|
|
34
|
+
dismiss(): Promise<void>;
|
|
35
|
+
private textOf;
|
|
36
|
+
}
|