From 6f1c6e2215e7f000f65282be28efa316b9533e68 Mon Sep 17 00:00:00 2001
From: Bree Hall <briannajdhall@gmail.com>
Date: Mon, 26 Sep 2022 09:39:40 -0400
Subject: [PATCH] Updated snapshots in Jest Test Suite #10 to account for
 EuiButton, EuiBadge, EuiButtonIcon, and EuiCard Emotion conversions. Updated
 snapshots for EuiToolTtip as it now contains the new EuiTooltipAnchor
 component that replaced the tooltip anchor styles

---
 .../sample_data_card.test.tsx.snap            | 114 +++++++++---------
 .../disabled_footer.test.tsx.snap             |   8 +-
 .../install_footer.test.tsx.snap              |   6 +-
 .../__snapshots__/remove_footer.test.tsx.snap |   8 +-
 .../exit_full_screen_button.test.tsx.snap     |  36 +++---
 .../table/__snapshots__/table.test.tsx.snap   |   2 +
 .../__snapshots__/add_filter.test.tsx.snap    |   4 +
 .../__snapshots__/index.test.tsx.snap         |   4 +-
 .../__snapshots__/index.test.tsx.snap         |  28 ++---
 9 files changed, 112 insertions(+), 98 deletions(-)

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 0e1f5bc5b45f1..1a30a8809e5b1 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
@@ -2,14 +2,14 @@
 
 exports[`SampleDataCard installed renders with app links 1`] = `
 <div
-  class="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--hasBetaBadge emotion-euiPanel-grow-m-m-plain-hasShadow"
+  class="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--hasBetaBadge emotion-euiPanel-grow-m-m-plain-hasShadow-euiCard-left-vertical-hasBetaBadge"
   data-test-subj="sampleDataSetCardsample-data-set"
 >
   <div
-    class="euiCard__top"
+    class="euiCard__top emotion-euiCard__top-vertical"
   >
     <div
-      class="euiCard__image"
+      class="euiCard__image emotion-euiCard__image"
     >
       <img
         alt=""
@@ -18,16 +18,20 @@ exports[`SampleDataCard installed renders with app links 1`] = `
     </div>
   </div>
   <div
-    class="euiCard__content"
+    class="euiCard__content emotion-euiCard__content-vertical"
   >
-    <span
+    <p
       class="euiTitle euiCard__title emotion-euiTitle-s"
       id="generated-idTitle"
     >
-      Sample Data Set
-    </span>
+      <span
+        class="emotion-euiCard__text-left"
+      >
+        Sample Data Set
+      </span>
+    </p>
     <div
-      class="euiText euiCard__description emotion-euiText-s"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -36,18 +40,14 @@ exports[`SampleDataCard installed renders with app links 1`] = `
     </div>
   </div>
   <span
-    class="euiCard__betaBadgeWrapper"
+    class="euiBetaBadge euiBetaBadge--hollow emotion-euiCard__betaBadge"
+    id="generated-idBetaBadge"
+    title="installed"
   >
-    <span
-      class="euiBetaBadge euiBetaBadge--hollow euiCard__betaBadge"
-      id="generated-idBetaBadge"
-      title="installed"
-    >
-      installed
-    </span>
+    installed
   </span>
   <div
-    class="euiCard__footer"
+    class="emotion-euiCard__footer"
   >
     <div
       class="euiFlexGroup euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
@@ -57,7 +57,7 @@ exports[`SampleDataCard installed renders with app links 1`] = `
       >
         <button
           aria-label="Remove Sample Data Set"
-          class="euiButtonEmpty euiButtonEmpty--danger euiButtonEmpty--flushLeft"
+          class="euiButtonEmpty euiButtonEmpty--flushLeft css-1v3a3p6-empty-danger"
           data-test-subj="removeSampleDataSetsample-data-set"
           type="button"
         >
