From 9b2c2a9c0d2c507433836ed5b5646255aa6feec5 Mon Sep 17 00:00:00 2001
From: Dan Dong <danieldong51@gmail.com>
Date: Mon, 19 Aug 2024 15:55:32 -0700
Subject: [PATCH] Updated snapshot testing

Signed-off-by: Dan Dong <danieldong51@gmail.com>
---
 .../added_integration.test.tsx.snap           | 14 +--
 .../added_integration_flyout.test.tsx.snap    | 65 ++++++++-----
 .../integration_details.test.tsx.snap         | 96 ++++++++++---------
 .../integration_header.test.tsx.snap          | 19 ++--
 .../setup_integration.test.tsx.snap           | 16 ++--
 .../setup_integration_inputs.test.tsx.snap    | 18 ++--
 .../__snapshots__/upload_flyout.test.tsx.snap |  8 +-
 7 files changed, 139 insertions(+), 97 deletions(-)

diff --git a/public/components/integrations/components/__tests__/__snapshots__/added_integration.test.tsx.snap b/public/components/integrations/components/__tests__/__snapshots__/added_integration.test.tsx.snap
index 86d99ea84..6b89012fd 100644
--- a/public/components/integrations/components/__tests__/__snapshots__/added_integration.test.tsx.snap
+++ b/public/components/integrations/components/__tests__/__snapshots__/added_integration.test.tsx.snap
@@ -126,15 +126,17 @@ exports[`Added Integration View Test Renders added integration view using dummy
                                 <div
                                   className="euiFlexItem euiFlexItem--flexGrowZero"
                                 >
-                                  <EuiTitle
+                                  <EuiText
                                     data-test-subj="eventHomePageTitle"
-                                    size="l"
+                                    size="s"
                                   >
-                                    <h1
-                                      className="euiTitle euiTitle--large"
+                                    <div
+                                      className="euiText euiText--small"
                                       data-test-subj="eventHomePageTitle"
-                                    />
-                                  </EuiTitle>
+                                    >
+                                      <h1 />
+                                    </div>
+                                  </EuiText>
                                 </div>
                               </EuiFlexItem>
                               <EuiFlexItem
diff --git a/public/components/integrations/components/__tests__/__snapshots__/added_integration_flyout.test.tsx.snap b/public/components/integrations/components/__tests__/__snapshots__/added_integration_flyout.test.tsx.snap
index fd3980b10..ba01e02d6 100644
--- a/public/components/integrations/components/__tests__/__snapshots__/added_integration_flyout.test.tsx.snap
+++ b/public/components/integrations/components/__tests__/__snapshots__/added_integration_flyout.test.tsx.snap
@@ -71,12 +71,14 @@ exports[`Add Integration Flyout Test Renders add integration flyout with dummy i
                 <div
                   class="euiFlyoutHeader euiFlyoutHeader--hasBorder"
                 >
-                  <h2
-                    class="euiTitle euiTitle--medium"
+                  <div
+                    class="euiText euiText--small"
                     data-test-subj="addIntegrationFlyoutTitle"
                   >
-                    Add Integration
-                  </h2>
+                    <h2>
+                      Add Integration
+                    </h2>
+                  </div>
                 </div>
                 <div
                   class="euiFlyoutBody"
@@ -406,12 +408,14 @@ exports[`Add Integration Flyout Test Renders add integration flyout with dummy i
                         <div
                           class="euiFlyoutHeader euiFlyoutHeader--hasBorder"
                         >
-                          <h2
-                            class="euiTitle euiTitle--medium"
+                          <div
+                            class="euiText euiText--small"
                             data-test-subj="addIntegrationFlyoutTitle"
                           >
-                            Add Integration
-                          </h2>
+                            <h2>
+                              Add Integration
+                            </h2>
+                          </div>
                         </div>
                         <div
                           class="euiFlyoutBody"
@@ -673,12 +677,14 @@ exports[`Add Integration Flyout Test Renders add integration flyout with dummy i
                           <div
                             class="euiFlyoutHeader euiFlyoutHeader--hasBorder"
                           >
-                            <h2
-                              class="euiTitle euiTitle--medium"
+                            <div
+                              class="euiText euiText--small"
                               data-test-subj="addIntegrationFlyoutTitle"
                             >
-                              Add Integration
-                            </h2>
+                              <h2>
+                                Add Integration
+                              </h2>
+                            </div>
                           </div>
                           <div
                             class="euiFlyoutBody"
@@ -940,12 +946,14 @@ exports[`Add Integration Flyout Test Renders add integration flyout with dummy i
                             <div
                               class="euiFlyoutHeader euiFlyoutHeader--hasBorder"
                             >
-                              <h2
-                                class="euiTitle euiTitle--medium"
+                              <div
+                                class="euiText euiText--small"
                                 data-test-subj="addIntegrationFlyoutTitle"
                               >
-                                Add Integration
-                              </h2>
+                                <h2>
+                                  Add Integration
+                                </h2>
+                              </div>
                             </div>
                             <div
                               class="euiFlyoutBody"
@@ -1195,12 +1203,14 @@ exports[`Add Integration Flyout Test Renders add integration flyout with dummy i
                               <div
                                 class="euiFlyoutHeader euiFlyoutHeader--hasBorder"
                               >
-                                <h2
-                                  class="euiTitle euiTitle--medium"
+                                <div
+                                  class="euiText euiText--small"
                                   data-test-subj="addIntegrationFlyoutTitle"
                                 >
-                                  Add Integration
-                                </h2>
+                                  <h2>
+                                    Add Integration
+                                  </h2>
+                                </div>
                               </div>
                               <div
                                 class="euiFlyoutBody"
@@ -1510,16 +1520,19 @@ exports[`Add Integration Flyout Test Renders add integration flyout with dummy i
                           <div
                             className="euiFlyoutHeader euiFlyoutHeader--hasBorder"
                           >
-                            <EuiTitle
+                            <EuiText
                               data-test-subj="addIntegrationFlyoutTitle"
+                              size="s"
                             >
-                              <h2
-                                className="euiTitle euiTitle--medium"
+                              <div
+                                className="euiText euiText--small"
                                 data-test-subj="addIntegrationFlyoutTitle"
                               >
-                                Add Integration
-                              </h2>
-                            </EuiTitle>
+                                <h2>
+                                  Add Integration
+                                </h2>
+                              </div>
+                            </EuiText>
                           </div>
                         </EuiFlyoutHeader>
                         <EuiFlyoutBody>
diff --git a/public/components/integrations/components/__tests__/__snapshots__/integration_details.test.tsx.snap b/public/components/integrations/components/__tests__/__snapshots__/integration_details.test.tsx.snap
index 819112188..745acbf14 100644
--- a/public/components/integrations/components/__tests__/__snapshots__/integration_details.test.tsx.snap
+++ b/public/components/integrations/components/__tests__/__snapshots__/integration_details.test.tsx.snap
@@ -147,52 +147,60 @@ exports[`Available Integration Table View Test Renders nginx integration table v
                 </h4>
               </div>
             </EuiText>
-            <EuiLink
-              external={true}
-              href="https://github.com/"
-              target="blank"
+            <EuiText
+              size="s"
             >
-              <a
-                className="euiLink euiLink--primary"
-                href="https://github.com/"
-                rel="noreferrer"
-                target="blank"
+              <div
+                className="euiText euiText--small"
               >
-                John Doe
-                <EuiIcon
-                  aria-label="External link"
-                  className="euiLink__externalIcon"
-                  size="s"
-                  type="popout"
+                <EuiLink
+                  external={true}
+                  href="https://github.com/"
+                  target="blank"
                 >
-                  <EuiIconBeaker
-                    aria-hidden={true}
-                    aria-label="External link"
-                    className="euiIcon euiIcon--small euiIcon-isLoading euiLink__externalIcon"
-                    focusable="false"
-                    role="img"
-                    style={null}
+                  <a
+                    className="euiLink euiLink--primary"
+                    href="https://github.com/"
+                    rel="noreferrer"
+                    target="blank"
                   >
-                    <svg
-                      aria-hidden={true}
+                    John Doe
+                    <EuiIcon
                       aria-label="External link"
-                      className="euiIcon euiIcon--small euiIcon-isLoading euiLink__externalIcon"
-                      focusable="false"
-                      height={16}
-                      role="img"
-                      style={null}
-                      viewBox="0 0 16 16"
-                      width={16}
-                      xmlns="http://www.w3.org/2000/svg"
+                      className="euiLink__externalIcon"
+                      size="s"
+                      type="popout"
                     >
-                      <path
-                        d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
-                      />
-                    </svg>
-                  </EuiIconBeaker>
-                </EuiIcon>
-              </a>
-            </EuiLink>
+                      <EuiIconBeaker
+                        aria-hidden={true}
+                        aria-label="External link"
+                        className="euiIcon euiIcon--small euiIcon-isLoading euiLink__externalIcon"
+                        focusable="false"
+                        role="img"
+                        style={null}
+                      >
+                        <svg
+                          aria-hidden={true}
+                          aria-label="External link"
+                          className="euiIcon euiIcon--small euiIcon-isLoading euiLink__externalIcon"
+                          focusable="false"
+                          height={16}
+                          role="img"
+                          style={null}
+                          viewBox="0 0 16 16"
+                          width={16}
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                          />
+                        </svg>
+                      </EuiIconBeaker>
+                    </EuiIcon>
+                  </a>
+                </EuiLink>
+              </div>
+            </EuiText>
           </div>
         </EuiFlexItem>
         <EuiFlexItem>
@@ -209,10 +217,10 @@ exports[`Available Integration Table View Test Renders nginx integration table v
               </div>
             </EuiText>
             <EuiText
-              size="m"
+              size="s"
             >
               <div
-                className="euiText euiText--medium"
+                className="euiText euiText--small"
               >
                 Apache-2.0
               </div>
@@ -235,10 +243,10 @@ exports[`Available Integration Table View Test Renders nginx integration table v
           </div>
         </EuiText>
         <EuiText
-          size="m"
+          size="s"
         >
           <div
-            className="euiText euiText--medium"
+            className="euiText euiText--small"
           >
             Nginx HTTP server collector
           </div>
diff --git a/public/components/integrations/components/__tests__/__snapshots__/integration_header.test.tsx.snap b/public/components/integrations/components/__tests__/__snapshots__/integration_header.test.tsx.snap
index cd01eee6c..d1264395c 100644
--- a/public/components/integrations/components/__tests__/__snapshots__/integration_header.test.tsx.snap
+++ b/public/components/integrations/components/__tests__/__snapshots__/integration_header.test.tsx.snap
@@ -11,17 +11,19 @@ exports[`Integration Header Test Renders integration header as expected 1`] = `
           <div
             className="euiPageHeaderSection"
           >
-            <EuiTitle
+            <EuiText
               data-test-subj="integrations-header"
-              size="l"
+              size="s"
             >
-              <h1
-                className="euiTitle euiTitle--large"
+              <div
+                className="euiText euiText--small"
                 data-test-subj="integrations-header"
               >
-                Integrations
-              </h1>
-            </EuiTitle>
+                <h1>
+                  Integrations
+                </h1>
+              </div>
+            </EuiText>
           </div>
         </EuiPageHeaderSection>
         <EuiPageHeaderSection>
@@ -234,9 +236,10 @@ exports[`Integration Header Test Renders integration header as expected 1`] = `
     </EuiSpacer>
     <EuiTabs
       display="condensed"
+      size="s"
     >
       <div
-        className="euiTabs euiTabs--condensed"
+        className="euiTabs euiTabs--condensed euiTabs--small"
         role="tablist"
       >
         <EuiTab
diff --git a/public/components/integrations/components/__tests__/__snapshots__/setup_integration.test.tsx.snap b/public/components/integrations/components/__tests__/__snapshots__/setup_integration.test.tsx.snap
index 34a8bed64..5f1305706 100644
--- a/public/components/integrations/components/__tests__/__snapshots__/setup_integration.test.tsx.snap
+++ b/public/components/integrations/components/__tests__/__snapshots__/setup_integration.test.tsx.snap
@@ -64,13 +64,17 @@ exports[`Integration Setup Page Renders integration setup page as expected 1`] =
                           <div
                             className="euiForm"
                           >
-                            <EuiTitle>
-                              <h1
-                                className="euiTitle euiTitle--medium"
+                            <EuiText
+                              size="s"
+                            >
+                              <div
+                                className="euiText euiText--small"
                               >
-                                Set Up Integration
-                              </h1>
-                            </EuiTitle>
+                                <h1>
+                                  Set Up Integration
+                                </h1>
+                              </div>
+                            </EuiText>
                             <EuiSpacer>
                               <div
                                 className="euiSpacer euiSpacer--l"
diff --git a/public/components/integrations/components/__tests__/__snapshots__/setup_integration_inputs.test.tsx.snap b/public/components/integrations/components/__tests__/__snapshots__/setup_integration_inputs.test.tsx.snap
index 3361237a3..0a08a7873 100644
--- a/public/components/integrations/components/__tests__/__snapshots__/setup_integration_inputs.test.tsx.snap
+++ b/public/components/integrations/components/__tests__/__snapshots__/setup_integration_inputs.test.tsx.snap
@@ -2,11 +2,13 @@
 
 exports[`Integration Setup Inputs Renders the S3 connector form as expected 1`] = `
 <EuiForm>
-  <EuiTitle>
+  <EuiText
+    size="s"
+  >
     <h1>
       Set Up Integration
     </h1>
-  </EuiTitle>
+  </EuiText>
   <EuiSpacer />
   <EuiSpacer />
   <EuiText>
@@ -233,11 +235,13 @@ exports[`Integration Setup Inputs Renders the S3 connector form as expected 1`]
 
 exports[`Integration Setup Inputs Renders the S3 connector form without workflows 1`] = `
 <EuiForm>
-  <EuiTitle>
+  <EuiText
+    size="s"
+  >
     <h1>
       Set Up Integration
     </h1>
-  </EuiTitle>
+  </EuiText>
   <EuiSpacer />
   <EuiSpacer />
   <EuiText>
@@ -1746,11 +1750,13 @@ exports[`Integration Setup Inputs Renders the details inputs 1`] = `
 
 exports[`Integration Setup Inputs Renders the index form as expected 1`] = `
 <EuiForm>
-  <EuiTitle>
+  <EuiText
+    size="s"
+  >
     <h1>
       Set Up Integration
     </h1>
-  </EuiTitle>
+  </EuiText>
   <EuiSpacer />
   <EuiSpacer />
   <EuiText>
diff --git a/public/components/integrations/components/__tests__/__snapshots__/upload_flyout.test.tsx.snap b/public/components/integrations/components/__tests__/__snapshots__/upload_flyout.test.tsx.snap
index a784634fa..6d7e7878a 100644
--- a/public/components/integrations/components/__tests__/__snapshots__/upload_flyout.test.tsx.snap
+++ b/public/components/integrations/components/__tests__/__snapshots__/upload_flyout.test.tsx.snap
@@ -6,7 +6,13 @@ exports[`Integration Upload Flyout Renders integration upload flyout as expected
   size="s"
 >
   <EuiFlyoutHeader>
-    Upload Integrations
+    <EuiText
+      size="s"
+    >
+      <h2>
+        Upload Integrations
+      </h2>
+    </EuiText>
   </EuiFlyoutHeader>
   <EuiFlyoutBody>
     <IntegrationUploadPicker