@cloudscape-design/components-themeable 3.0.1258 → 3.0.1259
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/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/{internal/components/dropdown → dropdown}/motion.scss +2 -2
- package/lib/internal/scss/dropdown/styles.scss +127 -0
- package/lib/internal/scss/dropdown/test-classes/styles.scss +16 -0
- package/lib/internal/scss/internal/components/dropdown/styles.scss +2 -113
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +155 -152
- package/lib/internal/scss/internal/styles/forms/mixins.scss +15 -11
- package/lib/internal/template/alert/styles.css.js +27 -27
- package/lib/internal/template/alert/styles.scoped.css +50 -50
- package/lib/internal/template/alert/styles.selectors.js +27 -27
- package/lib/internal/template/annotation-context/annotation/styles.css.js +13 -13
- package/lib/internal/template/annotation-context/annotation/styles.scoped.css +21 -21
- package/lib/internal/template/annotation-context/annotation/styles.selectors.js +13 -13
- package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
- package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
- package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
- package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
- package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +258 -258
- package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +32 -32
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +89 -89
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
- package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
- package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +7 -7
- package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +27 -27
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +54 -54
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +27 -27
- package/lib/internal/template/attribute-editor/styles.css.js +15 -15
- package/lib/internal/template/attribute-editor/styles.scoped.css +28 -28
- package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
- package/lib/internal/template/autosuggest/interfaces.d.ts +1 -1
- package/lib/internal/template/autosuggest/interfaces.d.ts.map +1 -1
- package/lib/internal/template/autosuggest/interfaces.js.map +1 -1
- package/lib/internal/template/autosuggest/internal.js.map +1 -1
- package/lib/internal/template/autosuggest/load-more-controller.d.ts +1 -1
- package/lib/internal/template/autosuggest/load-more-controller.d.ts.map +1 -1
- package/lib/internal/template/autosuggest/load-more-controller.js.map +1 -1
- package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
- package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +28 -28
- package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
- package/lib/internal/template/button/styles.css.js +22 -22
- package/lib/internal/template/button/styles.scoped.css +256 -256
- package/lib/internal/template/button/styles.selectors.js +22 -22
- package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.js +1 -1
- package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.js.map +1 -1
- package/lib/internal/template/button-dropdown/interfaces.d.ts +1 -1
- package/lib/internal/template/button-dropdown/interfaces.d.ts.map +1 -1
- package/lib/internal/template/button-dropdown/interfaces.js.map +1 -1
- package/lib/internal/template/button-dropdown/internal.js +1 -1
- package/lib/internal/template/button-dropdown/internal.js.map +1 -1
- package/lib/internal/template/button-dropdown/item-element/index.js +1 -1
- package/lib/internal/template/button-dropdown/item-element/index.js.map +1 -1
- package/lib/internal/template/button-dropdown/item-element/styles.css.js +21 -21
- package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +37 -37
- package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +21 -21
- package/lib/internal/template/checkbox/styles.css.js +3 -3
- package/lib/internal/template/checkbox/styles.scoped.css +11 -11
- package/lib/internal/template/checkbox/styles.selectors.js +3 -3
- package/lib/internal/template/content-layout/styles.css.js +14 -14
- package/lib/internal/template/content-layout/styles.scoped.css +27 -27
- package/lib/internal/template/content-layout/styles.selectors.js +14 -14
- package/lib/internal/template/date-picker/index.js +1 -1
- package/lib/internal/template/date-picker/index.js.map +1 -1
- package/lib/internal/template/date-picker/interfaces.d.ts +1 -1
- package/lib/internal/template/date-picker/interfaces.d.ts.map +1 -1
- package/lib/internal/template/date-picker/interfaces.js.map +1 -1
- package/lib/internal/template/date-range-picker/index.js +1 -1
- package/lib/internal/template/date-range-picker/index.js.map +1 -1
- package/lib/internal/template/date-range-picker/interfaces.d.ts +1 -1
- package/lib/internal/template/date-range-picker/interfaces.d.ts.map +1 -1
- package/lib/internal/template/date-range-picker/interfaces.js.map +1 -1
- package/lib/internal/template/dropdown/context.d.ts.map +1 -0
- package/lib/internal/template/dropdown/context.js.map +1 -0
- package/lib/internal/template/{internal/components/dropdown → dropdown}/dropdown-fit-handler.d.ts +1 -1
- package/lib/internal/template/dropdown/dropdown-fit-handler.d.ts.map +1 -0
- package/lib/internal/template/{internal/components/dropdown → dropdown}/dropdown-fit-handler.js +1 -1
- package/lib/internal/template/dropdown/dropdown-fit-handler.js.map +1 -0
- package/lib/internal/template/dropdown/dropdown-position.d.ts.map +1 -0
- package/lib/internal/template/dropdown/dropdown-position.js.map +1 -0
- package/lib/internal/template/dropdown/index.d.ts +7 -0
- package/lib/internal/template/dropdown/index.d.ts.map +1 -0
- package/lib/internal/template/dropdown/index.js +16 -0
- package/lib/internal/template/dropdown/index.js.map +1 -0
- package/lib/internal/template/{internal/components/dropdown → dropdown}/interfaces.d.ts +54 -82
- package/lib/internal/template/dropdown/interfaces.d.ts.map +1 -0
- package/lib/internal/template/dropdown/interfaces.js.map +1 -0
- package/lib/internal/template/dropdown/internal.d.ts +24 -0
- package/lib/internal/template/dropdown/internal.d.ts.map +1 -0
- package/lib/internal/template/{internal/components/dropdown/index.js → dropdown/internal.js} +29 -21
- package/lib/internal/template/dropdown/internal.js.map +1 -0
- package/lib/internal/template/dropdown/style.d.ts +9 -0
- package/lib/internal/template/dropdown/style.d.ts.map +1 -0
- package/lib/internal/template/dropdown/style.js +16 -0
- package/lib/internal/template/dropdown/style.js.map +1 -0
- package/lib/internal/template/dropdown/styles.css.js +25 -0
- package/lib/internal/template/dropdown/styles.scoped.css +380 -0
- package/lib/internal/template/dropdown/styles.selectors.js +26 -0
- package/lib/internal/template/dropdown/test-classes/styles.css.js +8 -0
- package/lib/internal/template/dropdown/test-classes/styles.scoped.css +15 -0
- package/lib/internal/template/dropdown/test-classes/styles.selectors.js +9 -0
- package/lib/internal/template/file-token-group/styles.css.js +23 -23
- package/lib/internal/template/file-token-group/styles.scoped.css +36 -36
- package/lib/internal/template/file-token-group/styles.selectors.js +23 -23
- package/lib/internal/template/flashbar/styles.css.js +50 -50
- package/lib/internal/template/flashbar/styles.scoped.css +187 -187
- package/lib/internal/template/flashbar/styles.selectors.js +50 -50
- package/lib/internal/template/help-panel/styles.css.js +6 -6
- package/lib/internal/template/help-panel/styles.scoped.css +73 -73
- package/lib/internal/template/help-panel/styles.selectors.js +6 -6
- package/lib/internal/template/index.d.ts +1 -0
- package/lib/internal/template/index.d.ts.map +1 -1
- package/lib/internal/template/index.js +1 -0
- package/lib/internal/template/index.js.map +1 -1
- package/lib/internal/template/input/styles.css.js +13 -13
- package/lib/internal/template/input/styles.scoped.css +74 -74
- package/lib/internal/template/input/styles.selectors.js +13 -13
- package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
- package/lib/internal/template/internal/components/autosuggest-input/index.d.ts +1 -1
- package/lib/internal/template/internal/components/autosuggest-input/index.d.ts.map +1 -1
- package/lib/internal/template/internal/components/autosuggest-input/index.js +2 -2
- package/lib/internal/template/internal/components/autosuggest-input/index.js.map +1 -1
- package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js +30 -30
- package/lib/internal/template/internal/components/drag-handle-wrapper/styles.scoped.css +58 -58
- package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
- package/lib/internal/template/internal/components/dropdown/styles.css.js +2 -20
- package/lib/internal/template/internal/components/dropdown/styles.scoped.css +4 -373
- package/lib/internal/template/internal/components/dropdown/styles.selectors.js +2 -20
- package/lib/internal/template/internal/components/radio-button/styles.css.js +7 -7
- package/lib/internal/template/internal/components/radio-button/styles.scoped.css +18 -18
- package/lib/internal/template/internal/components/radio-button/styles.selectors.js +7 -7
- package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
- package/lib/internal/template/internal/components/token-list/styles.scoped.css +25 -25
- package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
- package/lib/internal/template/internal/environment.js +2 -2
- package/lib/internal/template/internal/environment.json +2 -2
- package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts +3 -0
- package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts.map +1 -1
- package/lib/internal/template/internal/generated/custom-css-properties/index.js +154 -151
- package/lib/internal/template/internal/generated/custom-css-properties/index.js.map +1 -1
- package/lib/internal/template/internal/utils/browser-scrollbar-size.js +1 -1
- package/lib/internal/template/internal/utils/browser-scrollbar-size.js.map +1 -1
- package/lib/internal/template/internal/utils/get-dropdown-min-width.d.ts +1 -1
- package/lib/internal/template/internal/utils/get-dropdown-min-width.d.ts.map +1 -1
- package/lib/internal/template/internal/utils/get-dropdown-min-width.js.map +1 -1
- package/lib/internal/template/link/styles.css.js +20 -20
- package/lib/internal/template/link/styles.scoped.css +103 -103
- package/lib/internal/template/link/styles.selectors.js +20 -20
- package/lib/internal/template/modal/styles.css.js +31 -31
- package/lib/internal/template/modal/styles.scoped.css +48 -48
- package/lib/internal/template/modal/styles.selectors.js +31 -31
- package/lib/internal/template/multiselect/embedded.d.ts +1 -1
- package/lib/internal/template/multiselect/internal.d.ts +1 -1
- package/lib/internal/template/multiselect/internal.js +1 -1
- package/lib/internal/template/multiselect/internal.js.map +1 -1
- package/lib/internal/template/multiselect/use-multiselect.d.ts +1 -1
- package/lib/internal/template/package.json +1 -0
- package/lib/internal/template/progress-bar/styles.css.js +18 -18
- package/lib/internal/template/progress-bar/styles.scoped.css +48 -48
- package/lib/internal/template/progress-bar/styles.selectors.js +18 -18
- package/lib/internal/template/prompt-input/styles.css.js +17 -17
- package/lib/internal/template/prompt-input/styles.scoped.css +79 -79
- package/lib/internal/template/prompt-input/styles.selectors.js +17 -17
- package/lib/internal/template/property-filter/interfaces.d.ts +1 -1
- package/lib/internal/template/property-filter/interfaces.d.ts.map +1 -1
- package/lib/internal/template/property-filter/interfaces.js.map +1 -1
- package/lib/internal/template/property-filter/property-filter-autosuggest.d.ts.map +1 -1
- package/lib/internal/template/property-filter/property-filter-autosuggest.js.map +1 -1
- package/lib/internal/template/property-filter/use-load-items.d.ts +1 -1
- package/lib/internal/template/segmented-control/styles.css.js +16 -16
- package/lib/internal/template/segmented-control/styles.scoped.css +46 -46
- package/lib/internal/template/segmented-control/styles.selectors.js +16 -16
- package/lib/internal/template/select/interfaces.d.ts +1 -1
- package/lib/internal/template/select/interfaces.d.ts.map +1 -1
- package/lib/internal/template/select/interfaces.js.map +1 -1
- package/lib/internal/template/select/internal.js +1 -1
- package/lib/internal/template/select/internal.js.map +1 -1
- package/lib/internal/template/select/utils/use-select.d.ts +2 -2
- package/lib/internal/template/select/utils/use-select.d.ts.map +1 -1
- package/lib/internal/template/select/utils/use-select.js.map +1 -1
- package/lib/internal/template/slider/styles.css.js +26 -26
- package/lib/internal/template/slider/styles.scoped.css +165 -165
- package/lib/internal/template/slider/styles.selectors.js +26 -26
- package/lib/internal/template/spinner/styles.css.js +13 -13
- package/lib/internal/template/spinner/styles.scoped.css +39 -39
- package/lib/internal/template/spinner/styles.selectors.js +13 -13
- package/lib/internal/template/tabs/styles.css.js +30 -30
- package/lib/internal/template/tabs/styles.scoped.css +76 -76
- package/lib/internal/template/tabs/styles.selectors.js +30 -30
- package/lib/internal/template/tag-editor/styles.css.js +3 -3
- package/lib/internal/template/tag-editor/styles.scoped.css +13 -13
- package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
- package/lib/internal/template/test-utils/dom/autosuggest/index.js +18 -17
- package/lib/internal/template/test-utils/dom/autosuggest/index.js.map +1 -1
- package/lib/internal/template/test-utils/dom/button-dropdown/index.js +3 -2
- package/lib/internal/template/test-utils/dom/button-dropdown/index.js.map +1 -1
- package/lib/internal/template/test-utils/dom/dropdown/index.d.ts +41 -0
- package/lib/internal/template/test-utils/dom/dropdown/index.js +65 -0
- package/lib/internal/template/test-utils/dom/dropdown/index.js.map +1 -0
- package/lib/internal/template/test-utils/dom/index.d.ts +28 -0
- package/lib/internal/template/test-utils/dom/index.js +21 -2
- package/lib/internal/template/test-utils/dom/index.js.map +1 -1
- package/lib/internal/template/test-utils/dom/internal/autosuggest-input.js +7 -6
- package/lib/internal/template/test-utils/dom/internal/autosuggest-input.js.map +1 -1
- package/lib/internal/template/test-utils/dom/internal/dropdown-host.d.ts +3 -3
- package/lib/internal/template/test-utils/dom/internal/dropdown-host.js +24 -23
- package/lib/internal/template/test-utils/dom/internal/dropdown-host.js.map +1 -1
- package/lib/internal/template/test-utils/dom/internal/dropdown.d.ts +1 -0
- package/lib/internal/template/test-utils/dom/internal/dropdown.js +7 -2
- package/lib/internal/template/test-utils/dom/internal/dropdown.js.map +1 -1
- package/lib/internal/template/test-utils/selectors/autosuggest/index.js +18 -17
- package/lib/internal/template/test-utils/selectors/autosuggest/index.js.map +1 -1
- package/lib/internal/template/test-utils/selectors/button-dropdown/index.js +3 -2
- package/lib/internal/template/test-utils/selectors/button-dropdown/index.js.map +1 -1
- package/lib/internal/template/test-utils/selectors/dropdown/index.d.ts +41 -0
- package/lib/internal/template/test-utils/selectors/dropdown/index.js +65 -0
- package/lib/internal/template/test-utils/selectors/dropdown/index.js.map +1 -0
- package/lib/internal/template/test-utils/selectors/index.d.ts +18 -0
- package/lib/internal/template/test-utils/selectors/index.js +16 -2
- package/lib/internal/template/test-utils/selectors/index.js.map +1 -1
- package/lib/internal/template/test-utils/selectors/internal/autosuggest-input.js +7 -6
- package/lib/internal/template/test-utils/selectors/internal/autosuggest-input.js.map +1 -1
- package/lib/internal/template/test-utils/selectors/internal/dropdown-host.d.ts +3 -3
- package/lib/internal/template/test-utils/selectors/internal/dropdown-host.js +23 -22
- package/lib/internal/template/test-utils/selectors/internal/dropdown-host.js.map +1 -1
- package/lib/internal/template/test-utils/selectors/internal/dropdown.d.ts +1 -0
- package/lib/internal/template/test-utils/selectors/internal/dropdown.js +7 -2
- package/lib/internal/template/test-utils/selectors/internal/dropdown.js.map +1 -1
- package/lib/internal/template/text-content/styles.css.js +1 -1
- package/lib/internal/template/text-content/styles.scoped.css +66 -66
- package/lib/internal/template/text-content/styles.selectors.js +1 -1
- package/lib/internal/template/textarea/styles.css.js +5 -5
- package/lib/internal/template/textarea/styles.scoped.css +45 -45
- package/lib/internal/template/textarea/styles.selectors.js +5 -5
- package/lib/internal/template/toggle/styles.css.js +10 -10
- package/lib/internal/template/toggle/styles.scoped.css +23 -23
- package/lib/internal/template/toggle/styles.selectors.js +10 -10
- package/lib/internal/template/token/styles.css.js +14 -14
- package/lib/internal/template/token/styles.scoped.css +48 -48
- package/lib/internal/template/token/styles.selectors.js +14 -14
- package/package.json +1 -1
- package/lib/internal/template/internal/components/dropdown/context.d.ts.map +0 -1
- package/lib/internal/template/internal/components/dropdown/context.js.map +0 -1
- package/lib/internal/template/internal/components/dropdown/dropdown-fit-handler.d.ts.map +0 -1
- package/lib/internal/template/internal/components/dropdown/dropdown-fit-handler.js.map +0 -1
- package/lib/internal/template/internal/components/dropdown/dropdown-position.d.ts.map +0 -1
- package/lib/internal/template/internal/components/dropdown/dropdown-position.js.map +0 -1
- package/lib/internal/template/internal/components/dropdown/index.d.ts +0 -4
- package/lib/internal/template/internal/components/dropdown/index.d.ts.map +0 -1
- package/lib/internal/template/internal/components/dropdown/index.js.map +0 -1
- package/lib/internal/template/internal/components/dropdown/interfaces.d.ts.map +0 -1
- package/lib/internal/template/internal/components/dropdown/interfaces.js.map +0 -1
- /package/lib/internal/template/{internal/components/dropdown → dropdown}/context.d.ts +0 -0
- /package/lib/internal/template/{internal/components/dropdown → dropdown}/context.js +0 -0
- /package/lib/internal/template/{internal/components/dropdown → dropdown}/dropdown-position.d.ts +0 -0
- /package/lib/internal/template/{internal/components/dropdown → dropdown}/dropdown-position.js +0 -0
- /package/lib/internal/template/{internal/components/dropdown → dropdown}/interfaces.js +0 -0
|
@@ -17,14 +17,15 @@ const dropdown_1 = require("../internal/dropdown");
|
|
|
17
17
|
const option_1 = require("../internal/option");
|
|
18
18
|
const options_list_1 = require("../internal/options-list");
|
|
19
19
|
const styles_selectors_js_1 = require("../../../autosuggest/styles.selectors.js");
|
|
20
|
-
const styles_selectors_js_2 = require("../../../
|
|
21
|
-
const styles_selectors_js_3 = require("../../../internal/components/dropdown
|
|
20
|
+
const styles_selectors_js_2 = require("../../../dropdown/styles.selectors.js");
|
|
21
|
+
const styles_selectors_js_3 = require("../../../internal/components/dropdown/styles.selectors.js");
|
|
22
22
|
const styles_selectors_js_4 = require("../../../internal/components/dropdown-status/styles.selectors.js");
|
|
23
|
-
const styles_selectors_js_5 = require("../../../internal/components/
|
|
24
|
-
const styles_selectors_js_6 = require("../../../internal/components/
|
|
23
|
+
const styles_selectors_js_5 = require("../../../internal/components/dropdown-status/styles.selectors.js");
|
|
24
|
+
const styles_selectors_js_6 = require("../../../internal/components/option/styles.selectors.js");
|
|
25
|
+
const styles_selectors_js_7 = require("../../../internal/components/selectable-item/styles.selectors.js");
|
|
25
26
|
class AutosuggestDropdownWrapper extends dom_1.ComponentWrapper {
|
|
26
27
|
findOptions() {
|
|
27
|
-
return this.findAll(`.${
|
|
28
|
+
return this.findAll(`.${styles_selectors_js_7.default['selectable-item']}[data-test-index]`).map((elementWrapper) => new option_1.default(elementWrapper.getElement()));
|
|
28
29
|
}
|
|
29
30
|
/**
|
|
30
31
|
* Returns an option from the dropdown.
|
|
@@ -32,7 +33,7 @@ class AutosuggestDropdownWrapper extends dom_1.ComponentWrapper {
|
|
|
32
33
|
* @param optionIndex 1-based index of the option to select.
|
|
33
34
|
*/
|
|
34
35
|
findOption(optionIndex) {
|
|
35
|
-
return this.findComponent(`.${
|
|
36
|
+
return this.findComponent(`.${styles_selectors_js_7.default['selectable-item']}[data-test-index="${optionIndex}"]`, option_1.default);
|
|
36
37
|
}
|
|
37
38
|
/**
|
|
38
39
|
* Returns an option from the autosuggest by it's value
|
|
@@ -50,7 +51,7 @@ class AutosuggestDropdownWrapper extends dom_1.ComponentWrapper {
|
|
|
50
51
|
* @param optionIndex 1-based index of the option to select.
|
|
51
52
|
*/
|
|
52
53
|
findOptionInGroup(groupIndex, optionIndex) {
|
|
53
|
-
return this.findComponent(`.${
|
|
54
|
+
return this.findComponent(`.${styles_selectors_js_7.default['selectable-item']}[data-group-index="${groupIndex}"][data-in-group-index="${optionIndex}"]`, option_1.default);
|
|
54
55
|
}
|
|
55
56
|
/**
|
|
56
57
|
* Use this element to scroll through the list of options
|
|
@@ -59,37 +60,37 @@ class AutosuggestDropdownWrapper extends dom_1.ComponentWrapper {
|
|
|
59
60
|
return this.findByClassName(options_list_1.default.rootSelector);
|
|
60
61
|
}
|
|
61
62
|
findFooterRegion() {
|
|
62
|
-
return this.findByClassName(
|
|
63
|
+
return this.findByClassName(styles_selectors_js_5.default.root);
|
|
63
64
|
}
|
|
64
65
|
findOpenDropdown() {
|
|
65
66
|
const dropdown = new dropdown_1.default(this.getElement());
|
|
66
67
|
return dropdown.findOpenDropdown();
|
|
67
68
|
}
|
|
68
69
|
findHighlightedOption() {
|
|
69
|
-
return this.findComponent(`.${
|
|
70
|
+
return this.findComponent(`.${styles_selectors_js_7.default.highlighted}`, option_1.default);
|
|
70
71
|
}
|
|
71
72
|
/**
|
|
72
73
|
* Returns all the selected options.
|
|
73
74
|
*/
|
|
74
75
|
findDisabledOptions() {
|
|
75
|
-
return this.findAllByClassName(
|
|
76
|
+
return this.findAllByClassName(styles_selectors_js_7.default.disabled).map((elementWrapper) => new option_1.default(elementWrapper.getElement()));
|
|
76
77
|
}
|
|
77
78
|
/**
|
|
78
79
|
* Returns highlighted text fragments from all of the options.
|
|
79
80
|
* Options get highlighted when they match the value of the input field.
|
|
80
81
|
*/
|
|
81
82
|
findHighlightedMatches() {
|
|
82
|
-
return this.findAllByClassName(
|
|
83
|
+
return this.findAllByClassName(styles_selectors_js_6.default['filtering-match-highlight']);
|
|
83
84
|
}
|
|
84
85
|
findHighlightedAriaLiveRegion() {
|
|
85
86
|
var _a, _b;
|
|
86
|
-
return (_b = (_a = this.findHighlightedOption()) === null || _a === void 0 ? void 0 : _a.findByClassName(
|
|
87
|
+
return (_b = (_a = this.findHighlightedOption()) === null || _a === void 0 ? void 0 : _a.findByClassName(styles_selectors_js_7.default['screenreader-content'])) !== null && _b !== void 0 ? _b : null;
|
|
87
88
|
}
|
|
88
89
|
}
|
|
89
90
|
exports.AutosuggestDropdownWrapper = AutosuggestDropdownWrapper;
|
|
90
91
|
class PortalAutosuggestDropdownWrapper extends AutosuggestDropdownWrapper {
|
|
91
92
|
findOpenDropdown() {
|
|
92
|
-
return (0, dom_1.createWrapper)().find(
|
|
93
|
+
return (0, dom_1.createWrapper)().find(`:is(.${styles_selectors_js_2.default.dropdown}, .${styles_selectors_js_3.default.dropdown})[data-open=true]`);
|
|
93
94
|
}
|
|
94
95
|
}
|
|
95
96
|
class AutosuggestWrapper extends input_1.default {
|
|
@@ -99,7 +100,7 @@ class AutosuggestWrapper extends input_1.default {
|
|
|
99
100
|
*/
|
|
100
101
|
findDropdown(options = { expandToViewport: false }) {
|
|
101
102
|
return options.expandToViewport
|
|
102
|
-
? (0, dom_1.createWrapper)().findComponent(
|
|
103
|
+
? (0, dom_1.createWrapper)().findComponent(`:is(.${styles_selectors_js_2.default.dropdown}, .${styles_selectors_js_3.default.dropdown})[data-open=true]`, PortalAutosuggestDropdownWrapper)
|
|
103
104
|
: new AutosuggestDropdownWrapper(this.getElement());
|
|
104
105
|
}
|
|
105
106
|
/**
|
|
@@ -107,21 +108,21 @@ class AutosuggestWrapper extends input_1.default {
|
|
|
107
108
|
* * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
|
|
108
109
|
*/
|
|
109
110
|
findStatusIndicator(options = { expandToViewport: false }) {
|
|
110
|
-
return this.findDropdown(options).findByClassName(
|
|
111
|
+
return this.findDropdown(options).findByClassName(styles_selectors_js_4.default.root);
|
|
111
112
|
}
|
|
112
113
|
/**
|
|
113
114
|
* @param options
|
|
114
115
|
* * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
|
|
115
116
|
*/
|
|
116
117
|
findErrorRecoveryButton(options = { expandToViewport: false }) {
|
|
117
|
-
return this.findDropdown(options).findByClassName(
|
|
118
|
+
return this.findDropdown(options).findByClassName(styles_selectors_js_5.default.recovery);
|
|
118
119
|
}
|
|
119
120
|
/**
|
|
120
121
|
* @param options
|
|
121
122
|
* * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
|
|
122
123
|
*/
|
|
123
124
|
findEnteredTextOption(options = { expandToViewport: false }) {
|
|
124
|
-
return this.findDropdown(options).findByClassName(
|
|
125
|
+
return this.findDropdown(options).findByClassName(styles_selectors_js_7.default['has-background']);
|
|
125
126
|
}
|
|
126
127
|
/**
|
|
127
128
|
* Selects a suggestion from the dropdown by simulating mouse events.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/autosuggest/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAkH;AAClH,oEAA0E;AAC1E,4EAAmE;AAEnE,oCAAoC;AACpC,mDAAmD;AACnD,+CAA+C;AAC/C,2DAA0D;AAE1D,kFAAkE;AAClE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/autosuggest/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAkH;AAClH,oEAA0E;AAC1E,4EAAmE;AAEnE,oCAAoC;AACpC,mDAAmD;AACnD,+CAA+C;AAC/C,2DAA0D;AAE1D,kFAAkE;AAClE,+EAAmE;AACnE,mGAA6F;AAC7F,0GAAoG;AACpG,0GAA4F;AAC5F,iGAAmF;AACnF,0GAAgG;AAEhG,MAAa,0BAA2B,SAAQ,sBAAgB;IAC9D,WAAW;QACT,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,6BAAgB,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC,GAAG,CACjF,CAAC,cAA8B,EAAE,EAAE,CAAC,IAAI,gBAAa,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC,CACnF,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACH,UAAU,CAAC,WAAmB;QAC5B,OAAO,IAAI,CAAC,aAAa,CACvB,IAAI,6BAAgB,CAAC,iBAAiB,CAAC,qBAAqB,WAAW,IAAI,EAC3E,gBAAa,CACd,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACH,iBAAiB,CAAC,KAAa;QAC7B,MAAM,SAAS,GAAG,IAAA,sBAAc,EAAC,KAAK,CAAC,CAAC;QACxC,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,gBAAa,CAAC,YAAY,gBAAgB,SAAS,IAAI,EAAE,gBAAa,CAAC,CAAC;IACxG,CAAC;IAED;;;;;OAKG;IACH,iBAAiB,CAAC,UAAkB,EAAE,WAAmB;QACvD,OAAO,IAAI,CAAC,aAAa,CACvB,IAAI,6BAAgB,CAAC,iBAAiB,CAAC,sBAAsB,UAAU,2BAA2B,WAAW,IAAI,EACjH,gBAAa,CACd,CAAC;IACJ,CAAC;IAED;;OAEG;IACH,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,sBAAkB,CAAC,YAAY,CAAC,CAAC;IAC/D,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAY,CAAC,IAAI,CAAC,CAAC;IACjD,CAAC;IAED,gBAAgB;QACd,MAAM,QAAQ,GAAG,IAAI,kBAAe,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;QACxD,OAAO,QAAQ,CAAC,gBAAgB,EAAE,CAAC;IACrC,CAAC;IAED,qBAAqB;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAgB,CAAC,WAAW,EAAE,EAAE,gBAAa,CAAC,CAAC;IAC/E,CAAC;IAED;;OAEG;IACH,mBAAmB;QACjB,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAgB,CAAC,QAAQ,CAAC,CAAC,GAAG,CAC3D,CAAC,cAA8B,EAAE,EAAE,CAAC,IAAI,gBAAa,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC,CACnF,CAAC;IACJ,CAAC;IAED;;;OAGG;IACH,sBAAsB;QACpB,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAY,CAAC,2BAA2B,CAAC,CAAC,CAAC;IAC5E,CAAC;IAED,6BAA6B;;QAC3B,OAAO,MAAA,MAAA,IAAI,CAAC,qBAAqB,EAAE,0CAAE,eAAe,CAAC,6BAAgB,CAAC,sBAAsB,CAAC,CAAC,mCAAI,IAAI,CAAC;IACzG,CAAC;CACF;AAlFD,gEAkFC;AAED,MAAM,gCAAiC,SAAQ,0BAA0B;IACvE,gBAAgB;QACd,OAAO,IAAA,mBAAa,GAAE,CAAC,IAAI,CAAC,QAAQ,6BAAc,CAAC,QAAQ,MAAM,6BAAoB,CAAC,QAAQ,mBAAmB,CAAC,CAAC;IACrH,CAAC;CACF;AAED,MAAqB,kBAAmB,SAAQ,eAAY;IAG1D;;;OAGG;IACH,YAAY,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QAChD,OAAO,OAAO,CAAC,gBAAgB;YAC7B,CAAC,CAAC,IAAA,mBAAa,GAAE,CAAC,aAAa,CAC3B,QAAQ,6BAAc,CAAC,QAAQ,MAAM,6BAAoB,CAAC,QAAQ,mBAAmB,EACrF,gCAAgC,CAChC;YACJ,CAAC,CAAC,IAAI,0BAA0B,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;IACxD,CAAC;IAED;;;OAGG;IACH,mBAAmB,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QACvD,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAoB,CAAC,IAAI,CAAC,CAAC;IAC/E,CAAC;IAED;;;OAGG;IACH,uBAAuB,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QAC3D,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAY,CAAC,QAAQ,CAAC,CAAC;IAC3E,CAAC;IAED;;;OAGG;IACH,qBAAqB,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QACzD,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,6BAAgB,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACxF,CAAC;IAED;;;;;;OAMG;IAEH,gBAAgB,CAAC,KAAa,EAAE,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QACnE,IAAA,eAAG,EAAC,GAAG,EAAE;;YACP,MAAA,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,0CACtB,UAAU,CAAC,KAAK,EACjB,SAAS,CAAC,IAAI,UAAU,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;;;;;OAMG;IAEH,uBAAuB,CAAC,KAAa,EAAE,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QAC1E,IAAA,eAAG,EAAC,GAAG,EAAE;;YACP,MAAA,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,0CACtB,iBAAiB,CAAC,KAAK,EACxB,SAAS,CAAC,IAAI,UAAU,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;IACL,CAAC;;AArEM,+BAAY,GAAW,6BAAU,CAAC,IAAI,CAAC;kBAD3B,kBAAkB;AAgDrC;IADC,aAAO;0DAOP;AAUD;IADC,aAAO;iEAOP"}
|
|
@@ -15,7 +15,8 @@ const styles_selectors_js_1 = require("../../../button/styles.selectors.js");
|
|
|
15
15
|
const styles_selectors_js_2 = require("../../../button-dropdown/category-elements/styles.selectors.js");
|
|
16
16
|
const styles_selectors_js_3 = require("../../../button-dropdown/item-element/styles.selectors.js");
|
|
17
17
|
const styles_selectors_js_4 = require("../../../button-dropdown/styles.selectors.js");
|
|
18
|
-
const styles_selectors_js_5 = require("../../../
|
|
18
|
+
const styles_selectors_js_5 = require("../../../dropdown/styles.selectors.js");
|
|
19
|
+
const styles_selectors_js_6 = require("../../../internal/components/dropdown/styles.selectors.js");
|
|
19
20
|
function getItemSelector({ disabled }) {
|
|
20
21
|
let selector = `.${styles_selectors_js_3.default['item-element']}`;
|
|
21
22
|
if (disabled === true) {
|
|
@@ -39,7 +40,7 @@ class ButtonDropdownWrapper extends dom_1.ComponentWrapper {
|
|
|
39
40
|
return ((_b = (_a = this.findByClassName(styles_selectors_js_4.default['split-trigger'])) === null || _a === void 0 ? void 0 : _a.findComponent(`.${styles_selectors_js_1.default.button}`, index_js_1.default)) !== null && _b !== void 0 ? _b : null);
|
|
40
41
|
}
|
|
41
42
|
findOpenDropdown() {
|
|
42
|
-
return (0, dom_1.createWrapper)().find(
|
|
43
|
+
return (0, dom_1.createWrapper)().find(`:is(.${styles_selectors_js_5.default.dropdown}, .${styles_selectors_js_6.default.dropdown})[data-open=true]`);
|
|
43
44
|
}
|
|
44
45
|
/**
|
|
45
46
|
* Finds an item in the open dropdown by item id. Returns null if there is no open dropdown.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/button-dropdown/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAkH;AAClH,4EAAmE;AAEnE,iDAA+C;AAE/C,6EAA+D;AAC/D,wGAA4F;AAC5F,mGAAmF;AACnF,sFAAkE;AAClE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/button-dropdown/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { ComponentWrapper, ElementWrapper } from '@cloudscape-design/test-utils-core/dom';
|
|
2
|
+
export declare class DropdownContentWrapper extends ComponentWrapper {
|
|
3
|
+
static legacyRootSelector: string;
|
|
4
|
+
/**
|
|
5
|
+
* Returns the dropdown content.
|
|
6
|
+
*/
|
|
7
|
+
findContent(): ElementWrapper | null;
|
|
8
|
+
/**
|
|
9
|
+
* Returns the dropdown header.
|
|
10
|
+
*/
|
|
11
|
+
findHeader(): ElementWrapper | null;
|
|
12
|
+
/**
|
|
13
|
+
* Returns the dropdown footer.
|
|
14
|
+
*/
|
|
15
|
+
findFooter(): ElementWrapper | null;
|
|
16
|
+
}
|
|
17
|
+
export default class DropdownWrapper extends ComponentWrapper {
|
|
18
|
+
static rootSelector: string;
|
|
19
|
+
/**
|
|
20
|
+
* Returns the trigger element.
|
|
21
|
+
*/
|
|
22
|
+
findTrigger(): ElementWrapper;
|
|
23
|
+
/**
|
|
24
|
+
* Returns the open dropdown wrapper, or null if the dropdown is closed.
|
|
25
|
+
*
|
|
26
|
+
* @param options
|
|
27
|
+
* * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
|
|
28
|
+
*/
|
|
29
|
+
findOpenDropdown(options?: {
|
|
30
|
+
expandToViewport: boolean;
|
|
31
|
+
}): DropdownContentWrapper | null;
|
|
32
|
+
/**
|
|
33
|
+
* Returns whether the dropdown is open.
|
|
34
|
+
*
|
|
35
|
+
* @param options
|
|
36
|
+
* * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
|
|
37
|
+
*/
|
|
38
|
+
isOpen(options?: {
|
|
39
|
+
expandToViewport: boolean;
|
|
40
|
+
}): boolean;
|
|
41
|
+
}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DropdownContentWrapper = void 0;
|
|
4
|
+
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
5
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
6
|
+
const dom_1 = require("@cloudscape-design/test-utils-core/dom");
|
|
7
|
+
const styles_selectors_js_1 = require("../../../dropdown/styles.selectors.js");
|
|
8
|
+
const styles_selectors_js_2 = require("../../../dropdown/test-classes/styles.selectors.js");
|
|
9
|
+
const styles_selectors_js_3 = require("../../../internal/components/dropdown/styles.selectors.js");
|
|
10
|
+
class DropdownContentWrapper extends dom_1.ComponentWrapper {
|
|
11
|
+
/**
|
|
12
|
+
* Returns the dropdown content.
|
|
13
|
+
*/
|
|
14
|
+
findContent() {
|
|
15
|
+
return this.findByClassName(styles_selectors_js_1.default['dropdown-content']);
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* Returns the dropdown header.
|
|
19
|
+
*/
|
|
20
|
+
findHeader() {
|
|
21
|
+
return this.findByClassName(styles_selectors_js_2.default.header);
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* Returns the dropdown footer.
|
|
25
|
+
*/
|
|
26
|
+
findFooter() {
|
|
27
|
+
return this.findByClassName(styles_selectors_js_2.default.footer);
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
exports.DropdownContentWrapper = DropdownContentWrapper;
|
|
31
|
+
DropdownContentWrapper.legacyRootSelector = styles_selectors_js_3.default.root;
|
|
32
|
+
class DropdownWrapper extends dom_1.ComponentWrapper {
|
|
33
|
+
/**
|
|
34
|
+
* Returns the trigger element.
|
|
35
|
+
*/
|
|
36
|
+
findTrigger() {
|
|
37
|
+
return this.findByClassName(styles_selectors_js_2.default.trigger);
|
|
38
|
+
}
|
|
39
|
+
/**
|
|
40
|
+
* Returns the open dropdown wrapper, or null if the dropdown is closed.
|
|
41
|
+
*
|
|
42
|
+
* @param options
|
|
43
|
+
* * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
|
|
44
|
+
*/
|
|
45
|
+
findOpenDropdown(options = { expandToViewport: false }) {
|
|
46
|
+
const dropdown = options.expandToViewport
|
|
47
|
+
? (0, dom_1.createWrapper)().find(`.${styles_selectors_js_1.default.dropdown}[data-open=true]`)
|
|
48
|
+
: this.find(`.${styles_selectors_js_1.default.dropdown}[data-open=true]`);
|
|
49
|
+
return dropdown ? new DropdownContentWrapper(dropdown.getElement()) : null;
|
|
50
|
+
}
|
|
51
|
+
/**
|
|
52
|
+
* Returns whether the dropdown is open.
|
|
53
|
+
*
|
|
54
|
+
* @param options
|
|
55
|
+
* * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
|
|
56
|
+
*/
|
|
57
|
+
isOpen(options = { expandToViewport: false }) {
|
|
58
|
+
return options.expandToViewport
|
|
59
|
+
? (0, dom_1.createWrapper)().find(`.${styles_selectors_js_1.default.dropdown}[data-open=true]`) !== null
|
|
60
|
+
: this.find(`.${styles_selectors_js_1.default.dropdown}[data-open=true]`) !== null;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
DropdownWrapper.rootSelector = styles_selectors_js_1.default.root;
|
|
64
|
+
exports.default = DropdownWrapper;
|
|
65
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/dropdown/index.ts"],"names":[],"mappings":";;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAyG;AAEzG,+EAA2D;AAC3D,4FAAgF;AAChF,mGAA6F;AAE7F,MAAa,sBAAuB,SAAQ,sBAAgB;IAG1D;;OAEG;IACH,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC1D,CAAC;IAED;;OAEG;IACH,UAAU;QACR,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,MAAM,CAAC,CAAC;IACrD,CAAC;IAED;;OAEG;IACH,UAAU;QACR,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,MAAM,CAAC,CAAC;IACrD,CAAC;;AAtBH,wDAuBC;AAtBQ,yCAAkB,GAAW,6BAAoB,CAAC,IAAI,CAAC;AAwBhE,MAAqB,eAAgB,SAAQ,sBAAgB;IAG3D;;OAEG;IACH,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,OAAO,CAAE,CAAC;IACvD,CAAC;IAED;;;;;OAKG;IACH,gBAAgB,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QACpD,MAAM,QAAQ,GAAG,OAAO,CAAC,gBAAgB;YACvC,CAAC,CAAC,IAAA,mBAAa,GAAE,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,QAAQ,kBAAkB,CAAC;YAC7D,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,QAAQ,kBAAkB,CAAC,CAAC;QACrD,OAAO,QAAQ,CAAC,CAAC,CAAC,IAAI,sBAAsB,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7E,CAAC;IAED;;;;;OAKG;IACH,MAAM,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE;QAC1C,OAAO,OAAO,CAAC,gBAAgB;YAC7B,CAAC,CAAC,IAAA,mBAAa,GAAE,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,QAAQ,kBAAkB,CAAC,KAAK,IAAI;YACtE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,QAAQ,kBAAkB,CAAC,KAAK,IAAI,CAAC;IAChE,CAAC;;AAhCM,4BAAY,GAAW,6BAAM,CAAC,IAAI,CAAC;kBADvB,eAAe"}
|
|
@@ -28,6 +28,7 @@ import DateInputWrapper from './date-input';
|
|
|
28
28
|
import DatePickerWrapper from './date-picker';
|
|
29
29
|
import DateRangePickerWrapper from './date-range-picker';
|
|
30
30
|
import DrawerWrapper from './drawer';
|
|
31
|
+
import DropdownWrapper from './dropdown';
|
|
31
32
|
import ErrorBoundaryWrapper from './error-boundary';
|
|
32
33
|
import ExpandableSectionWrapper from './expandable-section';
|
|
33
34
|
import FileDropzoneWrapper from './file-dropzone';
|
|
@@ -116,6 +117,7 @@ export { DateInputWrapper };
|
|
|
116
117
|
export { DatePickerWrapper };
|
|
117
118
|
export { DateRangePickerWrapper };
|
|
118
119
|
export { DrawerWrapper };
|
|
120
|
+
export { DropdownWrapper };
|
|
119
121
|
export { ErrorBoundaryWrapper };
|
|
120
122
|
export { ExpandableSectionWrapper };
|
|
121
123
|
export { FileDropzoneWrapper };
|
|
@@ -906,6 +908,32 @@ declare module '@cloudscape-design/test-utils-core/dist/dom' {
|
|
|
906
908
|
* @returns {DrawerWrapper | null}
|
|
907
909
|
*/
|
|
908
910
|
findClosestDrawer(): DrawerWrapper | null;
|
|
911
|
+
/**
|
|
912
|
+
* Returns the wrapper of the first Dropdown that matches the specified CSS selector.
|
|
913
|
+
* If no CSS selector is specified, returns the wrapper of the first Dropdown.
|
|
914
|
+
* If no matching Dropdown is found, returns `null`.
|
|
915
|
+
*
|
|
916
|
+
* @param {string} [selector] CSS Selector
|
|
917
|
+
* @returns {DropdownWrapper | null}
|
|
918
|
+
*/
|
|
919
|
+
findDropdown(selector?: string): DropdownWrapper | null;
|
|
920
|
+
/**
|
|
921
|
+
* Returns an array of Dropdown wrapper that matches the specified CSS selector.
|
|
922
|
+
* If no CSS selector is specified, returns all of the Dropdowns inside the current wrapper.
|
|
923
|
+
* If no matching Dropdown is found, returns an empty array.
|
|
924
|
+
*
|
|
925
|
+
* @param {string} [selector] CSS Selector
|
|
926
|
+
* @returns {Array<DropdownWrapper>}
|
|
927
|
+
*/
|
|
928
|
+
findAllDropdowns(selector?: string): Array<DropdownWrapper>;
|
|
929
|
+
/**
|
|
930
|
+
* Returns the wrapper of the closest parent Dropdown for the current element,
|
|
931
|
+
* or the element itself if it is an instance of Dropdown.
|
|
932
|
+
* If no Dropdown is found, returns `null`.
|
|
933
|
+
*
|
|
934
|
+
* @returns {DropdownWrapper | null}
|
|
935
|
+
*/
|
|
936
|
+
findClosestDropdown(): DropdownWrapper | null;
|
|
909
937
|
/**
|
|
910
938
|
* Returns the wrapper of the first ErrorBoundary that matches the specified CSS selector.
|
|
911
939
|
* If no CSS selector is specified, returns the wrapper of the first ErrorBoundary.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
4
|
-
exports.WizardWrapper = exports.TutorialPanelWrapper = exports.TreeViewWrapper = exports.TopNavigationWrapper = exports.TooltipWrapper = exports.TokenGroupWrapper = exports.TokenWrapper = exports.ToggleButtonWrapper = exports.ToggleWrapper = exports.TimeInputWrapper = exports.TilesWrapper = exports.TextareaWrapper = exports.TextFilterWrapper = exports.TextContentWrapper = exports.TagEditorWrapper = exports.TabsWrapper = exports.TableWrapper = exports.StepsWrapper = exports.StatusIndicatorWrapper = exports.SplitPanelWrapper = exports.SpinnerWrapper = exports.SpaceBetweenWrapper = exports.SliderWrapper = exports.SideNavigationWrapper = exports.SelectWrapper = exports.SegmentedControlWrapper = exports.S3ResourceSelectorWrapper = exports.RadioGroupWrapper = exports.RadioButtonWrapper = exports.PropertyFilterWrapper = exports.PromptInputWrapper = exports.ProgressBarWrapper = exports.PopoverWrapper = exports.PieChartWrapper = exports.PanelLayoutWrapper = exports.PaginationWrapper = exports.NavigableGroupWrapper = exports.MultiselectWrapper = exports.ModalWrapper = void 0;
|
|
3
|
+
exports.LiveRegionWrapper = exports.ListWrapper = exports.LinkWrapper = exports.LineChartWrapper = exports.KeyValuePairsWrapper = exports.InputWrapper = exports.IconWrapper = exports.HotspotWrapper = exports.HelpPanelWrapper = exports.HeaderWrapper = exports.GridWrapper = exports.FormFieldWrapper = exports.FormWrapper = exports.FlashbarWrapper = exports.FileUploadWrapper = exports.FileTokenGroupWrapper = exports.FileInputWrapper = exports.FileDropzoneWrapper = exports.ExpandableSectionWrapper = exports.ErrorBoundaryWrapper = exports.DropdownWrapper = exports.DrawerWrapper = exports.DateRangePickerWrapper = exports.DatePickerWrapper = exports.DateInputWrapper = exports.CopyToClipboardWrapper = exports.ContentLayoutWrapper = exports.ContainerWrapper = exports.ColumnLayoutWrapper = exports.CollectionPreferencesWrapper = exports.CodeEditorWrapper = exports.CheckboxWrapper = exports.CardsWrapper = exports.CalendarWrapper = exports.ButtonGroupWrapper = exports.ButtonDropdownWrapper = exports.ButtonWrapper = exports.BreadcrumbGroupWrapper = exports.BoxWrapper = exports.BarChartWrapper = exports.BadgeWrapper = exports.AutosuggestWrapper = exports.AttributeEditorWrapper = exports.AreaChartWrapper = exports.AppLayoutToolbarWrapper = exports.AppLayoutWrapper = exports.AnnotationWrapper = exports.AnchorNavigationWrapper = exports.AlertWrapper = exports.ElementWrapper = void 0;
|
|
4
|
+
exports.WizardWrapper = exports.TutorialPanelWrapper = exports.TreeViewWrapper = exports.TopNavigationWrapper = exports.TooltipWrapper = exports.TokenGroupWrapper = exports.TokenWrapper = exports.ToggleButtonWrapper = exports.ToggleWrapper = exports.TimeInputWrapper = exports.TilesWrapper = exports.TextareaWrapper = exports.TextFilterWrapper = exports.TextContentWrapper = exports.TagEditorWrapper = exports.TabsWrapper = exports.TableWrapper = exports.StepsWrapper = exports.StatusIndicatorWrapper = exports.SplitPanelWrapper = exports.SpinnerWrapper = exports.SpaceBetweenWrapper = exports.SliderWrapper = exports.SideNavigationWrapper = exports.SelectWrapper = exports.SegmentedControlWrapper = exports.S3ResourceSelectorWrapper = exports.RadioGroupWrapper = exports.RadioButtonWrapper = exports.PropertyFilterWrapper = exports.PromptInputWrapper = exports.ProgressBarWrapper = exports.PopoverWrapper = exports.PieChartWrapper = exports.PanelLayoutWrapper = exports.PaginationWrapper = exports.NavigableGroupWrapper = exports.MultiselectWrapper = exports.ModalWrapper = exports.MixedLineBarChartWrapper = void 0;
|
|
5
5
|
exports.default = wrapper;
|
|
6
6
|
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
7
7
|
// SPDX-License-Identifier: Apache-2.0
|
|
@@ -64,6 +64,8 @@ const date_range_picker_1 = require("./date-range-picker");
|
|
|
64
64
|
exports.DateRangePickerWrapper = date_range_picker_1.default;
|
|
65
65
|
const drawer_1 = require("./drawer");
|
|
66
66
|
exports.DrawerWrapper = drawer_1.default;
|
|
67
|
+
const dropdown_1 = require("./dropdown");
|
|
68
|
+
exports.DropdownWrapper = dropdown_1.default;
|
|
67
69
|
const error_boundary_1 = require("./error-boundary");
|
|
68
70
|
exports.ErrorBoundaryWrapper = error_boundary_1.default;
|
|
69
71
|
const expandable_section_1 = require("./expandable-section");
|
|
@@ -520,6 +522,18 @@ dom_1.ElementWrapper.prototype.findDrawer = function (selector) {
|
|
|
520
522
|
dom_1.ElementWrapper.prototype.findAllDrawers = function (selector) {
|
|
521
523
|
return this.findAllComponents(drawer_1.default, selector);
|
|
522
524
|
};
|
|
525
|
+
dom_1.ElementWrapper.prototype.findDropdown = function (selector) {
|
|
526
|
+
let rootSelector = `.${dropdown_1.default.rootSelector}`;
|
|
527
|
+
if ("legacyRootSelector" in dropdown_1.default && dropdown_1.default.legacyRootSelector) {
|
|
528
|
+
rootSelector = `:is(.${dropdown_1.default.rootSelector}, .${dropdown_1.default.legacyRootSelector})`;
|
|
529
|
+
}
|
|
530
|
+
// casting to 'any' is needed to avoid this issue with generics
|
|
531
|
+
// https://github.com/microsoft/TypeScript/issues/29132
|
|
532
|
+
return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, dropdown_1.default);
|
|
533
|
+
};
|
|
534
|
+
dom_1.ElementWrapper.prototype.findAllDropdowns = function (selector) {
|
|
535
|
+
return this.findAllComponents(dropdown_1.default, selector);
|
|
536
|
+
};
|
|
523
537
|
dom_1.ElementWrapper.prototype.findErrorBoundary = function (selector) {
|
|
524
538
|
let rootSelector = `.${error_boundary_1.default.rootSelector}`;
|
|
525
539
|
if ("legacyRootSelector" in error_boundary_1.default && error_boundary_1.default.legacyRootSelector) {
|
|
@@ -1380,6 +1394,11 @@ dom_1.ElementWrapper.prototype.findClosestDrawer = function () {
|
|
|
1380
1394
|
// https://github.com/microsoft/TypeScript/issues/29132
|
|
1381
1395
|
return this.findClosestComponent(drawer_1.default);
|
|
1382
1396
|
};
|
|
1397
|
+
dom_1.ElementWrapper.prototype.findClosestDropdown = function () {
|
|
1398
|
+
// casting to 'any' is needed to avoid this issue with generics
|
|
1399
|
+
// https://github.com/microsoft/TypeScript/issues/29132
|
|
1400
|
+
return this.findClosestComponent(dropdown_1.default);
|
|
1401
|
+
};
|
|
1383
1402
|
dom_1.ElementWrapper.prototype.findClosestErrorBoundary = function () {
|
|
1384
1403
|
// casting to 'any' is needed to avoid this issue with generics
|
|
1385
1404
|
// https://github.com/microsoft/TypeScript/issues/29132
|