@@ -85,19 +85,19 @@ exports[`SampleDataCard installed renders with app links 1`] = `
           >
             <button
               aria-label="View Sample Data Set"
-              class="euiButton euiButton--primary"
+              class="euiButton emotion-euiButtonDisplay-m-m-base-primary"
               type="button"
             >
               <span
-                class="euiButtonContent euiButtonContent--iconRight euiButton__content"
+                class="emotion-euiButtonDisplayContent-right"
               >
                 <span
-                  class="euiButtonContent__icon"
+                  class="emotion-euiButtonDisplayContent__icon-m"
                   color="inherit"
                   data-euiicon-type="arrowDown"
                 />
                 <span
-                  class="euiButton__text"
+                  class="eui-textTruncate"
                 >
                   View data
                 </span>
@@ -113,14 +113,14 @@ exports[`SampleDataCard installed renders with app links 1`] = `
 
 exports[`SampleDataCard installed renders without app links 1`] = `
 <div
-  class="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--hasBetaBadge emotion-euiPanel-grow-m-m-plain-hasShadow"
+  class="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned euiCard--hasBetaBadge emotion-euiPanel-grow-m-m-plain-hasShadow-euiCard-left-vertical-hasBetaBadge"
   data-test-subj="sampleDataSetCardsample-data-set"
 >
   <div
-    class="euiCard__top"
+    class="euiCard__top emotion-euiCard__top-vertical"
   >
     <div
-      class="euiCard__image"
+      class="euiCard__image emotion-euiCard__image"
     >
       <img
         alt=""
@@ -129,16 +129,20 @@ exports[`SampleDataCard installed renders without app links 1`] = `
     </div>
   </div>
   <div
-    class="euiCard__content"
+    class="euiCard__content emotion-euiCard__content-vertical"
   >
-    <span
+    <p
       class="euiTitle euiCard__title emotion-euiTitle-s"
       id="generated-idTitle"
     >
-      Sample Data Set
-    </span>
+      <span
+        class="emotion-euiCard__text-left"
+      >
+        Sample Data Set
+      </span>
+    </p>
     <div
-      class="euiText euiCard__description emotion-euiText-s"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -147,18 +151,14 @@ exports[`SampleDataCard installed renders without app links 1`] = `
     </div>
   </div>
   <span
-    class="euiCard__betaBadgeWrapper"
+    class="euiBetaBadge euiBetaBadge--hollow emotion-euiCard__betaBadge"
+    id="generated-idBetaBadge"
+    title="installed"
   >
-    <span
-      class="euiBetaBadge euiBetaBadge--hollow euiCard__betaBadge"
-      id="generated-idBetaBadge"
-      title="installed"
-    >
-      installed
-    </span>
+    installed
   </span>
   <div
-    class="euiCard__footer"
+    class="emotion-euiCard__footer"
   >
     <div
       class="euiFlexGroup euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
@@ -168,7 +168,7 @@ exports[`SampleDataCard installed renders without app links 1`] = `
       >
         <button
           aria-label="Remove Sample Data Set"
-          class="euiButtonEmpty euiButtonEmpty--danger euiButtonEmpty--flushLeft"
+          class="euiButtonEmpty euiButtonEmpty--flushLeft css-1v3a3p6-empty-danger"
           data-test-subj="removeSampleDataSetsample-data-set"
           type="button"
         >
@@ -188,15 +188,15 @@ exports[`SampleDataCard installed renders without app links 1`] = `
       >
         <button
           aria-label="View Sample Data Set"
-          class="euiButton euiButton--primary"
+          class="euiButton emotion-euiButtonDisplay-m-m-base-primary"
           data-test-subj="launchSampleDataSetsample-data-set"
           type="button"
         >
           <span
-            class="euiButtonContent euiButton__content"
+            class="emotion-euiButtonDisplayContent"
           >
             <span
-              class="euiButton__text"
+              class="eui-textTruncate"
             >
               View data
             </span>
@@ -210,14 +210,14 @@ exports[`SampleDataCard installed renders without app links 1`] = `
 
 exports[`SampleDataCard not installed renders 1`] = `
 <div
-  class="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned emotion-euiPanel-grow-m-m-plain-hasShadow"
+  class="euiPanel euiPanel--plain euiPanel--paddingMedium euiCard euiCard--leftAligned emotion-euiPanel-grow-m-m-plain-hasShadow-euiCard-left-vertical"
   data-test-subj="sampleDataSetCardsample-data-set"
 >
   <div
-    class="euiCard__top"
+    class="euiCard__top emotion-euiCard__top-vertical"
   >
     <div
-      class="euiCard__image"
+      class="euiCard__image emotion-euiCard__image"
     >
       <img
         alt=""
@@ -226,16 +226,20 @@ exports[`SampleDataCard not installed renders 1`] = `
     </div>
   </div>
   <div
