Upgrade EUI to v52.2.0 (#128841)

* Updgraded EUI packages in package.json and src/dev/license_checker/config.js

* Resolved Jest test failures for Jest test suites 1 and 2. Updated snapshots, and updated equality conditions for specific test cases

* Resolve Jest test cases for Jest test suite 3. Updated snapshots for required tests

* Resolved failing Jest test cases in Jest suite 3. Updated tests checking for strict text equality to account for text coming from the EuiScreenReaderOnly component. Also updated tests to account for EuiIcon text that is now rendered when the icon is imported from .testenv (PR 5709 - elastic/eui#5709).

* type fixes

* eui to 52.2.0

* Resolved test cases for Jest test suites 1 and 2. Updated required snapshots.
Updated tests using getAllByLabelText and getByLabelText to getAllByText and getByText respectively as the former have been deprecated

* Updated Jest tests for Jest test suites 5 and 6. Updated required snapshots. Updated instances of getByLabelText and getAllByLabelText to getByText and getAllByText as the former are now deprecated.

* Updated Jest tests for Jest test suite 7. Updated required snapshots.

* Completed test case revisions for Jest test suites 1, 3, 6, 7, and 8. Updated required snapshots. Updated various tests to account for text rendering of the EuiIcon text.

* removed unused test utils

* use .contains for euiicon content

* storyshots updates

* linting

* Fix failing a11y violations tests

* Fix Jest failures caused by #eui/5709

- these changes should be reverted if we opt to revert the above PR

Co-authored-by: Bree Hall <[email protected]>
Co-authored-by: Greg Thompson <[email protected]>

package.json

@@ -108,7 +108,7 @@
     "@elastic/datemath": "link:bazel-bin/packages/elastic-datemath",
     "@elastic/elasticsearch": "npm:@elastic/[email protected]",
     "@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",

src/dev/license_checker/config.ts

@@ -77,6 +77,6 @@ export const LICENSE_OVERRIDES = {
   '[email protected]': ['Eclipse Distribution License - v 1.0'], // cf. https://github.com/bjornharrtell/jsts
   '@mapbox/[email protected]': ['MIT'], // license in readme https://github.com/tmcw/jsonlint
   '@elastic/[email protected]': ['Elastic License 2.0'],
-  '@elastic/eui@51.1.0': ['SSPL-1.0 OR Elastic License 2.0'],
+  '@elastic/eui@52.2.0': ['SSPL-1.0 OR Elastic License 2.0'],
   '[email protected]': ['CC-BY-4.0'], // retired ODC‑By license https://github.com/mattcg/language-subtag-registry
 };

src/plugins/saved_objects_management/public/management_section/object_view/components/not_found_errors.test.tsx

@@ -25,7 +25,7 @@ describe('NotFoundErrors component', () => {
     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."`
     );
   });
 });

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');
     });
   });
 });

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']);
   });