diff --git a/package.json b/package.json index 3906ff723236b..8e8bdcedc01c1 100644 --- a/package.json +++ b/package.json @@ -107,7 +107,7 @@ "@elastic/datemath": "5.0.3", "@elastic/elasticsearch": "npm:@elastic/elasticsearch-canary@8.3.0-canary.1", "@elastic/ems-client": "8.3.3", - "@elastic/eui": "60.3.0", + "@elastic/eui": "62.0.3", "@elastic/filesaver": "1.1.2", "@elastic/node-crypto": "1.2.1", "@elastic/numeral": "^2.5.1", diff --git a/packages/core/i18n/core-i18n-browser-internal/src/__snapshots__/i18n_service.test.tsx.snap b/packages/core/i18n/core-i18n-browser-internal/src/__snapshots__/i18n_service.test.tsx.snap index 58ef0d67aa8a2..a75ef5540fd89 100644 --- a/packages/core/i18n/core-i18n-browser-internal/src/__snapshots__/i18n_service.test.tsx.snap +++ b/packages/core/i18n/core-i18n-browser-internal/src/__snapshots__/i18n_service.test.tsx.snap @@ -88,7 +88,13 @@ exports[`#start() returns \`Context\` component 1`] = ` "euiDataGridCell.position": [Function], "euiDataGridCellActions.expandButtonTitle": "Click or hit enter to interact with cell content", "euiDataGridHeaderCell.actionsPopoverScreenReaderText": "To navigate through the list of column actions, press the Tab or Up and Down arrow keys.", - "euiDataGridHeaderCell.headerActions": "Header actions", + "euiDataGridHeaderCell.headerActions": "Click to view column header actions", + "euiDataGridHeaderCell.sortedByAscendingFirst": [Function], + "euiDataGridHeaderCell.sortedByAscendingMultiple": [Function], + "euiDataGridHeaderCell.sortedByAscendingSingle": "Sorted ascending", + "euiDataGridHeaderCell.sortedByDescendingFirst": [Function], + "euiDataGridHeaderCell.sortedByDescendingMultiple": [Function], + "euiDataGridHeaderCell.sortedByDescendingSingle": "Sorted descending", "euiDataGridPagination.detailedPaginationLabel": [Function], "euiDataGridPagination.paginationLabel": "Pagination for preceding grid", "euiDataGridSchema.booleanSortTextAsc": "False-True", @@ -139,8 +145,8 @@ exports[`#start() returns \`Context\` component 1`] = ` "euiHeaderLinks.appNavigation": "App menu", "euiHeaderLinks.openNavigationMenu": "Open menu", "euiHue.label": "Select the HSV color mode \\"hue\\" value", - "euiImage.closeImage": [Function], - "euiImage.openImage": [Function], + "euiImageButton.closeFullScreen": "Press Escape or click to close image fullscreen mode", + "euiImageButton.openFullScreen": "Click to open this image in fullscreen mode", "euiLink.external.ariaLabel": "External link", "euiLink.newTarget.screenReaderOnlyText": "(opens in a new tab or window)", "euiLoadingChart.ariaLabel": "Loading", diff --git a/packages/core/i18n/core-i18n-browser-internal/src/i18n_eui_mapping.tsx b/packages/core/i18n/core-i18n-browser-internal/src/i18n_eui_mapping.tsx index f4e3c2b2d7202..93e73d5272d5d 100644 --- a/packages/core/i18n/core-i18n-browser-internal/src/i18n_eui_mapping.tsx +++ b/packages/core/i18n/core-i18n-browser-internal/src/i18n_eui_mapping.tsx @@ -415,9 +415,41 @@ export const getEuiContextMapping = (): EuiTokensObject => { 'euiDataGridHeaderCell.headerActions': i18n.translate( 'core.euiDataGridHeaderCell.headerActions', { - defaultMessage: 'Header actions', + defaultMessage: 'Click to view column header actions', } ), + 'euiDataGridHeaderCell.sortedByAscendingSingle': i18n.translate( + 'core.euiDataGridHeaderCell.sortedByAscendingSingle', + { + defaultMessage: 'Sorted ascending', + } + ), + 'euiDataGridHeaderCell.sortedByDescendingSingle': i18n.translate( + 'core.euiDataGridHeaderCell.sortedByDescendingSingle', + { + defaultMessage: 'Sorted descending', + } + ), + 'euiDataGridHeaderCell.sortedByAscendingFirst': ({ columnId }: EuiValues) => + i18n.translate('core.euiDataGridHeaderCell.sortedByAscendingFirst', { + defaultMessage: 'Sorted by {columnId}, ascending', + values: { columnId }, + }), + 'euiDataGridHeaderCell.sortedByDescendingFirst': ({ columnId }: EuiValues) => + i18n.translate('core.euiDataGridHeaderCell.sortedByDescendingFirst', { + defaultMessage: 'Sorted by {columnId}, descending', + values: { columnId }, + }), + 'euiDataGridHeaderCell.sortedByAscendingMultiple': ({ columnId }: EuiValues) => + i18n.translate('core.euiDataGridHeaderCell.sortedByAscendingMultiple', { + defaultMessage: ', then sorted by {columnId}, ascending', + values: { columnId }, + }), + 'euiDataGridHeaderCell.sortedByDescendingMultiple': ({ columnId }: EuiValues) => + i18n.translate('core.euiDataGridHeaderCell.sortedByDescendingMultiple', { + defaultMessage: ', then sorted by {columnId}, descending', + values: { columnId }, + }), 'euiDataGridHeaderCell.actionsPopoverScreenReaderText': i18n.translate( 'core.euiDataGridHeaderCell.actionsPopoverScreenReaderText', { @@ -612,16 +644,12 @@ export const getEuiContextMapping = (): EuiTokensObject => { 'euiHue.label': i18n.translate('core.euiHue.label', { defaultMessage: 'Select the HSV color mode "hue" value', }), - 'euiImage.closeImage': ({ alt }: EuiValues) => - i18n.translate('core.euiImage.closeImage', { - defaultMessage: 'Close fullscreen {alt} image', - values: { alt }, - }), - 'euiImage.openImage': ({ alt }: EuiValues) => - i18n.translate('core.euiImage.openImage', { - defaultMessage: 'Open fullscreen {alt} image', - values: { alt }, - }), + 'euiImageButton.openFullScreen': i18n.translate('core.euiImageButton.openFullScreen', { + defaultMessage: 'Click to open this image in fullscreen mode', + }), + 'euiImageButton.closeFullScreen': i18n.translate('core.euiImageButton.closeFullScreen', { + defaultMessage: 'Press Escape or click to close image fullscreen mode', + }), 'euiLink.external.ariaLabel': i18n.translate('core.euiLink.external.ariaLabel', { defaultMessage: 'External link', }), diff --git a/packages/home/sample_data_card/src/__snapshots__/sample_data_card.test.tsx.snap b/packages/home/sample_data_card/src/__snapshots__/sample_data_card.test.tsx.snap index 460e7a7961866..0e1f5bc5b45f1 100644 --- a/packages/home/sample_data_card/src/__snapshots__/sample_data_card.test.tsx.snap +++ b/packages/home/sample_data_card/src/__snapshots__/sample_data_card.test.tsx.snap @@ -76,12 +76,12 @@ exports[`SampleDataCard installed renders with app links 1`] = ` class="euiFlexItem euiFlexItem--flexGrowZero" >
} closePopover={[MockFunction]} - display="inlineBlock" + display="inline-block" hasArrow={true} isOpen={false} ownFocus={true} diff --git a/packages/shared-ux/button_toolbar/src/popover/__snapshots__/popover.test.tsx.snap b/packages/shared-ux/button_toolbar/src/popover/__snapshots__/popover.test.tsx.snap index 112e4336fdcbb..319ea90381f9e 100644 --- a/packages/shared-ux/button_toolbar/src/popover/__snapshots__/popover.test.tsx.snap +++ b/packages/shared-ux/button_toolbar/src/popover/__snapshots__/popover.test.tsx.snap @@ -1,395 +1,27 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[` is rendered 1`] = ` - - - } - closePopover={[Function]} - display="inlineBlock" - hasArrow={true} - intl={ - Object { - "defaultFormats": Object {}, - "defaultLocale": "en", - "formatDate": [Function], - "formatHTMLMessage": [Function], - "formatMessage": [Function], - "formatNumber": [Function], - "formatPlural": [Function], - "formatRelative": [Function], - "formatTime": [Function], - "formats": Object { - "date": Object { - "full": Object { - "day": "numeric", - "month": "long", - "weekday": "long", - "year": "numeric", - }, - "long": Object { - "day": "numeric", - "month": "long", - "year": "numeric", - }, - "medium": Object { - "day": "numeric", - "month": "short", - "year": "numeric", - }, - "short": Object { - "day": "numeric", - "month": "numeric", - "year": "2-digit", - }, - }, - "number": Object { - "currency": Object { - "style": "currency", - }, - "percent": Object { - "style": "percent", - }, - }, - "relative": Object { - "days": Object { - "units": "day", - }, - "hours": Object { - "units": "hour", - }, - "minutes": Object { - "units": "minute", - }, - "months": Object { - "units": "month", - }, - "seconds": Object { - "units": "second", - }, - "years": Object { - "units": "year", - }, - }, - "time": Object { - "full": Object { - "hour": "numeric", - "minute": "numeric", - "second": "numeric", - "timeZoneName": "short", - }, - "long": Object { - "hour": "numeric", - "minute": "numeric", - "second": "numeric", - "timeZoneName": "short", - }, - "medium": Object { - "hour": "numeric", - "minute": "numeric", - "second": "numeric", - }, - "short": Object { - "hour": "numeric", - "minute": "numeric", - }, - }, - }, - "formatters": Object { - "getDateTimeFormat": [Function], - "getMessageFormat": [Function], - "getNumberFormat": [Function], - "getPluralFormat": [Function], - "getRelativeFormat": [Function], - }, - "locale": "en", - "messages": Object {}, - "now": [Function], - "onError": [Function], - "textComponent": Symbol(react.fragment), - "timeZone": null, - } - } - isOpen={false} - ownFocus={true} - panelPaddingSize="m" +
-
-
- - - - - - - -
-
- - + test + + + +
+
`; diff --git a/packages/shared-ux/button_toolbar/src/popover/popover.test.tsx b/packages/shared-ux/button_toolbar/src/popover/popover.test.tsx index 022ab3fe56f51..afdf0007f8883 100644 --- a/packages/shared-ux/button_toolbar/src/popover/popover.test.tsx +++ b/packages/shared-ux/button_toolbar/src/popover/popover.test.tsx @@ -16,7 +16,7 @@ describe('', () => { const isOpen = true; const component = mountWithIntl( !isOpen} />); - expect(component).toMatchSnapshot(); + expect(component.render()).toMatchSnapshot(); }); test('accepts an onClick handler', () => { diff --git a/packages/shared-ux/card/no_data/impl/src/__snapshots__/no_data_card.test.tsx.snap b/packages/shared-ux/card/no_data/impl/src/__snapshots__/no_data_card.test.tsx.snap index a9f42dbf15296..949570f3e8b5a 100644 --- a/packages/shared-ux/card/no_data/impl/src/__snapshots__/no_data_card.test.tsx.snap +++ b/packages/shared-ux/card/no_data/impl/src/__snapshots__/no_data_card.test.tsx.snap @@ -12,11 +12,11 @@ exports[`NoDataCard props button 1`] = ` class="euiCard__image" >
@@ -86,11 +86,11 @@ exports[`NoDataCard props extends EuiCardProps 1`] = ` class="euiCard__image" >
@@ -160,11 +160,11 @@ exports[`NoDataCard props href 1`] = ` class="euiCard__image" >
@@ -234,11 +234,11 @@ exports[`NoDataCard props no access to Fleet 1`] = ` class="euiCard__image" >
@@ -293,11 +293,11 @@ exports[`NoDataCard renders 1`] = ` class="euiCard__image" >
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 98b117c17bb2a..ac0743939d75a 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 @@ -1,2773 +1,182 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Header renders 1`] = ` -
- -
- , - ], - }, - Object { - "borders": "none", - "items": Array [ - - - , - ], - }, - Object { - "borders": "none", - "items": Array [ - - - , - , - , - ], - }, - ] - } - theme="dark" +
- - -
+
- - - -
- -
- - + + + +
+
+
+
+
+
+
+
+
- - -
- - - - - } - closePopover={[Function]} - data-test-subj="helpMenuButton" - display="inlineBlock" - hasArrow={true} - id="headerHelpMenu" - isOpen={false} - ownFocus={true} - panelPaddingSize="m" - repositionOnScroll={true} + -
-
- - - - - - - - - - , - } - } - className="euiHeaderSectionItemButton" - color="text" - onClick={[Function]} - > - - - -
-
- - -
- - -
- -
- + + + + +
- +
- - +
+
+
+
- - + + + + +
+
+ +
+
+
- -
- -
- -
- -
- -
-
- +
-
-
+
+ `; diff --git a/src/core/public/chrome/ui/header/header.test.tsx b/src/core/public/chrome/ui/header/header.test.tsx index 682cadf1e5172..10cca7ad9cd9a 100644 --- a/src/core/public/chrome/ui/header/header.test.tsx +++ b/src/core/public/chrome/ui/header/header.test.tsx @@ -96,7 +96,7 @@ describe('Header', () => { act(() => isLocked$.next(true)); component.update(); expect(component.find('[data-test-subj="collapsibleNav"]').exists()).toBeTruthy(); - expect(component).toMatchSnapshot(); + expect(component.render()).toMatchSnapshot(); act(() => breadcrumbsAppendExtension$.next({ diff --git a/src/dev/license_checker/config.ts b/src/dev/license_checker/config.ts index 6e26bf1f2af63..02649c2fc5b88 100644 --- a/src/dev/license_checker/config.ts +++ b/src/dev/license_checker/config.ts @@ -83,6 +83,6 @@ export const LICENSE_OVERRIDES = { 'jsts@1.6.2': ['Eclipse Distribution License - v 1.0'], // cf. https://github.com/bjornharrtell/jsts '@mapbox/jsonlint-lines-primitives@2.0.2': ['MIT'], // license in readme https://github.com/tmcw/jsonlint '@elastic/ems-client@8.3.3': ['Elastic License 2.0'], - '@elastic/eui@60.3.0': ['SSPL-1.0 OR Elastic License 2.0'], + '@elastic/eui@62.0.3': ['SSPL-1.0 OR Elastic License 2.0'], 'language-subtag-registry@0.3.21': ['CC-BY-4.0'], // retired ODC‑By license https://github.com/mattcg/language-subtag-registry }; diff --git a/src/plugins/dashboard/public/application/embeddable/empty_screen/__snapshots__/dashboard_empty_screen.test.tsx.snap b/src/plugins/dashboard/public/application/embeddable/empty_screen/__snapshots__/dashboard_empty_screen.test.tsx.snap index 544cdb7ae9bfb..b075e079466be 100644 --- a/src/plugins/dashboard/public/application/embeddable/empty_screen/__snapshots__/dashboard_empty_screen.test.tsx.snap +++ b/src/plugins/dashboard/public/application/embeddable/empty_screen/__snapshots__/dashboard_empty_screen.test.tsx.snap @@ -44,11 +44,11 @@ exports[`DashboardEmptyScreen renders correctly with readonly mode 1`] = ` role="main" >
@@ -85,11 +85,11 @@ exports[`DashboardEmptyScreen renders correctly with view mode 1`] = ` role="main" >
diff --git a/src/plugins/data/public/search/session/session_indicator/search_session_indicator/search_session_indicator.test.tsx b/src/plugins/data/public/search/session/session_indicator/search_session_indicator/search_session_indicator.test.tsx index 3fe0e1172487c..6c9dad6651c47 100644 --- a/src/plugins/data/public/search/session/session_indicator/search_session_indicator/search_session_indicator.test.tsx +++ b/src/plugins/data/public/search/session/session_indicator/search_session_indicator/search_session_indicator.test.tsx @@ -9,6 +9,7 @@ import React, { ReactNode } from 'react'; import { screen, render } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; +import { waitForEuiPopoverOpen } from '@elastic/eui/lib/test/rtl'; import { SearchSessionIndicator } from './search_session_indicator'; import { __IntlProvider as IntlProvider } from '@kbn/i18n-react'; import { SearchSessionState } from '../../../..'; @@ -26,6 +27,7 @@ test('Loading state', async () => { ); await userEvent.click(screen.getByLabelText('Search session loading')); + await waitForEuiPopoverOpen(); await userEvent.click(screen.getByText('Stop session')); expect(onCancel).toBeCalled(); @@ -40,6 +42,7 @@ test('Completed state', async () => { ); await userEvent.click(screen.getByLabelText('Search session complete')); + await waitForEuiPopoverOpen(); await userEvent.click(screen.getByText('Save session')); expect(onSave).toBeCalled(); @@ -54,6 +57,7 @@ test('Loading in the background state', async () => { ); await userEvent.click(screen.getByLabelText(/Saved session in progress/)); + await waitForEuiPopoverOpen(); await userEvent.click(screen.getByText('Stop session')); expect(onCancel).toBeCalled(); diff --git a/src/plugins/data/public/utils/table_inspector_view/components/__snapshots__/data_view.test.tsx.snap b/src/plugins/data/public/utils/table_inspector_view/components/__snapshots__/data_view.test.tsx.snap index 803d7de517752..4f40db7c07141 100644 --- a/src/plugins/data/public/utils/table_inspector_view/components/__snapshots__/data_view.test.tsx.snap +++ b/src/plugins/data/public/utils/table_inspector_view/components/__snapshots__/data_view.test.tsx.snap @@ -176,11 +176,11 @@ Array [ class="euiFlexItem euiFlexItem--flexGrowZero" >
"`; -exports[`VisLegend Component Legend open should match the snapshot 1`] = `"
"`; +exports[`VisLegend Component Legend open should match the snapshot 1`] = `"
"`; diff --git a/test/functional/page_objects/settings_page.ts b/test/functional/page_objects/settings_page.ts index 0d6549b2e46b3..2ed64330f4b1c 100644 --- a/test/functional/page_objects/settings_page.ts +++ b/test/functional/page_objects/settings_page.ts @@ -345,7 +345,7 @@ export class SettingsPageObject extends FtrService { async setScriptedFieldLanguageFilter(language: string) { await this.retry.try(async () => { await this.testSubjects.clickWhenNotDisabled('scriptedFieldLanguageFilterDropdown'); - return await this.find.byCssSelector('div.euiPopover__panel-isOpen'); + return await this.find.byCssSelector('div.euiPopover__panel[data-popover-open]'); }); await this.testSubjects.existOrFail('scriptedFieldLanguageFilterDropdown-popover'); await this.testSubjects.existOrFail(`scriptedFieldLanguageFilterDropdown-option-${language}`); diff --git a/test/functional/page_objects/time_picker.ts b/test/functional/page_objects/time_picker.ts index 5c3c0d81890dd..47cc89f10ce3c 100644 --- a/test/functional/page_objects/time_picker.ts +++ b/test/functional/page_objects/time_picker.ts @@ -71,7 +71,7 @@ export class TimePickerPageObject extends FtrService { private async getTimePickerPanel() { return await this.retry.try(async () => { - return await this.find.byCssSelector('div.euiPopover__panel-isOpen'); + return await this.find.byCssSelector('div.euiPopover__panel[data-popover-open]'); }); } diff --git a/test/functional/services/filter_bar.ts b/test/functional/services/filter_bar.ts index 7178013d5b9fd..ab020a1ae943d 100644 --- a/test/functional/services/filter_bar.ts +++ b/test/functional/services/filter_bar.ts @@ -14,6 +14,7 @@ export class FilterBarService extends FtrService { private readonly testSubjects = this.ctx.getService('testSubjects'); private readonly common = this.ctx.getPageObject('common'); private readonly header = this.ctx.getPageObject('header'); + private readonly retry = this.ctx.getService('retry'); /** * Checks if specified filter exists @@ -127,32 +128,37 @@ export class FilterBarService extends FtrService { * filterBar.addFilter('extension', 'is one of', ['jpg', 'png']); */ public async addFilter(field: string, operator: string, ...values: any): Promise { - await this.testSubjects.click('addFilter'); - await this.comboBox.set('filterFieldSuggestionList', field); - await this.comboBox.set('filterOperatorList', operator); - const params = await this.testSubjects.find('filterParams'); - const paramsComboBoxes = await params.findAllByCssSelector( - '[data-test-subj~="filterParamsComboBox"]', - 1000 - ); - const paramFields = await params.findAllByTagName('input', 1000); - for (let i = 0; i < values.length; i++) { - let fieldValues = values[i]; - if (!Array.isArray(fieldValues)) { - fieldValues = [fieldValues]; - } - - if (paramsComboBoxes && paramsComboBoxes.length > 0) { - for (let j = 0; j < fieldValues.length; j++) { - await this.comboBox.setElement(paramsComboBoxes[i], fieldValues[j]); + await this.retry.try(async () => { + await this.testSubjects.click('addFilter'); + await this.testSubjects.existOrFail('addFilterPopover'); + + await this.comboBox.set('filterFieldSuggestionList', field); + await this.comboBox.set('filterOperatorList', operator); + const params = await this.testSubjects.find('filterParams'); + const paramsComboBoxes = await params.findAllByCssSelector( + '[data-test-subj~="filterParamsComboBox"]', + 1000 + ); + const paramFields = await params.findAllByTagName('input', 1000); + for (let i = 0; i < values.length; i++) { + let fieldValues = values[i]; + if (!Array.isArray(fieldValues)) { + fieldValues = [fieldValues]; } - } else if (paramFields && paramFields.length > 0) { - for (let j = 0; j < fieldValues.length; j++) { - await paramFields[i].type(fieldValues[j]); + + if (paramsComboBoxes && paramsComboBoxes.length > 0) { + for (let j = 0; j < fieldValues.length; j++) { + await this.comboBox.setElement(paramsComboBoxes[i], fieldValues[j]); + } + } else if (paramFields && paramFields.length > 0) { + for (let j = 0; j < fieldValues.length; j++) { + await paramFields[i].type(fieldValues[j]); + } } } - } - await this.testSubjects.click('saveFilter'); + + await this.testSubjects.clickWhenNotDisabled('saveFilter'); + }); await this.header.awaitGlobalLoadingIndicatorHidden(); } diff --git a/x-pack/plugins/apm/ftr_e2e/cypress/integration/power_user/rules/error_count.spec.ts b/x-pack/plugins/apm/ftr_e2e/cypress/integration/power_user/rules/error_count.spec.ts index a9ad367e56619..b145369535225 100644 --- a/x-pack/plugins/apm/ftr_e2e/cypress/integration/power_user/rules/error_count.spec.ts +++ b/x-pack/plugins/apm/ftr_e2e/cypress/integration/power_user/rules/error_count.spec.ts @@ -30,7 +30,7 @@ describe('Rules', () => { describe('Error count', () => { const ruleName = 'Error count threshold'; const comboBoxInputSelector = - '.euiPopover__panel-isOpen [data-test-subj=comboBoxSearchInput]'; + '[data-popover-open] [data-test-subj=comboBoxSearchInput]'; const confirmModalButtonSelector = '.euiModal button[data-test-subj=confirmModalConfirmButton]'; diff --git a/x-pack/plugins/apm/public/components/app/service_map/popover/index.tsx b/x-pack/plugins/apm/public/components/app/service_map/popover/index.tsx index de00aa906b141..64d750a70b805 100644 --- a/x-pack/plugins/apm/public/components/app/service_map/popover/index.tsx +++ b/x-pack/plugins/apm/public/components/app/service_map/popover/index.tsx @@ -200,7 +200,6 @@ export function Popover({ isOpen={isOpen} ref={popoverRef} style={popoverStyle} - initialFocus={false} >
@@ -205,13 +204,12 @@ exports[`Storyshots components/Assets/Asset marker 1`] = ` className="canvasAsset__thumb canvasCheckered" >
Asset thumbnail
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 eff6eb18580f0..841f5de8f2a9f 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 @@ -319,13 +319,12 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = ` className="canvasAsset__thumb canvasCheckered" >
Asset thumbnail
@@ -495,13 +494,12 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = ` className="canvasAsset__thumb canvasCheckered" >
Asset thumbnail
diff --git a/x-pack/plugins/canvas/public/components/color_picker_popover/__stories__/__snapshots__/color_picker_popover.stories.storyshot b/x-pack/plugins/canvas/public/components/color_picker_popover/__stories__/__snapshots__/color_picker_popover.stories.storyshot index 1adcd661b5c4d..ae5781984be2e 100644 --- a/x-pack/plugins/canvas/public/components/color_picker_popover/__stories__/__snapshots__/color_picker_popover.stories.storyshot +++ b/x-pack/plugins/canvas/public/components/color_picker_popover/__stories__/__snapshots__/color_picker_popover.stories.storyshot @@ -3,11 +3,11 @@ exports[`Storyshots components/Color/ColorPickerPopover interactive 1`] = `
"`; +exports[`ResetSessionPage renders as expected 1`] = `"ElasticMockedFonts

You do not have permission to access the requested page

Either go back to the previous page or log in as a different user.

Log in as different user
"`; diff --git a/x-pack/plugins/security_solution/cypress/integration/cases/attach_alert_to_case.spec.ts b/x-pack/plugins/security_solution/cypress/integration/cases/attach_alert_to_case.spec.ts index cac79b2114dd7..8a6d3d9a5fed1 100644 --- a/x-pack/plugins/security_solution/cypress/integration/cases/attach_alert_to_case.spec.ts +++ b/x-pack/plugins/security_solution/cypress/integration/cases/attach_alert_to_case.spec.ts @@ -16,6 +16,7 @@ import { login, visit, waitForPageWithoutDateRange } from '../../tasks/login'; import { ALERTS_URL } from '../../urls/navigation'; import { ATTACH_ALERT_TO_CASE_BUTTON, TIMELINE_CONTEXT_MENU_BTN } from '../../screens/alerts'; +import { LOADING_INDICATOR } from '../../screens/security_header'; const loadDetectionsPage = (role: ROLES) => { waitForPageWithoutDateRange(ALERTS_URL, role); @@ -49,7 +50,7 @@ describe('Alerts timeline', () => { beforeEach(() => { login(ROLES.platform_engineer); loadDetectionsPage(ROLES.platform_engineer); - waitForPageToBeLoaded(); + cy.get(LOADING_INDICATOR).should('not.exist'); // on CI, waitForPageToBeLoaded fails because the loading icon can't be found }); it('should allow a user with crud privileges to attach alerts to cases', () => { diff --git a/x-pack/plugins/security_solution/cypress/screens/case_details.ts b/x-pack/plugins/security_solution/cypress/screens/case_details.ts index 8e785cdc10ef7..84224ac4b64df 100644 --- a/x-pack/plugins/security_solution/cypress/screens/case_details.ts +++ b/x-pack/plugins/security_solution/cypress/screens/case_details.ts @@ -31,7 +31,7 @@ export const CASE_DETAILS_USER_ACTION_DESCRIPTION_USERNAME = export const CASE_DETAILS_USERNAMES = '[data-test-subj="case-view-username"]'; -export const CASE_EVENT_UPDATE = '.euiCommentEvent--update'; +export const CASE_EVENT_UPDATE = '.euiCommentEvent[data-type="update"]'; export const CASE_IN_PROGRESS_STATUS = '[data-test-subj="status-badge-in-progress"]'; diff --git a/x-pack/plugins/security_solution/cypress/tasks/timeline.ts b/x-pack/plugins/security_solution/cypress/tasks/timeline.ts index 01d10c627af85..72ab78bf452b8 100644 --- a/x-pack/plugins/security_solution/cypress/tasks/timeline.ts +++ b/x-pack/plugins/security_solution/cypress/tasks/timeline.ts @@ -168,7 +168,7 @@ export const addFilter = (filter: TimelineFilter): Cypress.Chainable> => { cy.get(TIMELINE_ADD_FIELD_BUTTON).click(); cy.get(LOADING_INDICATOR).should('not.exist'); - cy.focused().should('have.class', 'euiPopover__panel'); + cy.get('[data-popover-open]').should('exist'); cy.get(TIMELINE_DATA_PROVIDER_FIELD).click(); cy.get(TIMELINE_DATA_PROVIDER_FIELD) .find(TIMELINE_DATA_PROVIDER_FIELD_INPUT) diff --git a/x-pack/plugins/security_solution/public/common/components/authentication/__snapshots__/authentications_host_table.test.tsx.snap b/x-pack/plugins/security_solution/public/common/components/authentication/__snapshots__/authentications_host_table.test.tsx.snap index 3445bc360b521..864c8cd1aa1dc 100644 --- a/x-pack/plugins/security_solution/public/common/components/authentication/__snapshots__/authentications_host_table.test.tsx.snap +++ b/x-pack/plugins/security_solution/public/common/components/authentication/__snapshots__/authentications_host_table.test.tsx.snap @@ -376,12 +376,12 @@ exports[`Authentication Host Table Component rendering it renders the host authe class="euiFlexItem" >