feat(mon-pix): add new page to display loader before campaign results

mon-pix/app/components/pages/campaigns/results-loader.gjs

@@ -0,0 +1,20 @@
+import { on } from '@ember/modifier';
+import { action } from '@ember/object';
+import { service } from '@ember/service';
+import Component from '@glimmer/component';
+
+export default class ResultsLoader extends Component {
+  @service router;
+
+  @action
+  onClick() {
+    this.router.replaceWith('campaigns.assessment.skill-review', this.args.code);
+  }
+
+  <template>
+    <main role="main">
+      Loading...
+      <button {{on "click" this.onClick}}>Continuer</button>
+    </main>
+  </template>
+}

mon-pix/app/router.js

@@ -91,6 +91,7 @@ Router.map(function () {
       this.route('fill-in-participant-external-id', { path: '/identifiant' });
     });
     this.route('entrance', { path: '/entree' });
+    this.route('results-loader', { path: '/chargement-resultats' });
     this.route('profiles-collection', { path: '/collecte' }, function () {
       this.route('start-or-resume', { path: '/' });
       this.route('send-profile', { path: '/envoi-profil' });

mon-pix/app/routes/assessments/resume.js

@@ -109,7 +109,7 @@ export default class ResumeRoute extends Route {
     if (assessment.isCertification) {
       this.router.replaceWith('authenticated.certifications.results', assessment.certificationNumber);
     } else if (assessment.isForCampaign) {
-      this.router.replaceWith('campaigns.assessment.skill-review', assessment.codeCampaign);
+      this.router.replaceWith('campaigns.results-loader', assessment.codeCampaign);
     } else if (assessment.isCompetenceEvaluation) {
       this.router.replaceWith('authenticated.competences.results', assessment.competenceId, assessment.id);
     } else {

mon-pix/app/routes/campaigns/results-loader.js

@@ -0,0 +1,38 @@
+import Route from '@ember/routing/route';
+import { service } from '@ember/service';
+
+export default class ResultsLoaderRoute extends Route {
+  @service currentUser;
+  @service session;
+  @service router;
+  @service store;
+
+  beforeModel(transition) {
+    this.session.requireAuthenticationAndApprovedTermsOfService(transition);
+  }
+
+  async model() {
+    const campaign = this.modelFor('campaigns');
+    const campaignParticipation = await this.store.queryRecord('campaignParticipation', {
+      campaignId: campaign.id,
+      userId: this.currentUser.user.id,
+    });
+    return {
+      campaign,
+      campaignParticipation,
+    };
+  }
+
+  async afterModel({ campaign, campaignParticipation }) {
+    if (!campaignParticipation) {
+      this.router.replaceWith('campaigns.campaign-landing-page', campaign.code);
+    }
+    if (campaignParticipation.sharedAt !== null) {
+      this.router.replaceWith('campaigns.assessment.skill-review', campaign.code);
+    }
+    const assessment = await campaignParticipation.assessment;
+    if (campaignParticipation && !assessment.isCompleted) {
+      this.router.replaceWith('campaigns.assessment.start-or-resume', campaign.code);
+    }
+  }
+}

mon-pix/app/templates/campaigns/results-loader.hbs

@@ -0,0 +1 @@
+<Pages::Campaigns::ResultsLoader @code={{@model.campaign.code}} />

mon-pix/tests/unit/routes/assessments/resume-test.js

@@ -159,7 +159,7 @@ module('Unit | Route | Assessments | Resume', function (hooks) {
 
               // then
               return promise.then(() => {
-                sinon.assert.calledWith(route.router.replaceWith, 'campaigns.assessment.skill-review', 'konami');
+                sinon.assert.calledWith(route.router.replaceWith, 'campaigns.results-loader', 'konami');
                 assert.ok(true);
               });
             });
@@ -197,7 +197,7 @@ module('Unit | Route | Assessments | Resume', function (hooks) {
             route.redirect(assessment);
 
             // then
-            sinon.assert.calledWith(route.router.replaceWith, 'campaigns.assessment.skill-review', 'konami');
+            sinon.assert.calledWith(route.router.replaceWith, 'campaigns.results-loader', 'konami');
             assert.ok(true);
           });
         });