Fix specs for Vue 3

Fix failing specs in Vue 3
fix match snapshot

ee/spec/frontend/security_configuration/dast_profiles/dast_profile_selector/__snapshots__/site_profile_selector_spec.js.snap

@@ -19,11 +19,24 @@ exports[`SiteProfileSelector renders properly with no profiles 1`] = `
       />
     </p>
   </div>
-  <empty-state-stub
+  <div
     class="gl-mb-4"
   >
-    No site profile selected Select a site profile to run a DAST scan
-  </empty-state-stub>
+    <div
+      class="gl-bg-subtle gl-flex gl-flex-col gl-items-center gl-mb-5 gl-p-6 gl-rounded-small gl-text-center"
+    >
+      <h5
+        class="gl-h5 gl-mb-2 gl-mt-0 gl-text-subtle"
+      >
+        No site profile selected
+      </h5>
+      <span
+        class="gl-text-subtle"
+      >
+        Select a site profile to run a DAST scan
+      </span>
+    </div>
+  </div>
   <gl-button-stub
     buttontextclasses=""
     category="secondary"
@@ -56,11 +69,24 @@ exports[`SiteProfileSelector renders properly with profiles 1`] = `
       />
     </p>
   </div>
-  <empty-state-stub
+  <div
     class="gl-mb-4"
   >
-    No site profile selected Select a site profile to run a DAST scan
-  </empty-state-stub>
+    <div
+      class="gl-bg-subtle gl-flex gl-flex-col gl-items-center gl-mb-5 gl-p-6 gl-rounded-small gl-text-center"
+    >
+      <h5
+        class="gl-h5 gl-mb-2 gl-mt-0 gl-text-subtle"
+      >
+        No site profile selected
+      </h5>
+      <span
+        class="gl-text-subtle"
+      >
+        Select a site profile to run a DAST scan
+      </span>
+    </div>
+  </div>
   <gl-button-stub
     buttontextclasses=""
     category="secondary"

ee/spec/frontend/security_configuration/dast_profiles/dast_profile_selector/site_profile_selector_spec.js

 import { shallowMount } from '@vue/test-utils';
 import SiteProfileSelector from 'ee/security_configuration/dast_profiles/dast_profile_selector/site_profile_selector.vue';
+import EmptyState from 'ee/security_configuration/dast_profiles/dast_profile_selector/empty_state.vue';
 import { siteProfiles } from 'ee_jest/security_configuration/dast_profiles/mocks/mock_data';
 import { extendedWrapper } from 'helpers/vue_test_utils_helper';
 
@@ -13,6 +14,9 @@ describe('SiteProfileSelector', () => {
           profiles: [],
           props,
         },
+        stubs: {
+          EmptyState,
+        },
       }),
     );
   };

scripts/frontend/quarantined_vue3_specs.txt

@@ -76,7 +76,6 @@ ee/spec/frontend/security_configuration/components/app_spec.js
 ee/spec/frontend/security_configuration/components/dynamic_fields_spec.js
 ee/spec/frontend/security_configuration/dast_profiles/components/dast_profiles_list_spec.js
 ee/spec/frontend/security_configuration/dast_profiles/dast_profile_selector/scanner_profile_selector_spec.js
-ee/spec/frontend/security_configuration/dast_profiles/dast_profile_selector/site_profile_selector_spec.js
 ee/spec/frontend/security_dashboard/components/shared/filters/querystring_sync_spec.js
 ee/spec/frontend/security_dashboard/components/shared/vulnerability_details_graphql/details_section_spec.js
 ee/spec/frontend/security_dashboard/components/shared/vulnerability_report/vulnerability_list_graphql_spec.js