-    class="euiCard__content"
+    class="euiCard__content emotion-euiCard__content-vertical"
   >
-    <span
+    <p
       class="euiTitle euiCard__title emotion-euiTitle-s"
       id="generated-idTitle"
     >
-      Sample Data Set
-    </span>
+      <span
+        class="emotion-euiCard__text-left"
+      >
+        Sample Data Set
+      </span>
+    </p>
     <div
-      class="euiText euiCard__description emotion-euiText-s"
+      class="euiText emotion-euiText-s-euiCard__description"
       id="generated-idDescription"
     >
       <p>
@@ -244,7 +248,7 @@ exports[`SampleDataCard not installed renders 1`] = `
     </div>
   </div>
   <div
-    class="euiCard__footer"
+    class="emotion-euiCard__footer"
   >
     <div
       class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow euiFlexGroup--responsive"
@@ -254,15 +258,15 @@ exports[`SampleDataCard not installed renders 1`] = `
       >
         <button
           aria-label="Add Sample Data Set"
-          class="euiButton euiButton--primary"
+          class="euiButton emotion-euiButtonDisplay-m-m-base-primary"
           data-test-subj="addSampleDataSetsample-data-set"
           type="button"
         >
           <span
-            class="euiButtonContent euiButton__content"
+            class="emotion-euiButtonDisplayContent"
           >
             <span
-              class="euiButton__text"
+              class="eui-textTruncate"
             >
               Add data
             </span>
diff --git a/packages/home/sample_data_card/src/footer/__snapshots__/disabled_footer.test.tsx.snap b/packages/home/sample_data_card/src/footer/__snapshots__/disabled_footer.test.tsx.snap
index 7bd3d678d10c4..71e0796af88f0 100644
--- a/packages/home/sample_data_card/src/footer/__snapshots__/disabled_footer.test.tsx.snap
+++ b/packages/home/sample_data_card/src/footer/__snapshots__/disabled_footer.test.tsx.snap
@@ -8,20 +8,20 @@ exports[`install footer should render 1`] = `
     class="euiFlexItem euiFlexItem--flexGrowZero"
   >
     <span
-      class="euiToolTipAnchor"
+      class="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock"
     >
       <button
         aria-label="Add Data Set Name"
-        class="euiButton euiButton--primary euiButton-isDisabled"
+        class="euiButton emotion-euiButtonDisplay-m-isDisabled-m-base-disabled"
         data-test-subj="addSampleDataSetdata-set-id"
         disabled=""
         type="button"
       >
         <span
-          class="euiButtonContent euiButton__content"
+          class="emotion-euiButtonDisplayContent"
         >
           <span
-            class="euiButton__text"
+            class="eui-textTruncate"
           >
             Add data
           </span>
diff --git a/packages/home/sample_data_card/src/footer/__snapshots__/install_footer.test.tsx.snap b/packages/home/sample_data_card/src/footer/__snapshots__/install_footer.test.tsx.snap
index ae82e72ad9eac..55f4ad3adb074 100644
--- a/packages/home/sample_data_card/src/footer/__snapshots__/install_footer.test.tsx.snap
+++ b/packages/home/sample_data_card/src/footer/__snapshots__/install_footer.test.tsx.snap
@@ -9,15 +9,15 @@ exports[`install footer should render 1`] = `
   >
     <button
       aria-label="Add Data Set Name"
-      class="euiButton euiButton--primary"
+      class="euiButton emotion-euiButtonDisplay-m-m-base-primary"
       data-test-subj="addSampleDataSetdata-set-id"
       type="button"
     >
       <span
-        class="euiButtonContent euiButton__content"
+        class="emotion-euiButtonDisplayContent"
       >
         <span
-          class="euiButton__text"
+          class="eui-textTruncate"
         >
           Add data
         </span>
