Update failing jest specs

ee/spec/frontend/clusters/components/environments_spec.js

@@ -27,7 +27,7 @@ describe('Environments', () => {
 
   it('renders an empty state if no deployments are found', () => {
     const emptyState = wrapper.find(GlEmptyState);
-    const emptyStateText = emptyState.text();
+    const emptyStateText = emptyState.text().replace(/\s+/g, ' ');
 
     expect(emptyState.exists()).toBe(true);
     expect(emptyStateText).toContain(

ee/spec/frontend/on_demand_scans/components/__snapshots__/empty_state_spec.js.snap

@@ -26,12 +26,16 @@ exports[`EmptyState renders properly 1`] = `
       class="text-content gl-mx-auto gl-my-0 gl-p-5"
     >
       <h1
-        class="h4"
+        class="gl-font-size-h-display gl-line-height-36 h4"
       >
+        
         On-demand scans
+      
       </h1>
        
-      <p>
+      <p
+        class="gl-mt-3"
+      >
         On-demand scans run outside of DevOps cycle and find vulnerabilities in your projects. 
         <a
           class="gl-link"

ee/spec/frontend/security_dashboard/components/shared/empty_states/__snapshots__/dashboard_has_no_vulnerabilities_spec.js.snap

@@ -7,8 +7,10 @@ exports[`dashboard has no vulnerabilities empty state matches snapshot 1`] = `
   </div>
   <div class=\\"col-12\\">
     <div class=\\"text-content gl-mx-auto gl-my-0 gl-p-5\\">
-      <h1 class=\\"h4\\">No vulnerabilities found</h1>
-      <p>
+      <h1 class=\\"gl-font-size-h-display gl-line-height-36 h4\\">
+        No vulnerabilities found
+      </h1>
+      <p class=\\"gl-mt-3\\">
         Although it's rare to have no vulnerabilities, it can happen. Check your settings to make sure you've set up your dashboard correctly.
       </p>
       <div class=\\"gl-display-flex gl-flex-wrap gl-justify-content-center\\"><a href=\\"/path/to/dashboard/documentation\\" class=\\"btn gl-mb-3 btn-confirm btn-md gl-button gl-mx-2\\">

ee/spec/frontend_integration/security_dashboard/__snapshots__/security_dashboard_init_integration_spec.js.snap

@@ -56,11 +56,13 @@ exports[`Security Dashboard error states has unavailable pages 1`] = `
         class="text-content gl-mx-auto gl-my-0 gl-p-5"
       >
         <h1
-          class="h4"
+          class="gl-font-size-h-display gl-line-height-36 h4"
         >
         Oops, something doesn't seem right.
         </h1>
-        <p>
+        <p
+          class="gl-mt-3"
+        >
           Either you don't have permission to view this dashboard or the dashboard has not been setup. Please check your permission settings with your administrator or check your dashboard configurations to proceed.
         </p>
         <div

ee/spec/frontend_integration/security_dashboard/__snapshots__/vulnerability_report_init_integration_spec.js.snap

@@ -26,11 +26,13 @@ exports[`Vulnerability Report error states has unavailable pages 1`] = `
         class="text-content gl-mx-auto gl-my-0 gl-p-5"
       >
         <h1
-          class="h4"
+          class="gl-font-size-h-display gl-line-height-36 h4"
         >
         Oops, something doesn't seem right.
         </h1>
-        <p>
+        <p
+          class="gl-mt-3"
+        >
           Either you don't have permission to view this dashboard or the dashboard has not been setup. Please check your permission settings with your administrator or check your dashboard configurations to proceed.
         </p>
         <div

spec/frontend/admin/analytics/devops_score/components/devops_score_spec.js

@@ -44,7 +44,7 @@ describe('DevopsScore', () => {
       });
 
       it('displays the correct message', () => {
-        expect(findEmptyState().text()).toBe(
+        expect(findEmptyState().text().replace(/\s+/g, ' ')).toBe(
           'Data is still calculating... It may be several days before you see feature usage data. See example DevOps Score page in our documentation.',
         );
       });

spec/frontend/packages_and_registries/infrastructure_registry/components/list/components/__snapshots__/packages_list_app_spec.js.snap

@@ -34,12 +34,16 @@ exports[`packages_list_app renders 1`] = `
           class="text-content gl-mx-auto gl-my-0 gl-p-5"
         >
           <h1
-            class="h4"
+            class="gl-font-size-h-display gl-line-height-36 h4"
           >
+            
         There are no packages yet
+      
           </h1>
            
-          <p>
+          <p
+            class="gl-mt-3"
+          >
             Learn how to 
             <b-link-stub
               class="gl-link"

spec/frontend/packages_and_registries/package_registry/components/list/__snapshots__/app_spec.js.snap

@@ -35,12 +35,16 @@ exports[`PackagesListApp renders 1`] = `
           class="text-content gl-mx-auto gl-my-0 gl-p-5"
         >
           <h1
-            class="h4"
+            class="gl-font-size-h-display gl-line-height-36 h4"
           >
+            
         There are no packages yet
+      
           </h1>
            
-          <p>
+          <p
+            class="gl-mt-3"
+          >
             Learn how to 
             <b-link-stub
               class="gl-link"

spec/frontend/serverless/components/__snapshots__/empty_state_spec.js.snap

@@ -7,8 +7,10 @@ exports[`EmptyStateComponent should render content 1`] = `
   </div>
   <div class=\\"col-12\\">
     <div class=\\"text-content gl-mx-auto gl-my-0 gl-p-5\\">
-      <h1 class=\\"h4\\">Getting started with serverless</h1>
-      <p>In order to start using functions as a service, you must first install Knative on your Kubernetes cluster. <gl-link-stub href=\\"/help\\">More information</gl-link-stub>
+      <h1 class=\\"gl-font-size-h-display gl-line-height-36 h4\\">
+        Getting started with serverless
+      </h1>
+      <p class=\\"gl-mt-3\\">In order to start using functions as a service, you must first install Knative on your Kubernetes cluster. <gl-link-stub href=\\"/help\\">More information</gl-link-stub>
       </p>
       <div class=\\"gl-display-flex gl-flex-wrap gl-justify-content-center\\">
         <!---->