Update selectors in tests and snapshots

Seems like some bootstrap utility classes went away.

ee/spec/features/groups/analytics/cycle_analytics/filters_and_data_spec.rb

@@ -59,7 +59,7 @@ RSpec.describe 'Group value stream analytics filters and data', :js do
 
   shared_examples 'empty state' do
     it 'displays an empty state' do
-      element = page.find('.row.empty-state')
+      element = page.find('.empty-state')
 
       expect(element).to have_content(_("We don't have enough data to show this stage."))
       expect(element.find('.svg-content img')['src']).to have_content('illustrations/analytics/cycle-analytics-empty-chart')

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

@@ -2,10 +2,10 @@
 
 exports[`EmptyState renders properly 1`] = `
 <section
-  class="row empty-state text-center"
+  class="gl-display-flex gl-flex-wrap empty-state gl-text-center gl-flex-direction-column"
 >
   <div
-    class="col-12"
+    class="gl-max-w-full"
   >
     <div
       class="svg-250 svg-content"
@@ -20,10 +20,10 @@ exports[`EmptyState renders properly 1`] = `
   </div>
    
   <div
-    class="col-12"
+    class="gl-max-w-full gl-m-auto"
   >
     <div
-      class="text-content gl-mx-auto gl-my-0 gl-p-5"
+      class="gl-mx-auto gl-my-0 gl-p-5"
     >
       <h1
         class="gl-font-size-h-display gl-line-height-36 h4"

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

 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`dashboard has no vulnerabilities empty state matches snapshot 1`] = `
-"<section class=\\"row gl-mt-0 empty-state text-center\\">
-  <div class=\\"col-12\\">
+"<section class=\\"gl-display-flex gl-flex-wrap gl-mt-0 empty-state gl-text-center gl-flex-direction-column\\">
+  <div class=\\"gl-max-w-full\\">
     <div class=\\"svg-250 svg-content\\"><img src=\\"/placeholder.svg\\" alt=\\"\\" role=\\"img\\" class=\\"gl-max-w-full\\"></div>
   </div>
-  <div class=\\"col-12\\">
-    <div class=\\"text-content gl-mx-auto gl-my-0 gl-p-5\\">
+  <div class=\\"gl-max-w-full gl-m-auto\\">
+    <div class=\\"gl-mx-auto gl-my-0 gl-p-5\\">
       <h1 class=\\"gl-font-size-h-display gl-line-height-36 h4\\">
         No vulnerabilities found
       </h1>

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

@@ -33,10 +33,10 @@ exports[`Security Dashboard default states sets up instance-level 1`] = `
 exports[`Security Dashboard error states has unavailable pages 1`] = `
 <div>
   <section
-    class="row empty-state text-center"
+    class="gl-display-flex gl-flex-wrap empty-state gl-text-center gl-flex-direction-column"
   >
     <div
-      class="col-12"
+      class="gl-max-w-full"
     >
       <div
         class="svg-250 svg-content"
@@ -50,10 +50,10 @@ exports[`Security Dashboard error states has unavailable pages 1`] = `
       </div>
     </div>
     <div
-      class="col-12"
+      class="gl-max-w-full gl-m-auto"
     >
       <div
-        class="text-content gl-mx-auto gl-my-0 gl-p-5"
+        class="gl-mx-auto gl-my-0 gl-p-5"
       >
         <h1
           class="gl-font-size-h-display gl-line-height-36 h4"

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

@@ -3,10 +3,10 @@
 exports[`Vulnerability Report error states has unavailable pages 1`] = `
 <div>
   <section
-    class="row empty-state text-center"
+    class="gl-display-flex gl-flex-wrap empty-state gl-text-center gl-flex-direction-column"
   >
     <div
-      class="col-12"
+      class="gl-max-w-full"
     >
       <div
         class="svg-250 svg-content"
@@ -20,10 +20,10 @@ exports[`Vulnerability Report error states has unavailable pages 1`] = `
       </div>
     </div>
     <div
-      class="col-12"
+      class="gl-max-w-full gl-m-auto"
     >
       <div
-        class="text-content gl-mx-auto gl-my-0 gl-p-5"
+        class="gl-mx-auto gl-my-0 gl-p-5"
       >
         <h1
           class="gl-font-size-h-display gl-line-height-36 h4"

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

@@ -10,10 +10,10 @@ exports[`packages_list_app renders 1`] = `
    
   <div>
     <section
-      class="row empty-state text-center"
+      class="gl-display-flex gl-flex-wrap empty-state gl-text-center gl-flex-direction-column"
     >
       <div
-        class="col-12"
+        class="gl-max-w-full"
       >
         <div
           class="svg-250 svg-content"
@@ -28,10 +28,10 @@ exports[`packages_list_app renders 1`] = `
       </div>
        
       <div
-        class="col-12"
+        class="gl-max-w-full gl-m-auto"
       >
         <div
-          class="text-content gl-mx-auto gl-my-0 gl-p-5"
+          class="gl-mx-auto gl-my-0 gl-p-5"
         >
           <h1
             class="gl-font-size-h-display gl-line-height-36 h4"

spec/frontend/packages_and_registries/package_registry/pages/__snapshots__/list_spec.js.snap

@@ -11,10 +11,10 @@ exports[`PackagesListApp renders 1`] = `
    
   <div>
     <section
-      class="row empty-state text-center"
+      class="gl-display-flex gl-flex-wrap empty-state gl-text-center gl-flex-direction-column"
     >
       <div
-        class="col-12"
+        class="gl-max-w-full"
       >
         <div
           class="svg-250 svg-content"
@@ -29,10 +29,10 @@ exports[`PackagesListApp renders 1`] = `
       </div>
        
       <div
-        class="col-12"
+        class="gl-max-w-full gl-m-auto"
       >
         <div
-          class="text-content gl-mx-auto gl-my-0 gl-p-5"
+          class="gl-mx-auto gl-my-0 gl-p-5"
         >
           <h1
             class="gl-font-size-h-display gl-line-height-36 h4"

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

 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`EmptyStateComponent should render content 1`] = `
-"<section class=\\"row empty-state text-center\\">
-  <div class=\\"col-12\\">
+"<section class=\\"gl-display-flex gl-flex-wrap empty-state gl-text-center gl-flex-direction-column\\">
+  <div class=\\"gl-max-w-full\\">
     <div class=\\"svg-250 svg-content\\"><img src=\\"/image.svg\\" alt=\\"\\" role=\\"img\\" class=\\"gl-max-w-full\\"></div>
   </div>
-  <div class=\\"col-12\\">
-    <div class=\\"text-content gl-mx-auto gl-my-0 gl-p-5\\">
+  <div class=\\"gl-max-w-full gl-m-auto\\">
+    <div class=\\"gl-mx-auto gl-my-0 gl-p-5\\">
       <h1 class=\\"gl-font-size-h-display gl-line-height-36 h4\\">
         Getting started with serverless
       </h1>