diff --git a/packages/home/sample_data_card/src/footer/__snapshots__/remove_footer.test.tsx.snap b/packages/home/sample_data_card/src/footer/__snapshots__/remove_footer.test.tsx.snap
index 05346f60294a7..a6ffe99f4304f 100644
--- a/packages/home/sample_data_card/src/footer/__snapshots__/remove_footer.test.tsx.snap
+++ b/packages/home/sample_data_card/src/footer/__snapshots__/remove_footer.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`install footer should render 1`] = `
   >
     <button
       aria-label="Remove Data Set Name"
-      class="euiButtonEmpty euiButtonEmpty--danger euiButtonEmpty--flushLeft"
+      class="euiButtonEmpty euiButtonEmpty--flushLeft css-1v3a3p6-empty-danger"
       data-test-subj="removeSampleDataSetdata-set-id"
       type="button"
     >
@@ -29,15 +29,15 @@ exports[`install footer should render 1`] = `
   >
     <button
       aria-label="View Data Set Name"
-      class="euiButton euiButton--primary"
+      class="euiButton emotion-euiButtonDisplay-m-m-base-primary"
       data-test-subj="launchSampleDataSetdata-set-id"
       type="button"
     >
       <span
-        class="euiButtonContent euiButton__content"
+        class="emotion-euiButtonDisplayContent"
       >
         <span
-          class="euiButton__text"
+          class="eui-textTruncate"
         >
           View data
         </span>
diff --git a/packages/shared-ux/button/exit_full_screen/impl/src/__snapshots__/exit_full_screen_button.test.tsx.snap b/packages/shared-ux/button/exit_full_screen/impl/src/__snapshots__/exit_full_screen_button.test.tsx.snap
index 55f77c07e79ba..af5dd18c20e8a 100644
--- a/packages/shared-ux/button/exit_full_screen/impl/src/__snapshots__/exit_full_screen_button.test.tsx.snap
+++ b/packages/shared-ux/button/exit_full_screen/impl/src/__snapshots__/exit_full_screen_button.test.tsx.snap
@@ -54,7 +54,7 @@ exports[`<ExitFullScreenButton /> with kibana services is rendered 1`] = `
                 Object {
                   "insert": [Function],
                   "inserted": Object {
-                    "4rqdyn-euiScreenReaderOnly": true,
+                    "hus3oj-euiScreenReaderOnly": true,
                   },
                   "key": "css",
                   "nonce": undefined,
@@ -69,7 +69,7 @@ exports[`<ExitFullScreenButton /> with kibana services is rendered 1`] = `
                         data-s=""
                       >
                         
-                        .emotion-euiScreenReaderOnly{position:absolute;top:auto;left:-10000px;width:1px;height:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;margin:-1px;}
+                        .emotion-euiScreenReaderOnly{position:absolute;inset-block-start:auto;inset-inline-start:-10000px;inline-size:1px;block-size:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;margin:-1px;}
                       </style>
                       <style
                         data-styled="active"
