diff --git a/package.json b/package.json index b8ec92ab796d6..65a2e153ecbb6 100644 --- a/package.json +++ b/package.json @@ -109,7 +109,7 @@ "@elastic/datemath": "link:bazel-bin/packages/elastic-datemath", "@elastic/elasticsearch": "npm:@elastic/elasticsearch-canary@8.2.0-canary.1", "@elastic/ems-client": "8.2.0", - "@elastic/eui": "51.1.0", + "@elastic/eui": "52.2.0", "@elastic/filesaver": "1.1.2", "@elastic/node-crypto": "1.2.1", "@elastic/numeral": "^2.5.1", diff --git a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap index d2b1078641437..ad0f27bbf08ce 100644 --- a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap +++ b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap @@ -3108,12 +3108,13 @@ exports[`Header renders 1`] = ` type="logoElastic" > + > + Elastic Logo + + > + External link + @@ -243,10 +244,11 @@ exports[`UrlFormatEditor should render normally 1`] = ` Label template help + > + External link + diff --git a/src/plugins/data_view_management/public/components/edit_index_pattern/indexed_fields_table/components/table/__snapshots__/table.test.tsx.snap b/src/plugins/data_view_management/public/components/edit_index_pattern/indexed_fields_table/components/table/__snapshots__/table.test.tsx.snap index 2b6cf62baf221..c054b42f51ac7 100644 --- a/src/plugins/data_view_management/public/components/edit_index_pattern/indexed_fields_table/components/table/__snapshots__/table.test.tsx.snap +++ b/src/plugins/data_view_management/public/components/edit_index_pattern/indexed_fields_table/components/table/__snapshots__/table.test.tsx.snap @@ -320,10 +320,11 @@ exports[`Table should render the boolean template (false) 1`] = ``; exports[`Table should render the boolean template (true) 1`] = ` +> + Is searchable + `; exports[`Table should render timestamp field name 1`] = ` diff --git a/src/plugins/discover/public/components/doc_table/components/table_header/__snapshots__/table_header.test.tsx.snap b/src/plugins/discover/public/components/doc_table/components/table_header/__snapshots__/table_header.test.tsx.snap index 3f72349f3e2a0..612973fe37a48 100644 --- a/src/plugins/discover/public/components/doc_table/components/table_header/__snapshots__/table_header.test.tsx.snap +++ b/src/plugins/discover/public/components/doc_table/components/table_header/__snapshots__/table_header.test.tsx.snap @@ -20,10 +20,11 @@ exports[`TableHeader with time column renders correctly 1`] = ` class="euiToolTipAnchor" > + > + Primary time field. + + > + Geo point field + ,
+ > + Number field +
,
+ > + String field +
,
+ > + Unknown field +
,
+ > + External link + + > + External link + + > + External link + + > + External link + { const callOut = mounted.find('EuiCallOut'); expect(callOut).toMatchSnapshot(); expect(mounted.text()).toMatchInlineSnapshot( - `"There is a problem with this saved objectThe saved search associated with this object no longer exists.If you know what this error means, you can use the Saved objects APIs(opens in a new tab or window) to fix it — otherwise click the delete button above."` + `"There is a problem with this saved objectThe saved search associated with this object no longer exists.If you know what this error means, you can use the Saved objects APIsExternal link(opens in a new tab or window) to fix it — otherwise click the delete button above."` ); }); @@ -34,7 +34,7 @@ describe('NotFoundErrors component', () => { const callOut = mounted.find('EuiCallOut'); expect(callOut).toMatchSnapshot(); expect(mounted.text()).toMatchInlineSnapshot( - `"There is a problem with this saved objectThe data view associated with this object no longer exists.If you know what this error means, you can use the Saved objects APIs(opens in a new tab or window) to fix it — otherwise click the delete button above."` + `"There is a problem with this saved objectThe data view associated with this object no longer exists.If you know what this error means, you can use the Saved objects APIsExternal link(opens in a new tab or window) to fix it — otherwise click the delete button above."` ); }); @@ -43,7 +43,7 @@ describe('NotFoundErrors component', () => { const callOut = mounted.find('EuiCallOut'); expect(callOut).toMatchSnapshot(); expect(mounted.text()).toMatchInlineSnapshot( - `"There is a problem with this saved objectA field associated with this object no longer exists in the data view.If you know what this error means, you can use the Saved objects APIs(opens in a new tab or window) to fix it — otherwise click the delete button above."` + `"There is a problem with this saved objectA field associated with this object no longer exists in the data view.If you know what this error means, you can use the Saved objects APIsExternal link(opens in a new tab or window) to fix it — otherwise click the delete button above."` ); }); @@ -52,7 +52,7 @@ describe('NotFoundErrors component', () => { const callOut = mounted.find('EuiCallOut'); expect(callOut).toMatchSnapshot(); expect(mounted.text()).toMatchInlineSnapshot( - `"There is a problem with this saved objectIf you know what this error means, you can use the Saved objects APIs(opens in a new tab or window) to fix it — otherwise click the delete button above."` + `"There is a problem with this saved objectIf you know what this error means, you can use the Saved objects APIsExternal link(opens in a new tab or window) to fix it — otherwise click the delete button above."` ); }); }); diff --git a/x-pack/plugins/apm/public/components/app/settings/custom_link/create_edit_custom_link_flyout/link_preview.test.tsx b/x-pack/plugins/apm/public/components/app/settings/custom_link/create_edit_custom_link_flyout/link_preview.test.tsx index f44b4d1c1205d..4c8a5bc00285e 100644 --- a/x-pack/plugins/apm/public/components/app/settings/custom_link/create_edit_custom_link_flyout/link_preview.test.tsx +++ b/x-pack/plugins/apm/public/components/app/settings/custom_link/create_edit_custom_link_flyout/link_preview.test.tsx @@ -56,7 +56,7 @@ describe('LinkPreview', () => { removeExternalLinkText( (getByTestId(container, 'preview-link') as HTMLAnchorElement).text ) - ).toEqual('https://baz.co'); + ).toContain('https://baz.co'); }); }); @@ -74,7 +74,7 @@ describe('LinkPreview', () => { removeExternalLinkText( (getByTestId(container, 'preview-link') as HTMLAnchorElement).text ) - ).toEqual('https://baz.co?service.name={{invalid}'); + ).toContain('https://baz.co?service.name={{invalid}'); expect(getByTestId(container, 'preview-warning')).toBeInTheDocument(); }); }); @@ -94,7 +94,7 @@ describe('LinkPreview', () => { removeExternalLinkText( (getByTestId(container, 'preview-link') as HTMLAnchorElement).text ) - ).toEqual('https://baz.co?transaction=0'); + ).toContain('https://baz.co?transaction=0'); }); }); }); diff --git a/x-pack/plugins/apm/public/components/shared/transaction_action_menu/custom_link_menu_section/custom_link_toolbar.test.tsx b/x-pack/plugins/apm/public/components/shared/transaction_action_menu/custom_link_menu_section/custom_link_toolbar.test.tsx index 4d92f5a1ae34a..42ca08cc3d225 100644 --- a/x-pack/plugins/apm/public/components/shared/transaction_action_menu/custom_link_menu_section/custom_link_toolbar.test.tsx +++ b/x-pack/plugins/apm/public/components/shared/transaction_action_menu/custom_link_menu_section/custom_link_toolbar.test.tsx @@ -45,7 +45,7 @@ describe('CustomLinkToolbar', () => { wrapper: Wrapper, }); expect( - component.getByLabelText('Custom links settings page') + component.getByText('Custom links settings page') ).toBeInTheDocument(); expectTextsInDocument(component, ['Create']); }); @@ -56,7 +56,7 @@ describe('CustomLinkToolbar', () => { { wrapper: Wrapper } ); expect( - component.getByLabelText('Custom links settings page') + component.getByText('Custom links settings page') ).toBeInTheDocument(); expectTextsNotInDocument(component, ['Create']); }); diff --git a/x-pack/plugins/canvas/canvas_plugin_src/renderers/filters/dropdown_filter/component/__stories__/__snapshots__/dropdown_filter.stories.storyshot b/x-pack/plugins/canvas/canvas_plugin_src/renderers/filters/dropdown_filter/component/__stories__/__snapshots__/dropdown_filter.stories.storyshot index 52694d3b04089..0ded42439fb95 100644 --- a/x-pack/plugins/canvas/canvas_plugin_src/renderers/filters/dropdown_filter/component/__stories__/__snapshots__/dropdown_filter.stories.storyshot +++ b/x-pack/plugins/canvas/canvas_plugin_src/renderers/filters/dropdown_filter/component/__stories__/__snapshots__/dropdown_filter.stories.storyshot @@ -35,7 +35,9 @@ exports[`Storyshots renderers/DropdownFilter default 1`] = ` className="euiFormControlLayoutCustomIcon__icon" data-euiicon-type="arrowDown" size="s" - /> + > + +
@@ -96,7 +98,9 @@ exports[`Storyshots renderers/DropdownFilter with choices 1`] = ` className="euiFormControlLayoutCustomIcon__icon" data-euiicon-type="arrowDown" size="s" - /> + > + +
@@ -157,7 +161,9 @@ exports[`Storyshots renderers/DropdownFilter with choices and new value 1`] = ` className="euiFormControlLayoutCustomIcon__icon" data-euiicon-type="arrowDown" size="s" - /> + > + + @@ -218,7 +224,9 @@ exports[`Storyshots renderers/DropdownFilter with choices and value 1`] = ` className="euiFormControlLayoutCustomIcon__icon" data-euiicon-type="arrowDown" size="s" - /> + > + + @@ -261,7 +269,9 @@ exports[`Storyshots renderers/DropdownFilter with new value 1`] = ` className="euiFormControlLayoutCustomIcon__icon" data-euiicon-type="arrowDown" size="s" - /> + > + + diff --git a/x-pack/plugins/canvas/canvas_plugin_src/renderers/filters/time_filter/components/__stories__/__snapshots__/time_filter.stories.storyshot b/x-pack/plugins/canvas/canvas_plugin_src/renderers/filters/time_filter/components/__stories__/__snapshots__/time_filter.stories.storyshot index 5abd1e9fd05b6..e82b6bf082b05 100644 --- a/x-pack/plugins/canvas/canvas_plugin_src/renderers/filters/time_filter/components/__stories__/__snapshots__/time_filter.stories.storyshot +++ b/x-pack/plugins/canvas/canvas_plugin_src/renderers/filters/time_filter/components/__stories__/__snapshots__/time_filter.stories.storyshot @@ -42,13 +42,17 @@ exports[`Storyshots renderers/TimeFilter default 1`] = ` color="inherit" data-euiicon-type="arrowDown" size="s" - /> + > + + + > + + @@ -91,7 +95,9 @@ exports[`Storyshots renderers/TimeFilter default 1`] = ` color="inherit" data-euiicon-type="timeRefresh" size="m" - /> + > + + @@ -150,13 +156,17 @@ exports[`Storyshots renderers/TimeFilter with absolute time bounds 1`] = ` color="inherit" data-euiicon-type="arrowDown" size="s" - /> + > + + + > + + @@ -235,7 +245,9 @@ exports[`Storyshots renderers/TimeFilter with absolute time bounds 1`] = ` color="inherit" data-euiicon-type="timeRefresh" size="m" - /> + > + + @@ -294,13 +306,17 @@ exports[`Storyshots renderers/TimeFilter with commonlyUsedRanges 1`] = ` color="inherit" data-euiicon-type="arrowDown" size="s" - /> + > + + + > + + @@ -343,7 +359,9 @@ exports[`Storyshots renderers/TimeFilter with commonlyUsedRanges 1`] = ` color="inherit" data-euiicon-type="timeRefresh" size="m" - /> + > + + @@ -402,13 +420,17 @@ exports[`Storyshots renderers/TimeFilter with dateFormat 1`] = ` color="inherit" data-euiicon-type="arrowDown" size="s" - /> + > + + + > + + @@ -451,7 +473,9 @@ exports[`Storyshots renderers/TimeFilter with dateFormat 1`] = ` color="inherit" data-euiicon-type="timeRefresh" size="m" - /> + > + + @@ -510,13 +534,17 @@ exports[`Storyshots renderers/TimeFilter with relative time bounds 1`] = ` color="inherit" data-euiicon-type="arrowDown" size="s" - /> + > + + + > + + @@ -595,7 +623,9 @@ exports[`Storyshots renderers/TimeFilter with relative time bounds 1`] = ` color="inherit" data-euiicon-type="timeRefresh" size="m" - /> + > + + diff --git a/x-pack/plugins/canvas/canvas_plugin_src/uis/arguments/axis_config/__stories__/__snapshots__/extended_template.stories.storyshot b/x-pack/plugins/canvas/canvas_plugin_src/uis/arguments/axis_config/__stories__/__snapshots__/extended_template.stories.storyshot index e3badfa833090..7c0a2ad18c3dc 100644 --- a/x-pack/plugins/canvas/canvas_plugin_src/uis/arguments/axis_config/__stories__/__snapshots__/extended_template.stories.storyshot +++ b/x-pack/plugins/canvas/canvas_plugin_src/uis/arguments/axis_config/__stories__/__snapshots__/extended_template.stories.storyshot @@ -65,7 +65,9 @@ exports[`Storyshots arguments/AxisConfig extended 1`] = ` className="euiFormControlLayoutCustomIcon__icon" data-euiicon-type="arrowDown" size="s" - /> + > + + @@ -143,7 +145,9 @@ exports[`Storyshots arguments/AxisConfig/components extended 1`] = ` className="euiFormControlLayoutCustomIcon__icon" data-euiicon-type="arrowDown" size="s" - /> + > + + diff --git a/x-pack/plugins/canvas/canvas_plugin_src/uis/arguments/date_format/__stories__/__snapshots__/date_format.stories.storyshot b/x-pack/plugins/canvas/canvas_plugin_src/uis/arguments/date_format/__stories__/__snapshots__/date_format.stories.storyshot index 238fe7c259c6e..9755e1b53b868 100644 --- a/x-pack/plugins/canvas/canvas_plugin_src/uis/arguments/date_format/__stories__/__snapshots__/date_format.stories.storyshot +++ b/x-pack/plugins/canvas/canvas_plugin_src/uis/arguments/date_format/__stories__/__snapshots__/date_format.stories.storyshot @@ -47,7 +47,9 @@ Array [ className="euiFormControlLayoutCustomIcon__icon" data-euiicon-type="arrowDown" size="s" - /> + > + + @@ -120,7 +122,9 @@ Array [ className="euiFormControlLayoutCustomIcon__icon" data-euiicon-type="arrowDown" size="s" - /> + > + + @@ -192,7 +196,9 @@ exports[`Storyshots arguments/DateFormat with preset format 1`] = ` className="euiFormControlLayoutCustomIcon__icon" data-euiicon-type="arrowDown" size="s" - /> + > + + diff --git a/x-pack/plugins/canvas/canvas_plugin_src/uis/arguments/number_format/__stories__/__snapshots__/number_format.stories.storyshot b/x-pack/plugins/canvas/canvas_plugin_src/uis/arguments/number_format/__stories__/__snapshots__/number_format.stories.storyshot index 2159e49e2bcf1..ecd8e53ce1d25 100644 --- a/x-pack/plugins/canvas/canvas_plugin_src/uis/arguments/number_format/__stories__/__snapshots__/number_format.stories.storyshot +++ b/x-pack/plugins/canvas/canvas_plugin_src/uis/arguments/number_format/__stories__/__snapshots__/number_format.stories.storyshot @@ -57,7 +57,9 @@ Array [ className="euiFormControlLayoutCustomIcon__icon" data-euiicon-type="arrowDown" size="s" - /> + > + + @@ -140,7 +142,9 @@ Array [ className="euiFormControlLayoutCustomIcon__icon" data-euiicon-type="arrowDown" size="s" - /> + > + + @@ -222,7 +226,9 @@ exports[`Storyshots arguments/NumberFormat with preset format 1`] = ` className="euiFormControlLayoutCustomIcon__icon" data-euiicon-type="arrowDown" size="s" - /> + > + + diff --git a/x-pack/plugins/canvas/public/components/asset_manager/__stories__/__snapshots__/asset.stories.storyshot b/x-pack/plugins/canvas/public/components/asset_manager/__stories__/__snapshots__/asset.stories.storyshot index 6db24bd0b984c..587b07ca4f932 100644 --- a/x-pack/plugins/canvas/public/components/asset_manager/__stories__/__snapshots__/asset.stories.storyshot +++ b/x-pack/plugins/canvas/public/components/asset_manager/__stories__/__snapshots__/asset.stories.storyshot @@ -81,7 +81,9 @@ exports[`Storyshots components/Assets/Asset airplane 1`] = ` color="inherit" data-euiicon-type="vector" size="m" - /> + > + + @@ -111,7 +113,9 @@ exports[`Storyshots components/Assets/Asset airplane 1`] = ` color="inherit" data-euiicon-type="sortDown" size="m" - /> + > + + @@ -142,7 +146,9 @@ exports[`Storyshots components/Assets/Asset airplane 1`] = ` color="inherit" data-euiicon-type="copyClipboard" size="m" - /> + > + + @@ -169,7 +175,9 @@ exports[`Storyshots components/Assets/Asset airplane 1`] = ` color="inherit" data-euiicon-type="trash" size="m" - /> + > + + @@ -260,7 +268,9 @@ exports[`Storyshots components/Assets/Asset marker 1`] = ` color="inherit" data-euiicon-type="vector" size="m" - /> + > + + @@ -290,7 +300,9 @@ exports[`Storyshots components/Assets/Asset marker 1`] = ` color="inherit" data-euiicon-type="sortDown" size="m" - /> + > + + @@ -321,7 +333,9 @@ exports[`Storyshots components/Assets/Asset marker 1`] = ` color="inherit" data-euiicon-type="copyClipboard" size="m" - /> + > + + @@ -348,7 +362,9 @@ exports[`Storyshots components/Assets/Asset marker 1`] = ` color="inherit" data-euiicon-type="trash" size="m" - /> + > + + diff --git a/x-pack/plugins/canvas/public/components/asset_manager/__stories__/__snapshots__/asset_manager.stories.storyshot b/x-pack/plugins/canvas/public/components/asset_manager/__stories__/__snapshots__/asset_manager.stories.storyshot index dd650e9f4c697..5409f9c444df0 100644 --- a/x-pack/plugins/canvas/public/components/asset_manager/__stories__/__snapshots__/asset_manager.stories.storyshot +++ b/x-pack/plugins/canvas/public/components/asset_manager/__stories__/__snapshots__/asset_manager.stories.storyshot @@ -26,7 +26,9 @@ exports[`Storyshots components/Assets/AssetManager no assets 1`] = ` color="inherit" data-euiicon-type="cross" size="m" - /> + > + +
+ > + +
@@ -122,7 +126,9 @@ exports[`Storyshots components/Assets/AssetManager no assets 1`] = ` color="subdued" data-euiicon-type="importAction" size="xxl" - /> + > + +
+ > + +
+ > + +
@@ -380,7 +390,9 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = ` color="inherit" data-euiicon-type="vector" size="m" - /> + > + +
@@ -410,7 +422,9 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = ` color="inherit" data-euiicon-type="sortDown" size="m" - /> + > + +
@@ -441,7 +455,9 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = ` color="inherit" data-euiicon-type="copyClipboard" size="m" - /> + > + +
@@ -468,7 +484,9 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = ` color="inherit" data-euiicon-type="trash" size="m" - /> + > + +
@@ -548,7 +566,9 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = ` color="inherit" data-euiicon-type="vector" size="m" - /> + > + + @@ -578,7 +598,9 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = ` color="inherit" data-euiicon-type="sortDown" size="m" - /> + > + + @@ -609,7 +631,9 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = ` color="inherit" data-euiicon-type="copyClipboard" size="m" - /> + > + + @@ -636,7 +660,9 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = ` color="inherit" data-euiicon-type="trash" size="m" - /> + > + + diff --git a/x-pack/plugins/canvas/public/components/color_dot/__stories__/__snapshots__/color_dot.stories.storyshot b/x-pack/plugins/canvas/public/components/color_dot/__stories__/__snapshots__/color_dot.stories.storyshot index 056b87294f245..5d83b2718f916 100644 --- a/x-pack/plugins/canvas/public/components/color_dot/__stories__/__snapshots__/color_dot.stories.storyshot +++ b/x-pack/plugins/canvas/public/components/color_dot/__stories__/__snapshots__/color_dot.stories.storyshot @@ -129,7 +129,9 @@ Array [ + > + + ,
+ > + +
,
+ > + +
,
+ > + +
, ] diff --git a/x-pack/plugins/canvas/public/components/color_manager/__stories__/__snapshots__/color_manager.stories.storyshot b/x-pack/plugins/canvas/public/components/color_manager/__stories__/__snapshots__/color_manager.stories.storyshot index cb3598430c7ef..057bd37b71c20 100644 --- a/x-pack/plugins/canvas/public/components/color_manager/__stories__/__snapshots__/color_manager.stories.storyshot +++ b/x-pack/plugins/canvas/public/components/color_manager/__stories__/__snapshots__/color_manager.stories.storyshot @@ -394,7 +394,9 @@ exports[`Storyshots components/Color/ColorManager interactive 1`] = ` color="inherit" data-euiicon-type="plusInCircle" size="m" - /> + > + + @@ -805,7 +809,9 @@ Array [ color="inherit" data-euiicon-type="plusInCircle" size="m" - /> + > + + , @@ -886,7 +894,9 @@ Array [ color="inherit" data-euiicon-type="plusInCircle" size="m" - /> + > + + , @@ -965,7 +977,9 @@ Array [ color="inherit" data-euiicon-type="plusInCircle" size="m" - /> + > + + , diff --git a/x-pack/plugins/canvas/public/components/color_palette/__stories__/__snapshots__/color_palette.stories.storyshot b/x-pack/plugins/canvas/public/components/color_palette/__stories__/__snapshots__/color_palette.stories.storyshot index a0d27eafb23dc..53651c8fe33f2 100644 --- a/x-pack/plugins/canvas/public/components/color_palette/__stories__/__snapshots__/color_palette.stories.storyshot +++ b/x-pack/plugins/canvas/public/components/color_palette/__stories__/__snapshots__/color_palette.stories.storyshot @@ -393,7 +393,9 @@ Array [ className="selected-color" color="#333" data-euiicon-type="check" - /> + > + + @@ -758,7 +760,9 @@ exports[`Storyshots components/Color/ColorPalette six colors, wrap at 4 1`] = ` className="selected-color" color="#333" data-euiicon-type="check" - /> + > + + @@ -1040,7 +1044,9 @@ Array [ className="selected-color" color="#333" data-euiicon-type="check" - /> + > + + diff --git a/x-pack/plugins/canvas/public/components/color_picker/__stories__/__snapshots__/color_picker.stories.storyshot b/x-pack/plugins/canvas/public/components/color_picker/__stories__/__snapshots__/color_picker.stories.storyshot index 6ef3eec47e701..557f94c26fac9 100644 --- a/x-pack/plugins/canvas/public/components/color_picker/__stories__/__snapshots__/color_picker.stories.storyshot +++ b/x-pack/plugins/canvas/public/components/color_picker/__stories__/__snapshots__/color_picker.stories.storyshot @@ -237,7 +237,9 @@ exports[`Storyshots components/Color/ColorPicker interactive 1`] = ` color="inherit" data-euiicon-type="plusInCircle" size="m" - /> + > + + @@ -318,7 +322,9 @@ exports[`Storyshots components/Color/ColorPicker six colors 1`] = ` className="selected-color" color="#333" data-euiicon-type="check" - /> + > + + @@ -526,7 +532,9 @@ exports[`Storyshots components/Color/ColorPicker six colors 1`] = ` color="inherit" data-euiicon-type="plusInCircle" size="m" - /> + > + + @@ -786,7 +796,9 @@ exports[`Storyshots components/Color/ColorPicker six colors, value missing 1`] = color="inherit" data-euiicon-type="plusInCircle" size="m" - /> + > + + @@ -846,7 +860,9 @@ exports[`Storyshots components/Color/ColorPicker three colors 1`] = ` className="selected-color" color="#333" data-euiicon-type="check" - /> + > + + @@ -970,7 +986,9 @@ exports[`Storyshots components/Color/ColorPicker three colors 1`] = ` color="inherit" data-euiicon-type="plusInCircle" size="m" - /> + > + + diff --git a/x-pack/plugins/canvas/public/components/custom_element_modal/__stories__/__snapshots__/custom_element_modal.stories.storyshot b/x-pack/plugins/canvas/public/components/custom_element_modal/__stories__/__snapshots__/custom_element_modal.stories.storyshot index d8c660923e3d7..feb04e68ca1d3 100644 --- a/x-pack/plugins/canvas/public/components/custom_element_modal/__stories__/__snapshots__/custom_element_modal.stories.storyshot +++ b/x-pack/plugins/canvas/public/components/custom_element_modal/__stories__/__snapshots__/custom_element_modal.stories.storyshot @@ -27,7 +27,9 @@ exports[`Storyshots components/Elements/CustomElementModal with description 1`] color="inherit" data-euiicon-type="cross" size="m" - /> + > + +
+ > + +
@@ -224,7 +228,9 @@ exports[`Storyshots components/Elements/CustomElementModal with description 1`] className="euiCard__icon" data-euiicon-type="canvasApp" size="xxl" - /> + > + +
+ > + +
+ > + +
@@ -646,7 +656,9 @@ exports[`Storyshots components/Elements/CustomElementModal with name 1`] = ` color="inherit" data-euiicon-type="cross" size="m" - /> + > + +
+ > + +
@@ -843,7 +857,9 @@ exports[`Storyshots components/Elements/CustomElementModal with name 1`] = ` className="euiCard__icon" data-euiicon-type="canvasApp" size="xxl" - /> + > + +
+ > + +
+ > + +
@@ -1146,7 +1166,9 @@ exports[`Storyshots components/Elements/CustomElementModal with title 1`] = ` className="euiCard__icon" data-euiicon-type="canvasApp" size="xxl" - /> + > + +
+ > + + + > + + Test Datasource @@ -70,14 +74,18 @@ exports[`Storyshots components/datasource/DatasourceComponent simple datasource color="inherit" data-euiicon-type="arrowRight" size="m" - /> + > + + + > + + Test Datasource diff --git a/x-pack/plugins/canvas/public/components/element_card/__stories__/__snapshots__/element_card.stories.storyshot b/x-pack/plugins/canvas/public/components/element_card/__stories__/__snapshots__/element_card.stories.storyshot index 14640fe266839..05cec59522ae7 100644 --- a/x-pack/plugins/canvas/public/components/element_card/__stories__/__snapshots__/element_card.stories.storyshot +++ b/x-pack/plugins/canvas/public/components/element_card/__stories__/__snapshots__/element_card.stories.storyshot @@ -19,7 +19,9 @@ exports[`Storyshots components/Elements/ElementCard with click handler 1`] = ` className="euiCard__icon" data-euiicon-type="canvasApp" size="xxl" - /> + > + +
+ > + +
+ > + +
+ > + +
diff --git a/x-pack/plugins/canvas/public/components/home/__snapshots__/home.stories.storyshot b/x-pack/plugins/canvas/public/components/home/__snapshots__/home.stories.storyshot index d3ab369dcc32c..0863fd13af607 100644 --- a/x-pack/plugins/canvas/public/components/home/__snapshots__/home.stories.storyshot +++ b/x-pack/plugins/canvas/public/components/home/__snapshots__/home.stories.storyshot @@ -59,7 +59,9 @@ exports[`Storyshots Home Home Page 1`] = ` color="inherit" data-euiicon-type="plusInCircleFilled" size="m" - /> + > + + diff --git a/x-pack/plugins/canvas/public/components/home/my_workpads/__snapshots__/empty_prompt.stories.storyshot b/x-pack/plugins/canvas/public/components/home/my_workpads/__snapshots__/empty_prompt.stories.storyshot index 8f00060a1dd1c..fa3789124ce81 100644 --- a/x-pack/plugins/canvas/public/components/home/my_workpads/__snapshots__/empty_prompt.stories.storyshot +++ b/x-pack/plugins/canvas/public/components/home/my_workpads/__snapshots__/empty_prompt.stories.storyshot @@ -28,7 +28,9 @@ exports[`Storyshots Home/Components/Empty Prompt Empty Prompt 1`] = ` color="subdued" data-euiicon-type="importAction" size="xxl" - /> + > + +
+ > + +
@@ -73,7 +75,9 @@ exports[`Storyshots Home/Components/Workpad Table Workpad Table 1`] = ` className="euiFilePicker__icon" data-euiicon-type="importAction" size="m" - /> + > + +
@@ -150,7 +154,9 @@ exports[`Storyshots Home/Components/Workpad Table Workpad Table 1`] = ` color="inherit" data-euiicon-type="arrowDown" size="s" - /> + > + + @@ -296,7 +302,9 @@ exports[`Storyshots Home/Components/Workpad Table Workpad Table 1`] = ` className="euiTableSortIcon" data-euiicon-type="sortDown" size="m" - /> + > + + @@ -460,7 +468,9 @@ exports[`Storyshots Home/Components/Workpad Table Workpad Table 1`] = ` color="inherit" data-euiicon-type="exportAction" size="m" - /> + > + +
@@ -486,7 +496,9 @@ exports[`Storyshots Home/Components/Workpad Table Workpad Table 1`] = ` color="inherit" data-euiicon-type="copy" size="m" - /> + > + +
@@ -632,7 +644,9 @@ exports[`Storyshots Home/Components/Workpad Table Workpad Table 1`] = ` color="inherit" data-euiicon-type="exportAction" size="m" - /> + > + +
@@ -658,7 +672,9 @@ exports[`Storyshots Home/Components/Workpad Table Workpad Table 1`] = ` color="inherit" data-euiicon-type="copy" size="m" - /> + > + +
@@ -804,7 +820,9 @@ exports[`Storyshots Home/Components/Workpad Table Workpad Table 1`] = ` color="inherit" data-euiicon-type="exportAction" size="m" - /> + > + +
@@ -830,7 +848,9 @@ exports[`Storyshots Home/Components/Workpad Table Workpad Table 1`] = ` color="inherit" data-euiicon-type="copy" size="m" - /> + > + +
@@ -873,7 +893,9 @@ exports[`Storyshots Home/Components/Workpad Table Workpad Table 1`] = ` color="inherit" data-euiicon-type="arrowDown" size="s" - /> + > + + @@ -915,7 +937,9 @@ exports[`Storyshots Home/Components/Workpad Table Workpad Table 1`] = ` color="inherit" data-euiicon-type="arrowLeft" size="m" - /> + > + +
    + > + +
diff --git a/x-pack/plugins/canvas/public/components/item_grid/__stories__/__snapshots__/item_grid.stories.storyshot b/x-pack/plugins/canvas/public/components/item_grid/__stories__/__snapshots__/item_grid.stories.storyshot index dbb591582e909..e96302525aea4 100644 --- a/x-pack/plugins/canvas/public/components/item_grid/__stories__/__snapshots__/item_grid.stories.storyshot +++ b/x-pack/plugins/canvas/public/components/item_grid/__stories__/__snapshots__/item_grid.stories.storyshot @@ -73,7 +73,9 @@ exports[`Storyshots components/ItemGrid complex grid 1`] = ` + > + +
+ > + +
+ > + +
@@ -125,13 +131,19 @@ exports[`Storyshots components/ItemGrid icon grid 1`] = ` > + > + + + > + + + > + + `; diff --git a/x-pack/plugins/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/element_controls.stories.storyshot b/x-pack/plugins/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/element_controls.stories.storyshot index 6f139df7c8773..9f462d9a4d6cd 100644 --- a/x-pack/plugins/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/element_controls.stories.storyshot +++ b/x-pack/plugins/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/element_controls.stories.storyshot @@ -34,7 +34,9 @@ exports[`Storyshots components/SavedElementsModal/ElementControls has two button color="inherit" data-euiicon-type="pencil" size="m" - /> + > + + @@ -61,7 +63,9 @@ exports[`Storyshots components/SavedElementsModal/ElementControls has two button color="inherit" data-euiicon-type="trash" size="m" - /> + > + + diff --git a/x-pack/plugins/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/element_grid.stories.storyshot b/x-pack/plugins/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/element_grid.stories.storyshot index 70ee9f543d768..fbab31e5c8c5b 100644 --- a/x-pack/plugins/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/element_grid.stories.storyshot +++ b/x-pack/plugins/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/element_grid.stories.storyshot @@ -85,7 +85,9 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = ` color="inherit" data-euiicon-type="pencil" size="m" - /> + > + + @@ -112,7 +114,9 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = ` color="inherit" data-euiicon-type="trash" size="m" - /> + > + + @@ -192,7 +196,9 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = ` color="inherit" data-euiicon-type="pencil" size="m" - /> + > + + @@ -219,7 +225,9 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = ` color="inherit" data-euiicon-type="trash" size="m" - /> + > + + @@ -299,7 +307,9 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = ` color="inherit" data-euiicon-type="pencil" size="m" - /> + > + + @@ -326,7 +336,9 @@ exports[`Storyshots components/SavedElementsModal/ElementGrid default 1`] = ` color="inherit" data-euiicon-type="trash" size="m" - /> + > + + diff --git a/x-pack/plugins/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/saved_elements_modal.stories.storyshot b/x-pack/plugins/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/saved_elements_modal.stories.storyshot index fd6f29178aa91..e0b7f40657cf8 100644 --- a/x-pack/plugins/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/saved_elements_modal.stories.storyshot +++ b/x-pack/plugins/canvas/public/components/saved_elements_modal/__stories__/__snapshots__/saved_elements_modal.stories.storyshot @@ -26,7 +26,9 @@ exports[`Storyshots components/SavedElementsModal no custom elements 1`] = ` color="inherit" data-euiicon-type="cross" size="m" - /> + > + +
+ > + +
@@ -99,7 +103,9 @@ exports[`Storyshots components/SavedElementsModal no custom elements 1`] = ` color="subdued" data-euiicon-type="vector" size="xxl" - /> + > + +
+ > + +
+ > + +
@@ -327,7 +337,9 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = ` color="inherit" data-euiicon-type="pencil" size="m" - /> + > + + @@ -354,7 +366,9 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = ` color="inherit" data-euiicon-type="trash" size="m" - /> + > + + @@ -434,7 +448,9 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = ` color="inherit" data-euiicon-type="pencil" size="m" - /> + > + + @@ -461,7 +477,9 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = ` color="inherit" data-euiicon-type="trash" size="m" - /> + > + + @@ -541,7 +559,9 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = ` color="inherit" data-euiicon-type="pencil" size="m" - /> + > + + @@ -568,7 +588,9 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = ` color="inherit" data-euiicon-type="trash" size="m" - /> + > + + @@ -634,7 +656,9 @@ exports[`Storyshots components/SavedElementsModal with text filter 1`] = ` color="inherit" data-euiicon-type="cross" size="m" - /> + > + +
+ > + +
+ > + +
@@ -787,7 +815,9 @@ exports[`Storyshots components/SavedElementsModal with text filter 1`] = ` color="inherit" data-euiicon-type="pencil" size="m" - /> + > + + @@ -814,7 +844,9 @@ exports[`Storyshots components/SavedElementsModal with text filter 1`] = ` color="inherit" data-euiicon-type="trash" size="m" - /> + > + + diff --git a/x-pack/plugins/canvas/public/components/sidebar_header/__stories__/__snapshots__/sidebar_header.stories.storyshot b/x-pack/plugins/canvas/public/components/sidebar_header/__stories__/__snapshots__/sidebar_header.stories.storyshot index 6bf2535131afc..d5e5af856909b 100644 --- a/x-pack/plugins/canvas/public/components/sidebar_header/__stories__/__snapshots__/sidebar_header.stories.storyshot +++ b/x-pack/plugins/canvas/public/components/sidebar_header/__stories__/__snapshots__/sidebar_header.stories.storyshot @@ -72,7 +72,9 @@ exports[`Storyshots components/Sidebar/SidebarHeader with layer controls 1`] = ` color="inherit" data-euiicon-type="sortUp" size="m" - /> + > + + @@ -98,7 +100,9 @@ exports[`Storyshots components/Sidebar/SidebarHeader with layer controls 1`] = ` color="inherit" data-euiicon-type="arrowUp" size="m" - /> + > + + @@ -124,7 +128,9 @@ exports[`Storyshots components/Sidebar/SidebarHeader with layer controls 1`] = ` color="inherit" data-euiicon-type="arrowDown" size="m" - /> + > + + @@ -150,7 +156,9 @@ exports[`Storyshots components/Sidebar/SidebarHeader with layer controls 1`] = ` color="inherit" data-euiicon-type="sortDown" size="m" - /> + > + + diff --git a/x-pack/plugins/canvas/public/components/tag/__stories__/__snapshots__/tag.stories.storyshot b/x-pack/plugins/canvas/public/components/tag/__stories__/__snapshots__/tag.stories.storyshot index f21ffcf1a70ea..2a1e12c1e0b74 100644 --- a/x-pack/plugins/canvas/public/components/tag/__stories__/__snapshots__/tag.stories.storyshot +++ b/x-pack/plugins/canvas/public/components/tag/__stories__/__snapshots__/tag.stories.storyshot @@ -57,7 +57,9 @@ exports[`Storyshots components/Tags/Tag as health 1`] = ` + > + +
+ > + +
+ > + +
+ > + +
+ > + +
+ > + +
@@ -244,7 +246,9 @@ exports[`Storyshots components/TextStylePicker default 1`] = ` color="inherit" data-euiicon-type="editorBold" size="m" - /> + > + + @@ -274,7 +278,9 @@ exports[`Storyshots components/TextStylePicker default 1`] = ` color="inherit" data-euiicon-type="editorItalic" size="m" - /> + > + + @@ -304,7 +310,9 @@ exports[`Storyshots components/TextStylePicker default 1`] = ` color="inherit" data-euiicon-type="editorUnderline" size="m" - /> + > + + @@ -348,7 +356,9 @@ exports[`Storyshots components/TextStylePicker default 1`] = ` color="inherit" data-euiicon-type="editorAlignLeft" size="m" - /> + > + + @@ -384,7 +394,9 @@ exports[`Storyshots components/TextStylePicker default 1`] = ` color="inherit" data-euiicon-type="editorAlignCenter" size="m" - /> + > + + @@ -420,7 +432,9 @@ exports[`Storyshots components/TextStylePicker default 1`] = ` color="inherit" data-euiicon-type="editorAlignRight" size="m" - /> + > + + @@ -598,7 +612,9 @@ exports[`Storyshots components/TextStylePicker interactive 1`] = ` className="euiFormControlLayoutCustomIcon__icon" data-euiicon-type="arrowDown" size="s" - /> + > + + @@ -690,7 +706,9 @@ exports[`Storyshots components/TextStylePicker interactive 1`] = ` color="inherit" data-euiicon-type="editorBold" size="m" - /> + > + + @@ -720,7 +738,9 @@ exports[`Storyshots components/TextStylePicker interactive 1`] = ` color="inherit" data-euiicon-type="editorItalic" size="m" - /> + > + + @@ -750,7 +770,9 @@ exports[`Storyshots components/TextStylePicker interactive 1`] = ` color="inherit" data-euiicon-type="editorUnderline" size="m" - /> + > + + @@ -794,7 +816,9 @@ exports[`Storyshots components/TextStylePicker interactive 1`] = ` color="inherit" data-euiicon-type="editorAlignLeft" size="m" - /> + > + + @@ -830,7 +854,9 @@ exports[`Storyshots components/TextStylePicker interactive 1`] = ` color="inherit" data-euiicon-type="editorAlignCenter" size="m" - /> + > + + @@ -866,7 +892,9 @@ exports[`Storyshots components/TextStylePicker interactive 1`] = ` color="inherit" data-euiicon-type="editorAlignRight" size="m" - /> + > + + diff --git a/x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/delete_var.stories.storyshot b/x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/delete_var.stories.storyshot index f5351b0d8ea5f..0d8a5c0cf4e5d 100644 --- a/x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/delete_var.stories.storyshot +++ b/x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/delete_var.stories.storyshot @@ -20,7 +20,9 @@ Array [ "verticalAlign": "top", } } - /> + > + + + > + + diff --git a/x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/edit_var.stories.storyshot b/x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/edit_var.stories.storyshot index 6c70364f9679c..72e1b4d6ef909 100644 --- a/x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/edit_var.stories.storyshot +++ b/x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/edit_var.stories.storyshot @@ -20,7 +20,9 @@ Array [ "verticalAlign": "top", } } - /> + > + + + > + + @@ -255,7 +259,9 @@ Array [ color="inherit" data-euiicon-type="save" size="m" - /> + > + + @@ -310,7 +316,9 @@ Array [ "verticalAlign": "top", } } - /> + > + + + > + + @@ -486,7 +496,9 @@ Array [ color="inherit" data-euiicon-type="save" size="m" - /> + > + + @@ -541,7 +553,9 @@ Array [ "verticalAlign": "top", } } - /> + > + + + > + + @@ -717,7 +733,9 @@ Array [ color="inherit" data-euiicon-type="save" size="m" - /> + > + + @@ -772,7 +790,9 @@ Array [ "verticalAlign": "top", } } - /> + > + + + > + + diff --git a/x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/var_config.stories.storyshot b/x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/var_config.stories.storyshot index 7d43840e431ab..ac27b0443585a 100644 --- a/x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/var_config.stories.storyshot +++ b/x-pack/plugins/canvas/public/components/var_config/__stories__/__snapshots__/var_config.stories.storyshot @@ -28,7 +28,9 @@ exports[`Storyshots components/Variables/VarConfig default 1`] = ` color="inherit" data-euiicon-type="arrowRight" size="m" - /> + > + + diff --git a/x-pack/plugins/canvas/public/components/workpad_filters/__stories__/__snapshots__/filters_group.component.stories.storyshot b/x-pack/plugins/canvas/public/components/workpad_filters/__stories__/__snapshots__/filters_group.component.stories.storyshot index b6d842ac44e21..57fbd4c2109cd 100644 --- a/x-pack/plugins/canvas/public/components/workpad_filters/__stories__/__snapshots__/filters_group.component.stories.storyshot +++ b/x-pack/plugins/canvas/public/components/workpad_filters/__stories__/__snapshots__/filters_group.component.stories.storyshot @@ -33,7 +33,9 @@ exports[`Storyshots components/WorkpadFilters/FiltersGroupComponent default 1`] color="inherit" data-euiicon-type="arrowRight" size="m" - /> + > + +
+ > + +
@@ -1467,7 +1473,9 @@ exports[`Storyshots shareables/Canvas component 1`] = ` color="inherit" data-euiicon-type="gear" size="m" - /> + > + + @@ -2809,7 +2817,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = ` + > + +
+ > + +
+ > + +
@@ -2949,7 +2963,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = ` color="inherit" data-euiicon-type="gear" size="m" - /> + > + + @@ -3107,7 +3123,9 @@ exports[`Storyshots shareables/Canvas contextual: hello 1`] = ` + > + +
+ > + +
+ > + +
@@ -3247,7 +3269,9 @@ exports[`Storyshots shareables/Canvas contextual: hello 1`] = ` color="inherit" data-euiicon-type="gear" size="m" - /> + > + + diff --git a/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/footer.stories.storyshot b/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/footer.stories.storyshot index 90ebc1900d731..6a8d67a70ad1a 100644 --- a/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/footer.stories.storyshot +++ b/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/footer.stories.storyshot @@ -1280,7 +1280,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = ` + > + +
+ > + +
+ > + +
@@ -1420,7 +1426,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = ` color="inherit" data-euiicon-type="gear" size="m" - /> + > + + @@ -1532,7 +1540,9 @@ exports[`Storyshots shareables/Footer contextual: hello 1`] = ` + > + +
+ > + +
+ > + +
@@ -1672,7 +1686,9 @@ exports[`Storyshots shareables/Footer contextual: hello 1`] = ` color="inherit" data-euiicon-type="gear" size="m" - /> + > + + diff --git a/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/page_controls.stories.storyshot b/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/page_controls.stories.storyshot index 9edb6f1fda62f..f2b92754b6d6f 100644 --- a/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/page_controls.stories.storyshot +++ b/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/page_controls.stories.storyshot @@ -34,7 +34,9 @@ exports[`Storyshots shareables/Footer/PageControls component 1`] = ` color="inherit" data-euiicon-type="arrowLeft" size="m" - /> + > + +
+ > + +
@@ -131,7 +135,9 @@ exports[`Storyshots shareables/Footer/PageControls contextual: austin 1`] = ` color="inherit" data-euiicon-type="arrowLeft" size="m" - /> + > + +
+ > + +
@@ -228,7 +236,9 @@ exports[`Storyshots shareables/Footer/PageControls contextual: hello 1`] = ` color="inherit" data-euiicon-type="arrowLeft" size="m" - /> + > + +
+ > + +
diff --git a/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/title.stories.storyshot b/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/title.stories.storyshot index 2b326fd0ec51a..ea19100f6da87 100644 --- a/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/title.stories.storyshot +++ b/x-pack/plugins/canvas/shareable_runtime/components/footer/__stories__/__snapshots__/title.stories.storyshot @@ -34,7 +34,9 @@ exports[`Storyshots shareables/Footer/Title component 1`] = ` + > + +
+ > + +
+ > + +
+ > + + + > + + @@ -212,12 +216,16 @@ exports[`Storyshots shareables/Footer/Settings/AutoplaySettings component: on, 5 className="euiSwitch__icon" data-euiicon-type="cross" size="m" - /> + > + + + > + + @@ -376,12 +384,16 @@ exports[`Storyshots shareables/Footer/Settings/AutoplaySettings contextual 1`] = className="euiSwitch__icon" data-euiicon-type="cross" size="m" - /> + > + + + > + + diff --git a/x-pack/plugins/canvas/shareable_runtime/components/footer/settings/__stories__/__snapshots__/settings.stories.storyshot b/x-pack/plugins/canvas/shareable_runtime/components/footer/settings/__stories__/__snapshots__/settings.stories.storyshot index 265cbe460607d..3c3f26bce7e9e 100644 --- a/x-pack/plugins/canvas/shareable_runtime/components/footer/settings/__stories__/__snapshots__/settings.stories.storyshot +++ b/x-pack/plugins/canvas/shareable_runtime/components/footer/settings/__stories__/__snapshots__/settings.stories.storyshot @@ -39,7 +39,9 @@ exports[`Storyshots shareables/Footer/Settings component 1`] = ` color="inherit" data-euiicon-type="gear" size="m" - /> + > + +
@@ -87,7 +89,9 @@ exports[`Storyshots shareables/Footer/Settings contextual 1`] = ` color="inherit" data-euiicon-type="gear" size="m" - /> + > + + diff --git a/x-pack/plugins/canvas/shareable_runtime/components/footer/settings/__stories__/__snapshots__/toolbar_settings.stories.storyshot b/x-pack/plugins/canvas/shareable_runtime/components/footer/settings/__stories__/__snapshots__/toolbar_settings.stories.storyshot index 1aafb9cc6b664..d07e5a9edc8ad 100644 --- a/x-pack/plugins/canvas/shareable_runtime/components/footer/settings/__stories__/__snapshots__/toolbar_settings.stories.storyshot +++ b/x-pack/plugins/canvas/shareable_runtime/components/footer/settings/__stories__/__snapshots__/toolbar_settings.stories.storyshot @@ -59,12 +59,16 @@ exports[`Storyshots shareables/Footer/Settings/ToolbarSettings component: off 1` className="euiSwitch__icon" data-euiicon-type="cross" size="m" - /> + > + + + > + + @@ -147,12 +151,16 @@ exports[`Storyshots shareables/Footer/Settings/ToolbarSettings component: on 1`] className="euiSwitch__icon" data-euiicon-type="cross" size="m" - /> + > + + + > + + @@ -235,12 +243,16 @@ exports[`Storyshots shareables/Footer/Settings/ToolbarSettings contextual 1`] = className="euiSwitch__icon" data-euiicon-type="cross" size="m" - /> + > + + + > + + diff --git a/x-pack/plugins/cases/public/components/configure_cases/connectors_dropdown.test.tsx b/x-pack/plugins/cases/public/components/configure_cases/connectors_dropdown.test.tsx index 4fd56525541a6..63fc2e2695a3a 100644 --- a/x-pack/plugins/cases/public/components/configure_cases/connectors_dropdown.test.tsx +++ b/x-pack/plugins/cases/public/components/configure_cases/connectors_dropdown.test.tsx @@ -264,7 +264,7 @@ describe('ConnectorsDropdown', () => { wrapper: ({ children }) => {children}, }); - const tooltips = screen.getAllByLabelText( + const tooltips = screen.getAllByText( 'This connector is deprecated. Update it, or create a new one.' ); expect(tooltips[0]).toBeInTheDocument(); diff --git a/x-pack/plugins/cases/public/components/markdown_editor/renderer.test.tsx b/x-pack/plugins/cases/public/components/markdown_editor/renderer.test.tsx index af803cfc14e05..8cb8b7f23b439 100644 --- a/x-pack/plugins/cases/public/components/markdown_editor/renderer.test.tsx +++ b/x-pack/plugins/cases/public/components/markdown_editor/renderer.test.tsx @@ -25,7 +25,7 @@ describe('Markdown', () => { test('it renders the expected link text', () => { const result = appMockRender.render({markdownWithLink}); - expect(removeExternalLinkText(result.getByTestId('markdown-link').textContent)).toEqual( + expect(removeExternalLinkText(result.getByTestId('markdown-link').textContent)).toContain( 'External Site' ); }); diff --git a/x-pack/plugins/data_enhanced/public/search/sessions_mgmt/components/table/table.test.tsx b/x-pack/plugins/data_enhanced/public/search/sessions_mgmt/components/table/table.test.tsx index 863e5e85d9ef3..eb1f82cc01e37 100644 --- a/x-pack/plugins/data_enhanced/public/search/sessions_mgmt/components/table/table.test.tsx +++ b/x-pack/plugins/data_enhanced/public/search/sessions_mgmt/components/table/table.test.tsx @@ -138,7 +138,7 @@ describe('Background Search Session Management Table', () => { expect(table.find('tbody td').map((node) => node.text())).toMatchInlineSnapshot(` Array [ "App", - "Namevery background search ", + "Namevery background search Info", "# Searches0", "StatusExpired", "Created2 Dec, 2020, 00:19:32", diff --git a/x-pack/plugins/infra/public/components/logging/log_analysis_setup/initial_configuration_step/index_setup_dataset_filter.tsx b/x-pack/plugins/infra/public/components/logging/log_analysis_setup/initial_configuration_step/index_setup_dataset_filter.tsx index 0626a946f8848..d44625b1641ac 100644 --- a/x-pack/plugins/infra/public/components/logging/log_analysis_setup/initial_configuration_step/index_setup_dataset_filter.tsx +++ b/x-pack/plugins/infra/public/components/logging/log_analysis_setup/initial_configuration_step/index_setup_dataset_filter.tsx @@ -65,7 +65,6 @@ export const IndexSetupDatasetFilter: React.FC<{ isSelected={isVisible} onClick={show} iconType="arrowDown" - size="s" > { // Dropdown should be visible and processor status should equal "success" expect(exists('documentsDropdown')).toBe(true); - const initialProcessorStatusLabel = find('processors>0.processorStatusIcon').props()[ - 'aria-label' - ]; + const initialProcessorStatusLabel = find('processors>0.processorStatusIcon').props() + .children; expect(initialProcessorStatusLabel).toEqual('Success'); // Open flyout and click clear all button @@ -320,9 +319,8 @@ describe('Test pipeline', () => { // Verify documents and processors were reset expect(exists('documentsDropdown')).toBe(false); expect(exists('addDocumentsButton')).toBe(true); - const resetProcessorStatusIconLabel = find('processors>0.processorStatusIcon').props()[ - 'aria-label' - ]; + const resetProcessorStatusIconLabel = find('processors>0.processorStatusIcon').props() + .children; expect(resetProcessorStatusIconLabel).toEqual('Not run'); }); }); @@ -332,7 +330,7 @@ describe('Test pipeline', () => { it('should show "inactive" processor status by default', async () => { const { find } = testBed; - const statusIconLabel = find('processors>0.processorStatusIcon').props()['aria-label']; + const statusIconLabel = find('processors>0.processorStatusIcon').props().children; expect(statusIconLabel).toEqual('Not run'); }); @@ -352,7 +350,7 @@ describe('Test pipeline', () => { actions.closeTestPipelineFlyout(); // Verify status - const statusIconLabel = find('processors>0.processorStatusIcon').props()['aria-label']; + const statusIconLabel = find('processors>0.processorStatusIcon').props().children; expect(statusIconLabel).toEqual('Success'); }); diff --git a/x-pack/plugins/lens/public/datatable_visualization/components/table_basic.test.tsx b/x-pack/plugins/lens/public/datatable_visualization/components/table_basic.test.tsx index 36fd1581cb9b6..2ad20bf0a43e2 100644 --- a/x-pack/plugins/lens/public/datatable_visualization/components/table_basic.test.tsx +++ b/x-pack/plugins/lens/public/datatable_visualization/components/table_basic.test.tsx @@ -617,7 +617,9 @@ describe('DatatableComponent', () => { wrapper.setProps({ data: newData }); wrapper.update(); - expect(wrapper.find('[data-test-subj="dataGridHeader"]').children().first().text()).toEqual( + // Using .toContain over .toEqual because this element includes text from + // which can't be seen, but shows in the text content + expect(wrapper.find('[data-test-subj="dataGridHeader"]').children().first().text()).toContain( 'new a' ); }); diff --git a/x-pack/plugins/lens/public/indexpattern_datasource/field_item.test.tsx b/x-pack/plugins/lens/public/indexpattern_datasource/field_item.test.tsx index c86fdcc33b15f..c20f1c37c6c67 100644 --- a/x-pack/plugins/lens/public/indexpattern_datasource/field_item.test.tsx +++ b/x-pack/plugins/lens/public/indexpattern_datasource/field_item.test.tsx @@ -120,7 +120,10 @@ describe('IndexPattern Field Item', () => { it('should display displayName of a field', () => { const wrapper = mountWithIntl(); - expect(wrapper.find('[data-test-subj="lnsFieldListPanelField"]').first().text()).toEqual( + + // Using .toContain over .toEqual because this element includes text from + // which can't be seen, but shows in the text content + expect(wrapper.find('[data-test-subj="lnsFieldListPanelField"]').first().text()).toContain( 'bytesLabel' ); }); diff --git a/x-pack/plugins/license_management/__jest__/__snapshots__/request_trial_extension.test.js.snap b/x-pack/plugins/license_management/__jest__/__snapshots__/request_trial_extension.test.js.snap index fda479f2888ce..0fd589e4886e3 100644 --- a/x-pack/plugins/license_management/__jest__/__snapshots__/request_trial_extension.test.js.snap +++ b/x-pack/plugins/license_management/__jest__/__snapshots__/request_trial_extension.test.js.snap @@ -1,9 +1,9 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`RequestTrialExtension component should display when enterprise license is not active and trial has been used 1`] = `"
Extend your trial

If you’d like to continue using machine learning, advanced security, and our other awesome subscription features(opens in a new tab or window), request an extension now.

"`; +exports[`RequestTrialExtension component should display when enterprise license is not active and trial has been used 1`] = `"
Extend your trial

If you’d like to continue using machine learning, advanced security, and our other awesome subscription featuresExternal link(opens in a new tab or window), request an extension now.

"`; -exports[`RequestTrialExtension component should display when license is active and trial has been used 1`] = `"
Extend your trial

If you’d like to continue using machine learning, advanced security, and our other awesome subscription features(opens in a new tab or window), request an extension now.

"`; +exports[`RequestTrialExtension component should display when license is active and trial has been used 1`] = `"
Extend your trial

If you’d like to continue using machine learning, advanced security, and our other awesome subscription featuresExternal link(opens in a new tab or window), request an extension now.

"`; -exports[`RequestTrialExtension component should display when license is not active and trial has been used 1`] = `"
Extend your trial

If you’d like to continue using machine learning, advanced security, and our other awesome subscription features(opens in a new tab or window), request an extension now.

"`; +exports[`RequestTrialExtension component should display when license is not active and trial has been used 1`] = `"
Extend your trial

If you’d like to continue using machine learning, advanced security, and our other awesome subscription featuresExternal link(opens in a new tab or window), request an extension now.

"`; -exports[`RequestTrialExtension component should display when platinum license is not active and trial has been used 1`] = `"
Extend your trial

If you’d like to continue using machine learning, advanced security, and our other awesome subscription features(opens in a new tab or window), request an extension now.

"`; +exports[`RequestTrialExtension component should display when platinum license is not active and trial has been used 1`] = `"
Extend your trial

If you’d like to continue using machine learning, advanced security, and our other awesome subscription featuresExternal link(opens in a new tab or window), request an extension now.

"`; diff --git a/x-pack/plugins/license_management/__jest__/__snapshots__/revert_to_basic.test.js.snap b/x-pack/plugins/license_management/__jest__/__snapshots__/revert_to_basic.test.js.snap index 4fa45c4bec5ce..cf977731ee452 100644 --- a/x-pack/plugins/license_management/__jest__/__snapshots__/revert_to_basic.test.js.snap +++ b/x-pack/plugins/license_management/__jest__/__snapshots__/revert_to_basic.test.js.snap @@ -1,7 +1,7 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`RevertToBasic component should display when license is about to expire 1`] = `"
Revert to Basic license

You’ll revert to our free features and lose access to machine learning, advanced security, and other subscription features(opens in a new tab or window).

"`; +exports[`RevertToBasic component should display when license is about to expire 1`] = `"
Revert to Basic license

You’ll revert to our free features and lose access to machine learning, advanced security, and other subscription featuresExternal link(opens in a new tab or window).

"`; -exports[`RevertToBasic component should display when license is expired 1`] = `"
Revert to Basic license

You’ll revert to our free features and lose access to machine learning, advanced security, and other subscription features(opens in a new tab or window).

"`; +exports[`RevertToBasic component should display when license is expired 1`] = `"
Revert to Basic license

You’ll revert to our free features and lose access to machine learning, advanced security, and other subscription featuresExternal link(opens in a new tab or window).

"`; -exports[`RevertToBasic component should display when trial is active 1`] = `"
Revert to Basic license

You’ll revert to our free features and lose access to machine learning, advanced security, and other subscription features(opens in a new tab or window).

"`; +exports[`RevertToBasic component should display when trial is active 1`] = `"
Revert to Basic license

You’ll revert to our free features and lose access to machine learning, advanced security, and other subscription featuresExternal link(opens in a new tab or window).

"`; diff --git a/x-pack/plugins/license_management/__jest__/__snapshots__/start_trial.test.js.snap b/x-pack/plugins/license_management/__jest__/__snapshots__/start_trial.test.js.snap index 622bff86ead16..0880eddcc1683 100644 --- a/x-pack/plugins/license_management/__jest__/__snapshots__/start_trial.test.js.snap +++ b/x-pack/plugins/license_management/__jest__/__snapshots__/start_trial.test.js.snap @@ -1,9 +1,9 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`StartTrial component when trial is allowed display for basic license 1`] = `"
Start a 30-day trial

Experience what machine learning, advanced security, and all our other subscription features(opens in a new tab or window) have to offer.

"`; +exports[`StartTrial component when trial is allowed display for basic license 1`] = `"
Start a 30-day trial

Experience what machine learning, advanced security, and all our other subscription featuresExternal link(opens in a new tab or window) have to offer.

"`; -exports[`StartTrial component when trial is allowed should display for expired enterprise license 1`] = `"
Start a 30-day trial

Experience what machine learning, advanced security, and all our other subscription features(opens in a new tab or window) have to offer.

"`; +exports[`StartTrial component when trial is allowed should display for expired enterprise license 1`] = `"
Start a 30-day trial

Experience what machine learning, advanced security, and all our other subscription featuresExternal link(opens in a new tab or window) have to offer.

"`; -exports[`StartTrial component when trial is allowed should display for expired platinum license 1`] = `"
Start a 30-day trial

Experience what machine learning, advanced security, and all our other subscription features(opens in a new tab or window) have to offer.

"`; +exports[`StartTrial component when trial is allowed should display for expired platinum license 1`] = `"
Start a 30-day trial

Experience what machine learning, advanced security, and all our other subscription featuresExternal link(opens in a new tab or window) have to offer.

"`; -exports[`StartTrial component when trial is allowed should display for gold license 1`] = `"
Start a 30-day trial

Experience what machine learning, advanced security, and all our other subscription features(opens in a new tab or window) have to offer.

"`; +exports[`StartTrial component when trial is allowed should display for gold license 1`] = `"
Start a 30-day trial

Experience what machine learning, advanced security, and all our other subscription featuresExternal link(opens in a new tab or window) have to offer.

"`; diff --git a/x-pack/plugins/monitoring/public/components/no_data/explanations/exporters/__snapshots__/exporters.test.js.snap b/x-pack/plugins/monitoring/public/components/no_data/explanations/exporters/__snapshots__/exporters.test.js.snap index c5b5e5e65ab38..41501a7eedb62 100644 --- a/x-pack/plugins/monitoring/public/components/no_data/explanations/exporters/__snapshots__/exporters.test.js.snap +++ b/x-pack/plugins/monitoring/public/components/no_data/explanations/exporters/__snapshots__/exporters.test.js.snap @@ -87,10 +87,11 @@ Array [ > Elasticsearch Service Console + > + External link + @@ -106,10 +107,11 @@ Array [ > Logs and metrics + > + External link + @@ -125,10 +127,11 @@ Array [ > the documentation page. + > + External link + diff --git a/x-pack/plugins/monitoring/public/components/no_data/reasons/__snapshots__/reason_found.test.js.snap b/x-pack/plugins/monitoring/public/components/no_data/reasons/__snapshots__/reason_found.test.js.snap index dda853a28239f..faab608e7af14 100644 --- a/x-pack/plugins/monitoring/public/components/no_data/reasons/__snapshots__/reason_found.test.js.snap +++ b/x-pack/plugins/monitoring/public/components/no_data/reasons/__snapshots__/reason_found.test.js.snap @@ -158,10 +158,11 @@ Array [ > Elasticsearch Service Console + > + External link + @@ -177,10 +178,11 @@ Array [ > Logs and metrics + > + External link + @@ -196,10 +198,11 @@ Array [ > the documentation page. + > + External link + diff --git a/x-pack/plugins/remote_clusters/__jest__/client_integration/list/remote_clusters_list.test.js b/x-pack/plugins/remote_clusters/__jest__/client_integration/list/remote_clusters_list.test.js index a6987fa19d1ee..26af30ba17c04 100644 --- a/x-pack/plugins/remote_clusters/__jest__/client_integration/list/remote_clusters_list.test.js +++ b/x-pack/plugins/remote_clusters/__jest__/client_integration/list/remote_clusters_list.test.js @@ -252,7 +252,7 @@ describe('', () => { ], [ '', - remoteCluster2.name, + remoteCluster2.name.concat('Info'), //Tests include the word "info" to account for the rendered text coming from EuiIcon 'Not connected', PROXY_MODE, remoteCluster2.proxyAddress, @@ -261,7 +261,7 @@ describe('', () => { ], [ '', - remoteCluster3.name, + remoteCluster3.name.concat('Info'), //Tests include the word "info" to account for the rendered text coming from EuiIcon 'Not connected', PROXY_MODE, remoteCluster2.proxyAddress, @@ -360,7 +360,7 @@ describe('', () => { ({ rows } = table.getMetaData('remoteClusterListTable')); expect(rows.length).toBe(2); - expect(rows[0].columns[1].value).toEqual(remoteCluster2.name); + expect(rows[0].columns[1].value).toContain(remoteCluster2.name); }); }); diff --git a/x-pack/plugins/security/public/management/roles/edit_role/privileges/kibana/feature_table_cell/feature_table_cell.test.tsx b/x-pack/plugins/security/public/management/roles/edit_role/privileges/kibana/feature_table_cell/feature_table_cell.test.tsx index 7052f724cd1cc..006ae053940d8 100644 --- a/x-pack/plugins/security/public/management/roles/edit_role/privileges/kibana/feature_table_cell/feature_table_cell.test.tsx +++ b/x-pack/plugins/security/public/management/roles/edit_role/privileges/kibana/feature_table_cell/feature_table_cell.test.tsx @@ -40,7 +40,7 @@ describe('FeatureTableCell', () => { ); - expect(wrapper.text()).toMatchInlineSnapshot(`"Test Feature "`); + expect(wrapper.text()).toMatchInlineSnapshot(`"Test Feature Info"`); expect(wrapper.find(EuiIconTip).props().content).toMatchInlineSnapshot(` diff --git a/x-pack/plugins/security/public/management/roles/edit_role/privileges/kibana/privilege_summary/__fixtures__/index.ts b/x-pack/plugins/security/public/management/roles/edit_role/privileges/kibana/privilege_summary/__fixtures__/index.ts index 3a70ff5713bd9..f375263c960c3 100644 --- a/x-pack/plugins/security/public/management/roles/edit_role/privileges/kibana/privilege_summary/__fixtures__/index.ts +++ b/x-pack/plugins/security/public/management/roles/edit_role/privileges/kibana/privilege_summary/__fixtures__/index.ts @@ -60,7 +60,7 @@ export function getDisplayedFeaturePrivileges( acc[feature.id][key] = { ...acc[feature.id][key], - primaryFeaturePrivilege: primary.text().trim(), + primaryFeaturePrivilege: primary.text().replaceAll('Info', '').trim(), // Removing the word "info" to account for the rendered text coming from EuiIcon hasCustomizedSubFeaturePrivileges: findTestSubject(primary, 'additionalPrivilegesGranted').length > 0, }; diff --git a/x-pack/plugins/security_solution/public/common/components/exceptions/viewer/exception_item/exception_entries.test.tsx b/x-pack/plugins/security_solution/public/common/components/exceptions/viewer/exception_item/exception_entries.test.tsx index 6070924523f63..a53be08380698 100644 --- a/x-pack/plugins/security_solution/public/common/components/exceptions/viewer/exception_item/exception_entries.test.tsx +++ b/x-pack/plugins/security_solution/public/common/components/exceptions/viewer/exception_item/exception_entries.test.tsx @@ -158,7 +158,7 @@ describe('ExceptionEntries', () => { expect(parentValue.text()).toEqual(getEmptyValue()); expect(nestedField.exists('.euiToolTipAnchor')).toBeTruthy(); - expect(nestedField.text()).toEqual('host.name'); + expect(nestedField.text()).toContain('host.name'); expect(nestedOperator.text()).toEqual('is'); expect(nestedValue.text()).toEqual('some name'); }); diff --git a/x-pack/plugins/security_solution/public/common/components/inspect/modal.test.tsx b/x-pack/plugins/security_solution/public/common/components/inspect/modal.test.tsx index 7a9c36a986afd..9796ae2624a73 100644 --- a/x-pack/plugins/security_solution/public/common/components/inspect/modal.test.tsx +++ b/x-pack/plugins/security_solution/public/common/components/inspect/modal.test.tsx @@ -58,7 +58,7 @@ describe('Modal Inspect', () => { expect( wrapper.find('.euiDescriptionList__title span[data-test-subj="index-pattern-title"]').text() - ).toBe('Index pattern '); + ).toContain('Index pattern '); expect( wrapper .find('.euiDescriptionList__description span[data-test-subj="index-pattern-description"]') @@ -66,7 +66,7 @@ describe('Modal Inspect', () => { ).toBe('auditbeat-*, filebeat-*, packetbeat-*, winlogbeat-*'); expect( wrapper.find('.euiDescriptionList__title span[data-test-subj="query-time-title"]').text() - ).toBe('Query time '); + ).toContain('Query time '); expect( wrapper .find('.euiDescriptionList__description span[data-test-subj="query-time-description"]') @@ -76,7 +76,7 @@ describe('Modal Inspect', () => { wrapper .find('.euiDescriptionList__title span[data-test-subj="request-timestamp-title"]') .text() - ).toBe('Request timestamp '); + ).toContain('Request timestamp '); }); test('Click on request Tab', () => { diff --git a/x-pack/plugins/security_solution/public/common/components/links/index.test.tsx b/x-pack/plugins/security_solution/public/common/components/links/index.test.tsx index 97f93b9732c02..adab4db904d6a 100644 --- a/x-pack/plugins/security_solution/public/common/components/links/index.test.tsx +++ b/x-pack/plugins/security_solution/public/common/components/links/index.test.tsx @@ -105,7 +105,7 @@ describe('Custom Links', () => { const wrapper = mountWithIntl( {'Example Link'} ); - expect(removeExternalLinkText(wrapper.text())).toEqual('Example Link'); + expect(removeExternalLinkText(wrapper.text())).toContain('Example Link'); }); test('it renders props passed in as link', () => { @@ -463,7 +463,7 @@ describe('Custom Links', () => { describe('WhoisLink', () => { test('it renders ip passed in as domain', () => { const wrapper = mountWithIntl({'Example Link'}); - expect(removeExternalLinkText(wrapper.text())).toEqual('Example Link'); + expect(removeExternalLinkText(wrapper.text())).toContain('Example Link'); }); test('it renders correct href', () => { @@ -488,7 +488,7 @@ describe('Custom Links', () => { {'Example Link'} ); - expect(removeExternalLinkText(wrapper.text())).toEqual('Example Link'); + expect(removeExternalLinkText(wrapper.text())).toContain('Example Link'); }); test('it renders correct href', () => { @@ -519,7 +519,7 @@ describe('Custom Links', () => { const wrapper = mountWithIntl( {'Example Link'} ); - expect(removeExternalLinkText(wrapper.text())).toEqual('Example Link'); + expect(removeExternalLinkText(wrapper.text())).toContain('Example Link'); }); test('it renders correct href', () => { @@ -548,7 +548,7 @@ describe('Custom Links', () => { const wrapper = mountWithIntl( {'Example Link'} ); - expect(removeExternalLinkText(wrapper.text())).toEqual('Example Link'); + expect(removeExternalLinkText(wrapper.text())).toContain('Example Link'); }); test('it renders correct href when port is a number', () => { diff --git a/x-pack/plugins/security_solution/public/common/components/markdown_editor/renderer.test.tsx b/x-pack/plugins/security_solution/public/common/components/markdown_editor/renderer.test.tsx index da3785648de62..68588c9338b4c 100644 --- a/x-pack/plugins/security_solution/public/common/components/markdown_editor/renderer.test.tsx +++ b/x-pack/plugins/security_solution/public/common/components/markdown_editor/renderer.test.tsx @@ -20,7 +20,7 @@ describe('Markdown', () => { expect( removeExternalLinkText(wrapper.find('[data-test-subj="markdown-link"]').first().text()) - ).toEqual('External Site'); + ).toContain('External Site'); }); test('it renders the expected href', () => { diff --git a/x-pack/plugins/security_solution/public/detections/pages/detection_engine/rules/all/optional_eui_tour_step.tsx b/x-pack/plugins/security_solution/public/detections/pages/detection_engine/rules/all/optional_eui_tour_step.tsx new file mode 100644 index 0000000000000..e08389ba250a3 --- /dev/null +++ b/x-pack/plugins/security_solution/public/detections/pages/detection_engine/rules/all/optional_eui_tour_step.tsx @@ -0,0 +1,28 @@ +/* + * 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; you may not use this file except in compliance with the Elastic License + * 2.0. + */ + +import React, { FC } from 'react'; + +import { EuiTourStepProps, EuiTourStep, DistributiveOmit } from '@elastic/eui'; + +/** + * This component can be used for tour steps, when tour step is optional + * If stepProps are not supplied, step will not be rendered, only children component will be + */ +export const OptionalEuiTourStep: FC<{ + stepProps: DistributiveOmit | undefined; +}> = ({ children, stepProps }) => { + if (!stepProps) { + return <>{children}; + } + + return ( + + <>{children} + + ); +}; diff --git a/x-pack/plugins/security_solution/public/network/components/port/index.test.tsx b/x-pack/plugins/security_solution/public/network/components/port/index.test.tsx index 480d200c6756f..ec56dd6934463 100644 --- a/x-pack/plugins/security_solution/public/network/components/port/index.test.tsx +++ b/x-pack/plugins/security_solution/public/network/components/port/index.test.tsx @@ -54,9 +54,9 @@ describe('Port', () => { ); - expect(removeExternalLinkText(wrapper.find('[data-test-subj="port"]').first().text())).toEqual( - '443' - ); + expect( + removeExternalLinkText(wrapper.find('[data-test-subj="port"]').first().text()) + ).toContain('443'); }); test('it hyperlinks links destination.port to an external service that describes the purpose of the port', () => { diff --git a/x-pack/plugins/security_solution/public/network/components/source_destination/index.test.tsx b/x-pack/plugins/security_solution/public/network/components/source_destination/index.test.tsx index 3332111d14f8b..bb8b4683c9d30 100644 --- a/x-pack/plugins/security_solution/public/network/components/source_destination/index.test.tsx +++ b/x-pack/plugins/security_solution/public/network/components/source_destination/index.test.tsx @@ -205,7 +205,7 @@ describe('SourceDestination', () => { removeExternalLinkText( wrapper.find('[data-test-subj="destination-ip-and-port"]').first().text() ) - ).toEqual('10.1.2.3:80'); + ).toContain('10.1.2.3:80'); }); test('it renders destination.packets', () => { @@ -329,7 +329,7 @@ describe('SourceDestination', () => { expect( removeExternalLinkText(wrapper.find('[data-test-subj="source-ip-and-port"]').first().text()) - ).toEqual('192.168.1.2:9987'); + ).toContain('192.168.1.2:9987'); }); test('it renders source.packets', () => { diff --git a/x-pack/plugins/security_solution/public/network/components/source_destination/source_destination_ip.test.tsx b/x-pack/plugins/security_solution/public/network/components/source_destination/source_destination_ip.test.tsx index f16cd7dbb109f..6168d98765253 100644 --- a/x-pack/plugins/security_solution/public/network/components/source_destination/source_destination_ip.test.tsx +++ b/x-pack/plugins/security_solution/public/network/components/source_destination/source_destination_ip.test.tsx @@ -984,7 +984,7 @@ describe('SourceDestinationIp', () => { removeExternalLinkText( wrapper.find('[data-test-subj="draggable-content-source.port"]').first().text() ) - ).toEqual('9987'); + ).toContain('9987'); }); test('it renders the expected destination port when type is `destination`, and both destinationIp and destinationPort are populated', () => { @@ -1038,7 +1038,7 @@ describe('SourceDestinationIp', () => { removeExternalLinkText( wrapper.find('[data-test-subj="draggable-content-destination.port"]').first().text() ) - ).toEqual('80'); + ).toContain('80'); }); test('it renders the expected source port when type is `source`, but only sourcePort is populated', () => { @@ -1092,7 +1092,7 @@ describe('SourceDestinationIp', () => { removeExternalLinkText( wrapper.find('[data-test-subj="draggable-content-source.port"]').first().text() ) - ).toEqual('9987'); + ).toContain('9987'); }); test('it renders the expected destination port when type is `destination`, and only destinationPort is populated', () => { @@ -1147,7 +1147,7 @@ describe('SourceDestinationIp', () => { removeExternalLinkText( wrapper.find('[data-test-subj="draggable-content-destination.port"]').first().text() ) - ).toEqual('80'); + ).toContain('80'); }); test('it does NOT render the badge when type is `source`, but both sourceIp and sourcePort are undefined', () => { diff --git a/x-pack/plugins/security_solution/public/timelines/components/certificate_fingerprint/index.test.tsx b/x-pack/plugins/security_solution/public/timelines/components/certificate_fingerprint/index.test.tsx index 4ebb804eab8a4..8b3f0bfdb107a 100644 --- a/x-pack/plugins/security_solution/public/timelines/components/certificate_fingerprint/index.test.tsx +++ b/x-pack/plugins/security_solution/public/timelines/components/certificate_fingerprint/index.test.tsx @@ -51,7 +51,7 @@ describe('CertificateFingerprint', () => { removeExternalLinkText( wrapper.find('[data-test-subj="certificate-fingerprint-link"]').first().text() ) - ).toEqual('3f4c57934e089f02ae7511200aee2d7e7aabd272'); + ).toContain('3f4c57934e089f02ae7511200aee2d7e7aabd272'); }); test('it renders a hyperlink to an external site to compare the fingerprint against a known set of signatures', () => { diff --git a/x-pack/plugins/security_solution/public/timelines/components/ja3_fingerprint/index.test.tsx b/x-pack/plugins/security_solution/public/timelines/components/ja3_fingerprint/index.test.tsx index 31f2fec942490..ddbba7f2bc9f3 100644 --- a/x-pack/plugins/security_solution/public/timelines/components/ja3_fingerprint/index.test.tsx +++ b/x-pack/plugins/security_solution/public/timelines/components/ja3_fingerprint/index.test.tsx @@ -48,7 +48,7 @@ describe('Ja3Fingerprint', () => { expect( removeExternalLinkText(wrapper.find('[data-test-subj="ja3-fingerprint-link"]').first().text()) - ).toEqual('fff799d91b7c01ae3fe6787cfc895552'); + ).toContain('fff799d91b7c01ae3fe6787cfc895552'); }); test('it renders a hyperlink to an external site to compare the fingerprint against a known set of signatures', () => { diff --git a/x-pack/plugins/security_solution/public/timelines/components/netflow/index.test.tsx b/x-pack/plugins/security_solution/public/timelines/components/netflow/index.test.tsx index 8a88a7182af03..9ccabf2f47d44 100644 --- a/x-pack/plugins/security_solution/public/timelines/components/netflow/index.test.tsx +++ b/x-pack/plugins/security_solution/public/timelines/components/netflow/index.test.tsx @@ -204,7 +204,7 @@ describe('Netflow', () => { removeExternalLinkText( wrapper.find('[data-test-subj="destination-ip-and-port"]').first().text() ) - ).toEqual('10.1.2.3:80'); + ).toContain('10.1.2.3:80'); }); test('it renders destination.packets', () => { @@ -340,7 +340,7 @@ describe('Netflow', () => { expect( removeExternalLinkText(wrapper.find('[data-test-subj="source-ip-and-port"]').first().text()) - ).toEqual('192.168.1.2:9987'); + ).toContain('192.168.1.2:9987'); }); test('it renders source.packets', () => { @@ -374,7 +374,7 @@ describe('Netflow', () => { .first() .text() ) - ).toEqual('tls.client_certificate.fingerprint.sha1-value'); + ).toContain('tls.client_certificate.fingerprint.sha1-value'); }); test('it hyperlinks tls.fingerprints.ja3.hash site to compare the fingerprint against a known set of signatures', () => { @@ -390,7 +390,7 @@ describe('Netflow', () => { expect( removeExternalLinkText(wrapper.find('[data-test-subj="ja3-fingerprint-link"]').first().text()) - ).toEqual('tls.fingerprints.ja3.hash-value'); + ).toContain('tls.fingerprints.ja3.hash-value'); }); test('it hyperlinks tls.server_certificate.fingerprint.sha1 site to compare the fingerprint against a known set of signatures', () => { @@ -418,7 +418,7 @@ describe('Netflow', () => { .first() .text() ) - ).toEqual('tls.server_certificate.fingerprint.sha1-value'); + ).toContain('tls.server_certificate.fingerprint.sha1-value'); }); test('it renders network.transport', () => { diff --git a/x-pack/plugins/security_solution/public/timelines/components/side_panel/__snapshots__/index.test.tsx.snap b/x-pack/plugins/security_solution/public/timelines/components/side_panel/__snapshots__/index.test.tsx.snap index 01089552be251..d67e36f434509 100644 --- a/x-pack/plugins/security_solution/public/timelines/components/side_panel/__snapshots__/index.test.tsx.snap +++ b/x-pack/plugins/security_solution/public/timelines/components/side_panel/__snapshots__/index.test.tsx.snap @@ -2668,11 +2668,12 @@ exports[`Details Panel Component DetailsPanel:NetworkDetails: rendering it shoul type="popout" > + > + External link + { + return str.replaceAll('External link', ''); +}; + jest.mock('../../../../../common/lib/kibana'); jest.mock('@elastic/eui', () => { @@ -90,7 +96,7 @@ describe('get_column_renderer', () => { {row} ); - expect(removeExternalLinkText(wrapper.text())).toContain( + expect(extractEuiIconText(removeExternalLinkText(wrapper.text()))).toBe( '4ETEXPLOITNETGEARWNR2000v5 hidden_lang_avi Stack Overflow (CVE-2016-10174)Source192.168.0.3:53Destination192.168.0.3:6343' ); }); @@ -109,7 +115,7 @@ describe('get_column_renderer', () => { {row} ); - expect(removeExternalLinkText(wrapper.text())).toContain( + expect(extractEuiIconText(removeExternalLinkText(wrapper.text()))).toBe( '4ETEXPLOITNETGEARWNR2000v5 hidden_lang_avi Stack Overflow (CVE-2016-10174)Source192.168.0.3:53Destination192.168.0.3:6343' ); }); @@ -128,7 +134,7 @@ describe('get_column_renderer', () => { {row} ); - expect(removeExternalLinkText(wrapper.text())).toContain( + expect(extractEuiIconText(removeExternalLinkText(wrapper.text()))).toBe( 'C8DRTq362Fios6hw16connectionREJSrConnection attempt rejectedtcpSource185.176.26.101:44059Destination207.154.238.205:11568' ); }); diff --git a/x-pack/plugins/security_solution/public/timelines/components/timeline/body/renderers/suricata/suricata_details.test.tsx b/x-pack/plugins/security_solution/public/timelines/components/timeline/body/renderers/suricata/suricata_details.test.tsx index 2d06c040c5b00..f8693d4a4f8ea 100644 --- a/x-pack/plugins/security_solution/public/timelines/components/timeline/body/renderers/suricata/suricata_details.test.tsx +++ b/x-pack/plugins/security_solution/public/timelines/components/timeline/body/renderers/suricata/suricata_details.test.tsx @@ -53,7 +53,11 @@ describe('SuricataDetails', () => { /> ); - expect(removeExternalLinkText(wrapper.text())).toEqual( + const removeEuiIconText = removeExternalLinkText(wrapper.text()).replaceAll( + 'External link', + '' + ); + expect(removeEuiIconText).toEqual( '4ETEXPLOITNETGEARWNR2000v5 hidden_lang_avi Stack Overflow (CVE-2016-10174)Source192.168.0.3:53Destination192.168.0.3:6343' ); }); diff --git a/x-pack/plugins/security_solution/public/timelines/components/timeline/body/renderers/suricata/suricata_row_renderer.test.tsx b/x-pack/plugins/security_solution/public/timelines/components/timeline/body/renderers/suricata/suricata_row_renderer.test.tsx index 61ea659964e4d..2022904e548aa 100644 --- a/x-pack/plugins/security_solution/public/timelines/components/timeline/body/renderers/suricata/suricata_row_renderer.test.tsx +++ b/x-pack/plugins/security_solution/public/timelines/components/timeline/body/renderers/suricata/suricata_row_renderer.test.tsx @@ -72,7 +72,12 @@ describe('suricata_row_renderer', () => { {children} ); - expect(removeExternalLinkText(wrapper.text())).toContain( + + const extractEuiIconText = removeExternalLinkText(wrapper.text()).replaceAll( + 'External link', + '' + ); + expect(extractEuiIconText).toContain( '4ETEXPLOITNETGEARWNR2000v5 hidden_lang_avi Stack Overflow (CVE-2016-10174)Source192.168.0.3:53Destination192.168.0.3:6343' ); }); diff --git a/x-pack/plugins/security_solution/public/timelines/components/timeline/body/renderers/system/generic_row_renderer.test.tsx b/x-pack/plugins/security_solution/public/timelines/components/timeline/body/renderers/system/generic_row_renderer.test.tsx index ae2caa8ce8401..4b93c5accb590 100644 --- a/x-pack/plugins/security_solution/public/timelines/components/timeline/body/renderers/system/generic_row_renderer.test.tsx +++ b/x-pack/plugins/security_solution/public/timelines/components/timeline/body/renderers/system/generic_row_renderer.test.tsx @@ -83,6 +83,12 @@ import { import * as i18n from './translations'; import { RowRenderer } from '../../../../../../../common/types'; +// EuiIcons coming from .testenv render the icon's aria-label as a span +// extractEuiIcon removes the aria-label before checking for equality +const extractEuiIconText = (str: string) => { + return str.replaceAll('External link', ''); +}; + jest.mock('../../../../../../common/lib/kibana'); jest.mock('@elastic/eui', () => { @@ -1130,7 +1136,7 @@ describe('GenericRowRenderer', () => { ); - expect(removeExternalLinkText(wrapper.text())).toEqual( + expect(extractEuiIconText(removeExternalLinkText(wrapper.text()))).toBe( 'NETWORK SERVICE\\NT AUTHORITY@windows-endpoint-1accepted a connection viasvchost.exe(328)with resultsuccessEndpoint network eventincomingtcpSource10.1.2.3:64557North AmericaUnited States🇺🇸USNorth CarolinaConcordDestination10.50.60.70:3389' ); }); @@ -1214,7 +1220,7 @@ describe('GenericRowRenderer', () => { ); - expect(removeExternalLinkText(wrapper.text())).toEqual( + expect(extractEuiIconText(removeExternalLinkText(wrapper.text()))).toBe( 'NETWORK SERVICE\\NT AUTHORITY@win2019-endpoint-1made a http request viasvchost.exe(2232)Endpoint network eventoutgoinghttptcpSource10.1.2.3:51570Destination10.11.12.13:80North AmericaUnited States🇺🇸USArizonaPhoenix' ); }); @@ -1243,7 +1249,7 @@ describe('GenericRowRenderer', () => { ); - expect(removeExternalLinkText(wrapper.text())).toEqual( + expect(extractEuiIconText(removeExternalLinkText(wrapper.text()))).toBe( 'SYSTEM\\NT AUTHORITY@HD-gqf-0af7b4feaccepted a connection viaAmSvc.exe(1084)tcp1:network-community_idSource127.0.0.1:49306Destination127.0.0.1:49305' ); }); @@ -1272,7 +1278,7 @@ describe('GenericRowRenderer', () => { ); - expect(removeExternalLinkText(wrapper.text())).toEqual( + expect(extractEuiIconText(removeExternalLinkText(wrapper.text()))).toBe( 'SYSTEM\\NT AUTHORITY@HD-55b-3ec87f66accepted a connection via(4)tcp1:network-community_idSource::1:51324Destination::1:5357' ); }); @@ -1298,7 +1304,7 @@ describe('GenericRowRenderer', () => { ); - expect(removeExternalLinkText(wrapper.text())).toEqual( + expect(extractEuiIconText(removeExternalLinkText(wrapper.text()))).toBe( 'NETWORK SERVICE\\NT AUTHORITY@windows-endpoint-1disconnected viasvchost.exe(328)Endpoint network eventincomingtcpSource10.20.30.40:64557North AmericaUnited States🇺🇸USNorth CarolinaConcord(42.47%)1.2KB(57.53%)1.6KBDestination10.11.12.13:3389' ); }); @@ -1327,7 +1333,7 @@ describe('GenericRowRenderer', () => { ); - expect(removeExternalLinkText(wrapper.text())).toEqual( + expect(extractEuiIconText(removeExternalLinkText(wrapper.text()))).toBe( 'Arun\\Anvi-Acer@HD-obe-8bf77f54disconnected viachrome.exe(11620)8.1KBtcp1:LxYHJJv98b2O0fNccXu6HheXmwk=Source192.168.0.6:59356(25.78%)2.1KB(74.22%)6KBDestination10.156.162.53:443' ); }); @@ -1356,7 +1362,7 @@ describe('GenericRowRenderer', () => { ); - expect(removeExternalLinkText(wrapper.text())).toEqual( + expect(extractEuiIconText(removeExternalLinkText(wrapper.text()))).toBe( 'SYSTEM\\NT AUTHORITY@HD-55b-3ec87f66disconnected via(4)7.9KBtcp1:ZylzQhsB1dcptA2t4DY8S6l9o8E=Source::1:51338(96.92%)7.7KB(3.08%)249BDestination::1:2869' ); }); @@ -1385,7 +1391,7 @@ describe('GenericRowRenderer', () => { ); - expect(removeExternalLinkText(wrapper.text())).toEqual( + expect(extractEuiIconText(removeExternalLinkText(wrapper.text()))).toBe( 'root@foohostopened a socket withgoogle_accounts(2166)Outbound socket (10.4.20.1:59554 -> 10.1.2.3:80) Ooutboundtcp1:network-community_idSource10.4.20.1:59554Destination10.1.2.3:80' ); }); @@ -1414,7 +1420,7 @@ describe('GenericRowRenderer', () => { ); - expect(removeExternalLinkText(wrapper.text())).toEqual( + expect(extractEuiIconText(removeExternalLinkText(wrapper.text()))).toBe( 'root@foohostclosed a socket withgoogle_accounts(2166)Outbound socket (10.4.20.1:59508 -> 10.1.2.3:80) Coutboundtcp1:network-community_idSource10.4.20.1:59508Destination10.1.2.3:80' ); }); @@ -1722,7 +1728,7 @@ describe('GenericRowRenderer', () => { ); - expect(removeExternalLinkText(wrapper.text())).toEqual( + expect(extractEuiIconText(removeExternalLinkText(wrapper.text()))).toBe( 'iot.example.comasked forlookup.example.comwith question typeA, which resolved to10.1.2.3(response code:NOERROR)viaan unknown process6.937500msOct 8, 2019 @ 10:05:23.241Oct 8, 2019 @ 10:05:23.248outbounddns177Budp1:network-community_idSource10.9.9.9:58732(22.60%)40B(77.40%)137BDestination10.1.1.1:53OceaniaAustralia🇦🇺AU' ); }); diff --git a/x-pack/plugins/security_solution/public/timelines/components/timeline/body/renderers/zeek/zeek_details.test.tsx b/x-pack/plugins/security_solution/public/timelines/components/timeline/body/renderers/zeek/zeek_details.test.tsx index 62836cbffb2b5..9af22fca0c707 100644 --- a/x-pack/plugins/security_solution/public/timelines/components/timeline/body/renderers/zeek/zeek_details.test.tsx +++ b/x-pack/plugins/security_solution/public/timelines/components/timeline/body/renderers/zeek/zeek_details.test.tsx @@ -14,6 +14,12 @@ import { mockTimelineData, TestProviders } from '../../../../../../common/mock'; import { useMountAppended } from '../../../../../../common/utils/use_mount_appended'; import { ZeekDetails } from './zeek_details'; +// EuiIcons coming from .testenv render the icon's aria-label as a span +// extractEuiIcon removes the aria-label before checking for equality +const extractEuiIconText = (str: string) => { + return str.replaceAll('External link', ''); +}; + jest.mock('../../../../../../common/lib/kibana'); jest.mock('@elastic/eui', () => { @@ -53,7 +59,7 @@ describe('ZeekDetails', () => { /> ); - expect(removeExternalLinkText(wrapper.text())).toEqual( + expect(extractEuiIconText(removeExternalLinkText(wrapper.text()))).toEqual( 'C8DRTq362Fios6hw16connectionREJSrConnection attempt rejectedtcpSource185.176.26.101:44059Destination207.154.238.205:11568' ); }); @@ -68,7 +74,7 @@ describe('ZeekDetails', () => { /> ); - expect(removeExternalLinkText(wrapper.text())).toEqual( + expect(extractEuiIconText(removeExternalLinkText(wrapper.text()))).toEqual( 'CyIrMA1L1JtLqdIuoldnsudpSource206.189.35.240:57475Destination67.207.67.3:53' ); }); @@ -83,7 +89,7 @@ describe('ZeekDetails', () => { /> ); - expect(removeExternalLinkText(wrapper.text())).toEqual( + expect(extractEuiIconText(removeExternalLinkText(wrapper.text()))).toEqual( 'CZLkpC22NquQJOpkwehttp302Source206.189.35.240:36220Destination192.241.164.26:80' ); }); @@ -98,7 +104,7 @@ describe('ZeekDetails', () => { /> ); - expect(removeExternalLinkText(wrapper.text())).toEqual( + expect(extractEuiIconText(removeExternalLinkText(wrapper.text()))).toEqual( 'noticeDropped:falseScan::Port_Scan8.42.77.171 scanned at least 15 unique ports of host 207.154.238.205 in 0m0sSource8.42.77.171' ); }); @@ -113,7 +119,7 @@ describe('ZeekDetails', () => { /> ); - expect(removeExternalLinkText(wrapper.text())).toEqual( + expect(extractEuiIconText(removeExternalLinkText(wrapper.text()))).toEqual( 'CmTxzt2OVXZLkGDaResslTLSv12TLS_ECDHE_RSA_WITH_AES_128_GCM_SHA256TLS_ECDHE_RSA_WITH_AES_128_GCM_SHA256Source188.166.66.184:34514Destination91.189.95.15:443' ); }); diff --git a/x-pack/plugins/security_solution/public/timelines/components/timeline/body/renderers/zeek/zeek_row_renderer.test.tsx b/x-pack/plugins/security_solution/public/timelines/components/timeline/body/renderers/zeek/zeek_row_renderer.test.tsx index b60a2965bfd70..fda83c0ade12b 100644 --- a/x-pack/plugins/security_solution/public/timelines/components/timeline/body/renderers/zeek/zeek_row_renderer.test.tsx +++ b/x-pack/plugins/security_solution/public/timelines/components/timeline/body/renderers/zeek/zeek_row_renderer.test.tsx @@ -71,7 +71,12 @@ describe('zeek_row_renderer', () => { {children} ); - expect(removeExternalLinkText(wrapper.text())).toContain( + + const extractEuiIconText = removeExternalLinkText(wrapper.text()).replaceAll( + 'External link', + '' + ); + expect(extractEuiIconText).toContain( 'C8DRTq362Fios6hw16connectionREJSrConnection attempt rejectedtcpSource185.176.26.101:44059Destination207.154.238.205:11568' ); }); diff --git a/x-pack/plugins/security_solution/public/timelines/components/timeline/body/renderers/zeek/zeek_signature.test.tsx b/x-pack/plugins/security_solution/public/timelines/components/timeline/body/renderers/zeek/zeek_signature.test.tsx index 3f27b80359131..726716c7f53ab 100644 --- a/x-pack/plugins/security_solution/public/timelines/components/timeline/body/renderers/zeek/zeek_signature.test.tsx +++ b/x-pack/plugins/security_solution/public/timelines/components/timeline/body/renderers/zeek/zeek_signature.test.tsx @@ -101,7 +101,11 @@ describe('ZeekSignature', () => { test('should render value', () => { const wrapper = mount(); - expect(removeExternalLinkText(wrapper.text())).toEqual('abc'); + const extractEuiIconText = removeExternalLinkText(wrapper.text()).replaceAll( + 'External link', + '' + ); + expect(extractEuiIconText).toEqual('abc'); }); test('should render value and link', () => { diff --git a/x-pack/plugins/snapshot_restore/__jest__/client_integration/home.test.ts b/x-pack/plugins/snapshot_restore/__jest__/client_integration/home.test.ts index 60fe9d2bd7128..a99a6fdb81167 100644 --- a/x-pack/plugins/snapshot_restore/__jest__/client_integration/home.test.ts +++ b/x-pack/plugins/snapshot_restore/__jest__/client_integration/home.test.ts @@ -769,7 +769,7 @@ describe('', () => { const stateMessage = find('snapshotDetail.state.value').text(); try { - expect(stateMessage).toBe(expectedMessage); + expect(stateMessage).toContain(expectedMessage); // Messages may include the word "Info" to account for the rendered text coming from EuiIcon } catch { throw new Error( `Expected snapshot state message "${expectedMessage}" for state "${state}, but got "${stateMessage}".` diff --git a/x-pack/plugins/timelines/public/components/inspect/modal.test.tsx b/x-pack/plugins/timelines/public/components/inspect/modal.test.tsx index 5ac75f92ea45f..f3846cd784ccc 100644 --- a/x-pack/plugins/timelines/public/components/inspect/modal.test.tsx +++ b/x-pack/plugins/timelines/public/components/inspect/modal.test.tsx @@ -110,7 +110,7 @@ describe('Modal Inspect', () => { expect( wrapper.find('.euiDescriptionList__title span[data-test-subj="index-pattern-title"]').text() - ).toBe('Index pattern '); + ).toContain('Index pattern '); expect( wrapper .find('.euiDescriptionList__description span[data-test-subj="index-pattern-description"]') @@ -118,7 +118,7 @@ describe('Modal Inspect', () => { ).toBe('auditbeat-*, filebeat-*, packetbeat-*, winlogbeat-*'); expect( wrapper.find('.euiDescriptionList__title span[data-test-subj="query-time-title"]').text() - ).toBe('Query time '); + ).toContain('Query time '); expect( wrapper .find('.euiDescriptionList__description span[data-test-subj="query-time-description"]') @@ -128,7 +128,7 @@ describe('Modal Inspect', () => { wrapper .find('.euiDescriptionList__title span[data-test-subj="request-timestamp-title"]') .text() - ).toBe('Request timestamp '); + ).toContain('Request timestamp '); }); test('Click on request Tab', () => { diff --git a/x-pack/plugins/triggers_actions_ui/public/application/components/health_check.test.tsx b/x-pack/plugins/triggers_actions_ui/public/application/components/health_check.test.tsx index d23f1cfacf94b..6942a7708db78 100644 --- a/x-pack/plugins/triggers_actions_ui/public/application/components/health_check.test.tsx +++ b/x-pack/plugins/triggers_actions_ui/public/application/components/health_check.test.tsx @@ -107,10 +107,12 @@ describe('health check', () => { const [action] = queryAllByText(/Learn more/i); expect(description.textContent).toMatchInlineSnapshot( - `"You must enable API keys to use Alerting. Learn more.(opens in a new tab or window)"` + `"You must enable API keys to use Alerting. Learn more.External link(opens in a new tab or window)"` ); - expect(action.textContent).toMatchInlineSnapshot(`"Learn more.(opens in a new tab or window)"`); + expect(action.textContent).toMatchInlineSnapshot( + `"Learn more.External link(opens in a new tab or window)"` + ); expect(action.getAttribute('href')).toMatchInlineSnapshot( `"https://www.elastic.co/guide/en/elasticsearch/reference/mocked-test-branch/security-settings.html#api-key-service-settings"` @@ -141,12 +143,12 @@ describe('health check', () => { const description = queryByRole(/banner/i); expect(description!.textContent).toMatchInlineSnapshot( - `"You must configure an encryption key to use Alerting. Learn more.(opens in a new tab or window)"` + `"You must configure an encryption key to use Alerting. Learn more.External link(opens in a new tab or window)"` ); const action = queryByText(/Learn/i); expect(action!.textContent).toMatchInlineSnapshot( - `"Learn more.(opens in a new tab or window)"` + `"Learn more.External link(opens in a new tab or window)"` ); expect(action!.getAttribute('href')).toMatchInlineSnapshot( `"https://www.elastic.co/guide/en/kibana/mocked-test-branch/alert-action-settings-kb.html#general-alert-action-settings"` @@ -179,12 +181,12 @@ describe('health check', () => { const description = queryByText(/You must enable/i); expect(description!.textContent).toMatchInlineSnapshot( - `"You must enable API keys and configure an encryption key to use Alerting. Learn more.(opens in a new tab or window)"` + `"You must enable API keys and configure an encryption key to use Alerting. Learn more.External link(opens in a new tab or window)"` ); const action = queryByText(/Learn/i); expect(action!.textContent).toMatchInlineSnapshot( - `"Learn more.(opens in a new tab or window)"` + `"Learn more.External link(opens in a new tab or window)"` ); expect(action!.getAttribute('href')).toMatchInlineSnapshot( `"https://www.elastic.co/guide/en/kibana/mocked-test-branch/alerting-setup.html#alerting-prerequisites"` diff --git a/x-pack/plugins/triggers_actions_ui/public/application/sections/rule_details/components/rule.test.tsx b/x-pack/plugins/triggers_actions_ui/public/application/sections/rule_details/components/rule.test.tsx index 737501f444300..e7cafb23ee0fa 100644 --- a/x-pack/plugins/triggers_actions_ui/public/application/sections/rule_details/components/rule.test.tsx +++ b/x-pack/plugins/triggers_actions_ui/public/application/sections/rule_details/components/rule.test.tsx @@ -373,9 +373,12 @@ describe('execution duration overview', () => { const avgExecutionDurationPanel = wrapper.find('[data-test-subj="avgExecutionDurationPanel"]'); expect(avgExecutionDurationPanel.exists()).toBeTruthy(); expect(avgExecutionDurationPanel.first().prop('color')).toEqual('warning'); - expect(wrapper.find('EuiStat[data-test-subj="avgExecutionDurationStat"]').text()).toEqual( - 'Average duration16:44:44.345' - ); + + const avgExecutionDurationStat = wrapper + .find('EuiStat[data-test-subj="avgExecutionDurationStat"]') + .text() + .replaceAll('Info', ''); + expect(avgExecutionDurationStat).toEqual('Average duration16:44:44.345'); expect(wrapper.find('[data-test-subj="ruleDurationWarning"]').exists()).toBeTruthy(); }); diff --git a/x-pack/plugins/ui_actions_enhanced/public/drilldowns/drilldown_manager/components/drilldown_table/drilldown_table.test.tsx b/x-pack/plugins/ui_actions_enhanced/public/drilldowns/drilldown_manager/components/drilldown_table/drilldown_table.test.tsx index ee485f8aee0c0..3576d7e34fd0b 100644 --- a/x-pack/plugins/ui_actions_enhanced/public/drilldowns/drilldown_manager/components/drilldown_table/drilldown_table.test.tsx +++ b/x-pack/plugins/ui_actions_enhanced/public/drilldowns/drilldown_manager/components/drilldown_table/drilldown_table.test.tsx @@ -63,5 +63,5 @@ test('Can delete drilldowns', () => { test('Error is displayed', () => { const screen = render(); - expect(screen.getByLabelText('an error')).toBeInTheDocument(); + expect(screen.getByText('an error')).toBeInTheDocument(); }); diff --git a/x-pack/plugins/uptime/public/components/monitor/ping_list/__snapshots__/expanded_row.test.tsx.snap b/x-pack/plugins/uptime/public/components/monitor/ping_list/__snapshots__/expanded_row.test.tsx.snap index 51753d2ce8bb3..bf25513a6bc2c 100644 --- a/x-pack/plugins/uptime/public/components/monitor/ping_list/__snapshots__/expanded_row.test.tsx.snap +++ b/x-pack/plugins/uptime/public/components/monitor/ping_list/__snapshots__/expanded_row.test.tsx.snap @@ -179,10 +179,11 @@ exports[`PingListExpandedRow renders link to docs if body is not recorded but it > docs + > + External link + diff --git a/x-pack/plugins/uptime/public/components/monitor/status_details/__snapshots__/monitor_status.bar.test.tsx.snap b/x-pack/plugins/uptime/public/components/monitor/status_details/__snapshots__/monitor_status.bar.test.tsx.snap index 80b751d8e243b..29d1ba922de8f 100644 --- a/x-pack/plugins/uptime/public/components/monitor/status_details/__snapshots__/monitor_status.bar.test.tsx.snap +++ b/x-pack/plugins/uptime/public/components/monitor/status_details/__snapshots__/monitor_status.bar.test.tsx.snap @@ -72,10 +72,11 @@ Array [ > Set tags + > + External link + diff --git a/x-pack/plugins/uptime/public/components/monitor/synthetics/waterfall/components/network_requests_total.test.tsx b/x-pack/plugins/uptime/public/components/monitor/synthetics/waterfall/components/network_requests_total.test.tsx index 63b4d2945a51c..671371093c819 100644 --- a/x-pack/plugins/uptime/public/components/monitor/synthetics/waterfall/components/network_requests_total.test.tsx +++ b/x-pack/plugins/uptime/public/components/monitor/synthetics/waterfall/components/network_requests_total.test.tsx @@ -11,7 +11,7 @@ import { render } from '../../../../../lib/helper/rtl_helpers'; describe('NetworkRequestsTotal', () => { it('message in case total is greater than fetched', () => { - const { getByText, getByLabelText } = render( + const { getByText } = render( { ); expect(getByText('First 1000/1100 network requests')).toBeInTheDocument(); - expect(getByLabelText('Info')).toBeInTheDocument(); + expect(getByText('Info')).toBeInTheDocument(); }); it('message in case total is equal to fetched requests', () => { diff --git a/x-pack/plugins/uptime/public/components/monitor/synthetics/waterfall/components/waterfall_marker_icon.test.tsx b/x-pack/plugins/uptime/public/components/monitor/synthetics/waterfall/components/waterfall_marker_icon.test.tsx index 7558a82e45df4..4241a7238ecd6 100644 --- a/x-pack/plugins/uptime/public/components/monitor/synthetics/waterfall/components/waterfall_marker_icon.test.tsx +++ b/x-pack/plugins/uptime/public/components/monitor/synthetics/waterfall/components/waterfall_marker_icon.test.tsx @@ -13,8 +13,8 @@ import { TestWrapper } from './waterfall_marker_test_helper'; describe('', () => { it('renders a dot icon when `field` is an empty string', () => { - const { getByLabelText } = render(); - expect(getByLabelText('An icon indicating that this marker has no field associated with it')); + const { getByText } = render(); + expect(getByText('An icon indicating that this marker has no field associated with it')); }); it('renders an embeddable when opened', async () => { diff --git a/x-pack/plugins/ux/public/components/app/rum_dashboard/ux_metrics/key_ux_metrics.test.tsx b/x-pack/plugins/ux/public/components/app/rum_dashboard/ux_metrics/key_ux_metrics.test.tsx index 2b899aad783d7..d232b12f3a47b 100644 --- a/x-pack/plugins/ux/public/components/app/rum_dashboard/ux_metrics/key_ux_metrics.test.tsx +++ b/x-pack/plugins/ux/public/components/app/rum_dashboard/ux_metrics/key_ux_metrics.test.tsx @@ -45,20 +45,22 @@ describe('KeyUXMetrics', () => { }; }; + // Tests include the word "info" between the task and time to account for the rendered text coming from + // the EuiIcon (tooltip) embedded within each stat description expect( - getAllByText(checkText('Longest long task duration271 ms'))[0] + getAllByText(checkText('Longest long task durationInfo271 ms'))[0] ).toBeInTheDocument(); expect( - getAllByText(checkText('Total long tasks duration520 ms'))[0] + getAllByText(checkText('Total long tasks durationInfo520 ms'))[0] ).toBeInTheDocument(); expect( - getAllByText(checkText('No. of long tasks3'))[0] + getAllByText(checkText('No. of long tasksInfo3'))[0] ).toBeInTheDocument(); expect( - getAllByText(checkText('Total blocking time271 ms'))[0] + getAllByText(checkText('Total blocking timeInfo271 ms'))[0] ).toBeInTheDocument(); expect( - getAllByText(checkText('First contentful paint1.27 s'))[0] + getAllByText(checkText('First contentful paintInfo1.27 s'))[0] ).toBeInTheDocument(); }); }); diff --git a/yarn.lock b/yarn.lock index 6814b5463143e..939702db1fba0 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1505,10 +1505,10 @@ resolved "https://registry.yarnpkg.com/@elastic/eslint-plugin-eui/-/eslint-plugin-eui-0.0.2.tgz#56b9ef03984a05cc213772ae3713ea8ef47b0314" integrity sha512-IoxURM5zraoQ7C8f+mJb9HYSENiZGgRVcG4tLQxE61yHNNRDXtGDWTZh8N1KIHcsqN1CEPETjuzBXkJYF/fDiQ== -"@elastic/eui@51.1.0": - version "51.1.0" - resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-51.1.0.tgz#338b710ae7a819bb7c3b8e1916080610e0b8e691" - integrity sha512-pjbBSkfDPAjXBRCMk4zsyZ3sPpf70XVcbOzr4BzT0MW38uKjEgEh6nu1aCdnOi+jVSHRtziJkX9rD8BRDWfsnw== +"@elastic/eui@52.2.0": + version "52.2.0" + resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-52.2.0.tgz#761101a29b96a4b5270ef93541dab7bb27f5ca50" + integrity sha512-XboYerntCOTHWHYMWJGzJtu5JYO6pk5IWh0ZHJEQ4SEjmLbTV2bFrVBTO/8uaU7GhV9/RNIo7BU5wHRyYP7z1g== dependencies: "@types/chroma-js" "^2.0.0" "@types/lodash" "^4.14.160"