diff --git a/certif/app/components/sessions/session-details/enrolled-candidates/candidate-creation-modal-complementary-list.gjs b/certif/app/components/sessions/session-details/enrolled-candidates/candidate-creation-modal-complementary-list.gjs index 0372a52dc95..3ae24b30972 100644 --- a/certif/app/components/sessions/session-details/enrolled-candidates/candidate-creation-modal-complementary-list.gjs +++ b/certif/app/components/sessions/session-details/enrolled-candidates/candidate-creation-modal-complementary-list.gjs @@ -1,3 +1,4 @@ +import PixLabel from '@1024pix/pix-ui/components/pix-label'; import PixRadioButton from '@1024pix/pix-ui/components/pix-radio-button'; import { fn } from '@ember/helper'; import { on } from '@ember/modifier'; @@ -41,8 +42,9 @@ export default class CandidateCreationModalComplementaryList extends Component {
- - {{this.fieldsetLegend}} + + {{this.fieldsetLegend}} + <:label>{{this.firstInputLabel}} diff --git a/certif/app/components/sessions/session-details/enrolled-candidates/candidate-creation-modal.gjs b/certif/app/components/sessions/session-details/enrolled-candidates/candidate-creation-modal.gjs index 0ff9c4dac28..bfe6c59279c 100644 --- a/certif/app/components/sessions/session-details/enrolled-candidates/candidate-creation-modal.gjs +++ b/certif/app/components/sessions/session-details/enrolled-candidates/candidate-creation-modal.gjs @@ -1,6 +1,7 @@ import PixButton from '@1024pix/pix-ui/components/pix-button'; import PixIcon from '@1024pix/pix-ui/components/pix-icon'; import PixInput from '@1024pix/pix-ui/components/pix-input'; +import PixLabel from '@1024pix/pix-ui/components/pix-label'; import PixMessage from '@1024pix/pix-ui/components/pix-message'; import PixModal from '@1024pix/pix-ui/components/pix-modal'; import PixRadioButton from '@1024pix/pix-ui/components/pix-radio-button'; @@ -265,8 +266,9 @@ export default class CandidateCreationModal extends Component {
- - {{t 'common.labels.candidate.gender.title'}} + + {{t 'common.labels.candidate.gender.title'}} +
- - {{t 'common.labels.candidate.birth-geographical-code'}} + + {{t 'common.labels.candidate.birth-geographical-code'}} +
- +
- +
- +
- + , ); - await fillIn(screen.getByLabelText('* Prénom'), candidateData.firstName); - await fillIn(screen.getByLabelText('* Nom de naissance'), candidateData.lastName); - await fillIn(screen.getByLabelText('* Date de naissance'), '23/08/1985'); + await fillIn(screen.getByLabelText('Prénom *'), candidateData.firstName); + await fillIn(screen.getByLabelText('Nom de naissance *'), candidateData.lastName); + await fillIn(screen.getByLabelText('Date de naissance *'), '23/08/1985'); await click(screen.getByRole('radio', { name: 'Femme' })); - await click(screen.getByLabelText('* Pays de naissance')); + await click(screen.getByLabelText('Pays de naissance *')); await click( await screen.findByRole('option', { name: 'France', @@ -180,7 +180,7 @@ module( ); await click(screen.getByRole('radio', { name: 'Code INSEE' })); await fillIn(screen.getByLabelText('Identifiant externe'), candidateData.externalId); - await fillIn(screen.getByLabelText('* Code INSEE de naissance'), candidateData.birthInseeCode); + await fillIn(screen.getByLabelText('Code INSEE de naissance *'), candidateData.birthInseeCode); await fillIn(screen.getByLabelText('Temps majoré (%)'), candidateData.extraTimePercentage); await fillIn( screen.getByLabelText('E-mail du destinataire des résultats (formateur, enseignant...)'), @@ -224,7 +224,7 @@ module( ); // then - assert.dom(screen.getByRole('button', { name: '* Tarification part Pix' })).isVisible(); + assert.dom(screen.getByRole('button', { name: 'Tarification part Pix *' })).isVisible(); }); module('when the selected billing mode is PREPAID', function () { @@ -252,7 +252,7 @@ module( , ); - await click(screen.getByRole('button', { name: `* ${t('common.forms.certification-labels.pricing')}` })); + await click(screen.getByRole('button', { name: `${t('common.forms.certification-labels.pricing')} *` })); await screen.findByRole('listbox'); await click(screen.getByRole('option', { name: t('common.labels.billing-mode.prepaid') })); @@ -292,7 +292,7 @@ module( , ); - await click(screen.getByRole('button', { name: `* ${t('common.forms.certification-labels.pricing')}` })); + await click(screen.getByRole('button', { name: `${t('common.forms.certification-labels.pricing')} *` })); await screen.findByRole('listbox'); await click(screen.getByRole('option', { name: t('common.labels.billing-mode.paid') })); @@ -333,7 +333,7 @@ module( ); // then - assert.dom(screen.getByRole('button', { name: '* Pays de naissance' })).includesText('France'); + assert.dom(screen.getByRole('button', { name: 'Pays de naissance *' })).includesText('France'); }); module('when close button cross icon is clicked', function () { @@ -418,7 +418,7 @@ module( , ); - await click(screen.getByRole('button', { name: '* Pays de naissance' })); + await click(screen.getByRole('button', { name: 'Pays de naissance *' })); await screen.findByRole('listbox'); @@ -429,9 +429,9 @@ module( ); // then - assert.dom(screen.queryByLabelText('* Code INSEE de naissance')).isNotVisible(); - assert.dom(screen.queryByLabelText('* Code postal de naissance')).isNotVisible(); - assert.dom(screen.getByLabelText('* Commune de naissance')).isVisible(); + assert.dom(screen.queryByLabelText('Code INSEE de naissance *')).isNotVisible(); + assert.dom(screen.queryByLabelText('Code postal de naissance *')).isNotVisible(); + assert.dom(screen.getByLabelText('Commune de naissance *')).isVisible(); }); }); @@ -460,9 +460,9 @@ module( await click(screen.getByRole('radio', { name: 'Code INSEE' })); // then - assert.dom(screen.getByLabelText('* Code INSEE de naissance')).isVisible(); - assert.dom(screen.queryByLabelText('* Code postal de naissance')).isNotVisible(); - assert.dom(screen.queryByLabelText('* Commune de naissance')).isNotVisible(); + assert.dom(screen.getByLabelText('Code INSEE de naissance *')).isVisible(); + assert.dom(screen.queryByLabelText('Code postal de naissance *')).isNotVisible(); + assert.dom(screen.queryByLabelText('Commune de naissance *')).isNotVisible(); }); }); @@ -491,9 +491,9 @@ module( await click(screen.getByRole('radio', { name: 'Code postal' })); // then - assert.dom(screen.queryByLabelText('* Code INSEE de naissance')).isNotVisible(); - assert.dom(screen.queryByLabelText('* Code postal de naissance')).isVisible(); - assert.dom(screen.getByLabelText('* Commune de naissance')).isVisible(); + assert.dom(screen.queryByLabelText('Code INSEE de naissance *')).isNotVisible(); + assert.dom(screen.queryByLabelText('Code postal de naissance *')).isVisible(); + assert.dom(screen.getByLabelText('Commune de naissance *')).isVisible(); }); }); @@ -515,7 +515,7 @@ module( ); // then - assert.dom(screen.getByRole('group', { name: 'Certification complémentaire' })).exists(); + assert.dom(screen.getByRole('group', { name: 'Certification complémentaire *' })).exists(); assert.dom(screen.getByRole('radio', { name: 'Certif complémentaire 1' })).exists(); assert.dom(screen.getByRole('radio', { name: 'Certif complémentaire 2' })).exists(); }); @@ -549,7 +549,7 @@ module( ); // then - assert.dom(screen.getByRole('group', { name: 'Choix de la certification' })).exists(); + assert.dom(screen.getByRole('group', { name: 'Choix de la certification *' })).exists(); assert.dom(screen.getByRole('radio', { name: 'Certification Pix' })).exists(); assert.dom(screen.getByRole('radio', { name: 'Certif complémentaire 1' })).exists(); assert.dom(screen.getByRole('radio', { name: 'Certif complémentaire 2' })).exists();