@@ -92,7 +92,7 @@ exports[`<ExitFullScreenButton /> with kibana services is rendered 1`] = `
                         data-s=""
                       >
                         
-                        .emotion-euiScreenReaderOnly{position:absolute;top:auto;left:-10000px;width:1px;height:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;margin:-1px;}
+                        .emotion-euiScreenReaderOnly{position:absolute;inset-block-start:auto;inset-inline-start:-10000px;inline-size:1px;block-size:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;margin:-1px;}
                       </style>,
                     ],
                   },
@@ -102,18 +102,20 @@ exports[`<ExitFullScreenButton /> with kibana services is rendered 1`] = `
               serialized={
                 Object {
                   "map": undefined,
-                  "name": "4rqdyn-euiScreenReaderOnly",
+                  "name": "hus3oj-euiScreenReaderOnly",
                   "next": undefined,
                   "styles": ";
   // Take the element out of the layout
   position: absolute;
   // Keep it vertically inline
-  top: auto;
+  inset-block-start: auto;
   // Chrome requires a left value, and Selenium (used by Kibana's FTR) requires an off-screen position for its .getVisibleText() to not register SR-only text
-  left: -10000px;
+  inset-inline-start: -10000px;
   // The element must have a size (for some screen readers)
-  width: 1px;
-  height: 1px;
+  
+    inline-size: 1px;
+    block-size: 1px;
+  
   // But reduce the visible size to nothing
   clip: rect(0 0 0 0);
   clip-path: inset(50%);
@@ -255,7 +257,7 @@ exports[`<ExitFullScreenButton /> with manual services is rendered 1`] = `
                 Object {
                   "insert": [Function],
                   "inserted": Object {
-                    "4rqdyn-euiScreenReaderOnly": true,
+                    "hus3oj-euiScreenReaderOnly": true,
                   },
                   "key": "css",
                   "nonce": undefined,
@@ -270,7 +272,7 @@ exports[`<ExitFullScreenButton /> with manual services is rendered 1`] = `
                         data-s=""
                       >
                         
-                        .emotion-euiScreenReaderOnly{position:absolute;top:auto;left:-10000px;width:1px;height:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;margin:-1px;}
+                        .emotion-euiScreenReaderOnly{position:absolute;inset-block-start:auto;inset-inline-start:-10000px;inline-size:1px;block-size:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;margin:-1px;}
                       </style>
                       <style
                         data-styled="active"
@@ -289,7 +291,7 @@ exports[`<ExitFullScreenButton /> with manual services is rendered 1`] = `
                         data-s=""
                       >
                         
-                        .emotion-euiScreenReaderOnly{position:absolute;top:auto;left:-10000px;width:1px;height:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;margin:-1px;}
+                        .emotion-euiScreenReaderOnly{position:absolute;inset-block-start:auto;inset-inline-start:-10000px;inline-size:1px;block-size:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;margin:-1px;}
                       </style>,
                     ],
                   },
@@ -299,18 +301,20 @@ exports[`<ExitFullScreenButton /> with manual services is rendered 1`] = `
               serialized={
                 Object {
                   "map": undefined,
-                  "name": "4rqdyn-euiScreenReaderOnly",
+                  "name": "hus3oj-euiScreenReaderOnly",
                   "next": undefined,
                   "styles": ";
   // Take the element out of the layout
   position: absolute;
   // Keep it vertically inline
-  top: auto;
+  inset-block-start: auto;
   // Chrome requires a left value, and Selenium (used by Kibana's FTR) requires an off-screen position for its .getVisibleText() to not register SR-only text
-  left: -10000px;
+  inset-inline-start: -10000px;
   // The element must have a size (for some screen readers)
-  width: 1px;
-  height: 1px;
+  
+    inline-size: 1px;
+    block-size: 1px;
+  
   // But reduce the visible size to nothing
   clip: rect(0 0 0 0);
   clip-path: inset(50%);
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 e06bcf99e3399..2062e11dfd28b 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
@@ -68,8 +68,10 @@ exports[`Table render conflict summary modal  1`] = `
   </EuiModalBody>
   <EuiModalFooter>
     <EuiButton
+      color="primary"
       fill={true}
       onClick={[Function]}
+      size="m"
     >
       <FormattedMessage
         defaultMessage="Close"
diff --git a/src/plugins/data_view_management/public/components/edit_index_pattern/source_filters_table/components/add_filter/__snapshots__/add_filter.test.tsx.snap b/src/plugins/data_view_management/public/components/edit_index_pattern/source_filters_table/components/add_filter/__snapshots__/add_filter.test.tsx.snap
index e512cc894f383..d7114058e9b90 100644
--- a/src/plugins/data_view_management/public/components/edit_index_pattern/source_filters_table/components/add_filter/__snapshots__/add_filter.test.tsx.snap
+++ b/src/plugins/data_view_management/public/components/edit_index_pattern/source_filters_table/components/add_filter/__snapshots__/add_filter.test.tsx.snap
@@ -15,9 +15,11 @@ exports[`AddFilter should ignore strings with just spaces 1`] = `
   </EuiFlexItem>
   <EuiFlexItem>
     <EuiButton
+      color="primary"
       data-test-subj="addFieldFilterButton"
       isDisabled={true}
       onClick={[Function]}
+      size="m"
     >
       <FormattedMessage
         defaultMessage="Add"
@@ -44,9 +46,11 @@ exports[`AddFilter should render normally 1`] = `
   </EuiFlexItem>
   <EuiFlexItem>
     <EuiButton
+      color="primary"
       data-test-subj="addFieldFilterButton"
       isDisabled={true}
       onClick={[Function]}
+      size="m"
     >
       <FormattedMessage
         defaultMessage="Add"
diff --git a/x-pack/plugins/session_view/public/components/detail_panel_copy/__snapshots__/index.test.tsx.snap b/x-pack/plugins/session_view/public/components/detail_panel_copy/__snapshots__/index.test.tsx.snap
index 7793ce77756ee..3fd0d8cbfe443 100644
--- a/x-pack/plugins/session_view/public/components/detail_panel_copy/__snapshots__/index.test.tsx.snap
+++ b/x-pack/plugins/session_view/public/components/detail_panel_copy/__snapshots__/index.test.tsx.snap
@@ -10,7 +10,7 @@ Object {
         data-test-subj="sessionView:detail-panel-list-item"
       >
         <span
-          class="euiToolTipAnchor"
+          class="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock"
         >
           <span>
             copy component test
@@ -25,7 +25,7 @@ Object {
       data-test-subj="sessionView:detail-panel-list-item"
     >
       <span
-        class="euiToolTipAnchor"
+        class="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock"
       >
         <span>
           copy component test
diff --git a/x-pack/plugins/session_view/public/components/process_tree_alert/__snapshots__/index.test.tsx.snap b/x-pack/plugins/session_view/public/components/process_tree_alert/__snapshots__/index.test.tsx.snap
index 919a86ae6dc8c..a15f72d1cab4f 100644
--- a/x-pack/plugins/session_view/public/components/process_tree_alert/__snapshots__/index.test.tsx.snap
+++ b/x-pack/plugins/session_view/public/components/process_tree_alert/__snapshots__/index.test.tsx.snap
@@ -18,7 +18,7 @@ Object {
           >
             <button
               aria-label="expand"
-              class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall"
+              class="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles"
               data-test-subj="sessionView:sessionViewAlertDetailExpand-6bb22512e0e588d1a2449b61f164b216e366fba2de39e65d002ae734d71a6c38"
               type="button"
             >
@@ -51,15 +51,15 @@ Object {
             class="euiFlexItem euiFlexItem--flexGrowZero"
           >
             <span
-              class="euiBadge euiBadge--iconLeft emotion-EuiInnerText"
+              class="euiBadge emotion-EuiInnerText"
               style="background-color: rgb(121, 170, 217); color: rgb(0, 0, 0);"
               title="open"
             >
               <span
-                class="euiBadge__content"
+                class="euiBadge__content emotion-euiBadge__content"
               >
                 <span
-                  class="euiBadge__text"
+                  class="euiBadge__text emotion-euiBadge__text"
                 >
                   open
                 </span>
@@ -70,15 +70,15 @@ Object {
             class="euiFlexItem euiFlexItem--flexGrowZero"
           >
             <span
-              class="euiBadge euiBadge--iconLeft emotion-EuiInnerText"
+              class="euiBadge emotion-EuiInnerText"
               style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
               title="exec"
             >
               <span
-                class="euiBadge__content"
+                class="euiBadge__content emotion-euiBadge__content"
               >
                 <span
-                  class="euiBadge__text"
+                  class="euiBadge__text emotion-euiBadge__text"
                 >
                   exec
                 </span>
@@ -103,7 +103,7 @@ Object {
         >
           <button
             aria-label="expand"
-            class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall"
+            class="euiButtonIcon euiButtonIcon--xSmall emotion-euiButtonIcon-empty-primary-hoverStyles"
             data-test-subj="sessionView:sessionViewAlertDetailExpand-6bb22512e0e588d1a2449b61f164b216e366fba2de39e65d002ae734d71a6c38"
             type="button"
           >
@@ -136,15 +136,15 @@ Object {
           class="euiFlexItem euiFlexItem--flexGrowZero"
         >
           <span
-            class="euiBadge euiBadge--iconLeft emotion-EuiInnerText"
+            class="euiBadge emotion-EuiInnerText"
             style="background-color: rgb(121, 170, 217); color: rgb(0, 0, 0);"
             title="open"
           >
             <span
-              class="euiBadge__content"
+              class="euiBadge__content emotion-euiBadge__content"
             >
               <span
-                class="euiBadge__text"
+                class="euiBadge__text emotion-euiBadge__text"
               >
                 open
               </span>
@@ -155,15 +155,15 @@ Object {
           class="euiFlexItem euiFlexItem--flexGrowZero"
         >
           <span
-            class="euiBadge euiBadge--iconLeft emotion-EuiInnerText"
+            class="euiBadge emotion-EuiInnerText"
             style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
             title="exec"
           >
             <span
-              class="euiBadge__content"
+              class="euiBadge__content emotion-euiBadge__content"
             >
               <span
-                class="euiBadge__text"
+                class="euiBadge__text emotion-euiBadge__text"
               >
                 exec
               </span>