Merge branch 'verify-before-group-create-experiment/update-copy' into 'master'

Update copy in verify step of create group flow

See merge request gitlab-org/gitlab!78637

ee/app/assets/javascripts/pages/groups/new/components/credit_card_verification.vue

@@ -3,14 +3,12 @@ import { GlBreadcrumb, GlButton, GlSafeHtmlDirective as SafeHtml } from '@gitlab
 import newGroupIllustration from '@gitlab/svgs/dist/illustrations/group-new.svg';
 import CreateGroupDescriptionDetails from '~/pages/groups/new/components/create_group_description_details.vue';
 import Zuora from 'ee/billings/components/zuora.vue';
-import { s__ } from '~/locale';
-
-const I18N_SIDE_PANE_TITLE = s__('GroupsNew|Create group');
-const I18N_FORM_TITLE = s__('IdentityVerification|Verify your identity');
-const I18N_FORM_EXPLANATION = s__(
-  'IdentityVerification|Before you create your group, we need you to verify your identity with a valid payment method.',
-);
-const I18N_FORM_SUBMIT = s__('IdentityVerification|Verify your identity');
+import {
+  I18N_FORM_EXPLANATION,
+  I18N_FORM_SUBMIT,
+  I18N_FORM_TITLE,
+  I18N_SIDE_PANE_TITLE,
+} from '../constants';
 
 export default {
   components: {

ee/app/assets/javascripts/pages/groups/new/constants.js

+import { s__ } from '~/locale';
+
+export const I18N_SIDE_PANE_TITLE = s__('GroupsNew|Create group');
+export const I18N_FORM_TITLE = s__('IdentityVerification|Verify your identity');
+export const I18N_FORM_EXPLANATION = s__(
+  'IdentityVerification|Before you create your group, we need you to verify your identity with a valid payment method. You will not be charged during this step. If we ever need to charge you, we will let you know.',
+);
+export const I18N_FORM_SUBMIT = s__('IdentityVerification|Verify your identity');

ee/spec/frontend/pages/groups/new/components/credit_card_verification_spec.js

 import { GlButton } from '@gitlab/ui';
 import { mountExtended } from 'helpers/vue_test_utils_helper';
 import CreditCardVerification from 'ee/pages/groups/new/components/credit_card_verification.vue';
+import { I18N_FORM_TITLE, I18N_FORM_EXPLANATION } from 'ee/pages/groups/new/constants';
 
 describe('Verification page', () => {
   let wrapper;
@@ -27,17 +28,11 @@ describe('Verification page', () => {
     });
 
     it('renders the title', () => {
-      expect(wrapper.findByText('Verify your identity').exists()).toBe(true);
+      expect(wrapper.findByText(I18N_FORM_TITLE).exists()).toBe(true);
     });
 
     it('renders the explanation', () => {
-      expect(
-        wrapper
-          .findByText(
-            'Before you create your group, we need you to verify your identity with a valid payment method.',
-          )
-          .exists(),
-      ).toBe(true);
+      expect(wrapper.findByText(I18N_FORM_EXPLANATION).exists()).toBe(true);
     });
   });
 

locale/gitlab.pot

@@ -17907,7 +17907,7 @@ msgstr ""
 msgid "IdentityVerification|Before you create your first project, we need you to verify your identity with a valid payment method. You will not be charged during this step. If we ever need to charge you, we will let you know."
 msgstr ""
 
-msgid "IdentityVerification|Before you create your group, we need you to verify your identity with a valid payment method."
+msgid "IdentityVerification|Before you create your group, we need you to verify your identity with a valid payment method. You will not be charged during this step. If we ever need to charge you, we will let you know."
 msgstr ""
 
 msgid "IdentityVerification|Create a project"