Merge pull request #1436 from proconnect-gouv/douglasduteil/fix-disalbed-return-button-in-form

Author: rdubigny

cypress/e2e/join_with_code_sent_to_official_contact_email/index.cy.ts

@@ -40,6 +40,7 @@ describe("join collectivité territoriale with code send to official contact ema
       });
 
     cy.go("back");
+    cy.title().should("include", "Vérifier votre email -");
 
     cy.get<string>("@code").then((code) => {
       cy.contains("Insérer le code reçu").click();
@@ -83,6 +84,7 @@ describe("join collectivité territoriale with code send to official contact ema
       });
 
     cy.go("back");
+    cy.title().should("include", "Vérifier votre email -");
 
     cy.get<string>("@code").then((code) => {
       cy.contains("Insérer le code reçu").click();

cypress/e2e/join_with_code_sent_to_official_educ_nat_contact_email/index.cy.ts

@@ -7,11 +7,16 @@ describe("join organizations", () => {
 
   it("join collectivité territoriale with code send to official contact email", function () {
     cy.visit("/users/join-organization");
+
+    cy.title().should("include", "S'inscrire ou se connecter -");
     cy.login("konrad.curze@nightlords.world");
 
-    cy.get('[name="siret"]').type("19750663700010");
-    cy.get('[type="submit"]').click();
+    cy.title().should("include", "Rejoindre une organisation -");
+    cy.contains("SIRET de l’organisation que vous représentez").click();
+    cy.focused().clear().type("19750663700010");
+    cy.contains("Enregistrer").click();
 
+    cy.title().should("include", "Vérifier votre email -");
     // Check that the website is waiting for the user to verify their email
     cy.contains(
       "nous avons envoyé un code à l’adresse email officielle de votre établissement scolaire",
@@ -34,13 +39,16 @@ describe("join organizations", () => {
       });
 
     cy.go("back");
+    cy.title().should("include", "Vérifier votre email -");
 
     cy.get<string>("@code").then((code) => {
       cy.log(code);
-      cy.get('[name="official_contact_email_verification_token"]').type(code);
-      cy.get('[type="submit"]').click();
+      cy.contains("Insérer le code reçu").click();
+      cy.focused().clear().type(code);
+      cy.contains("Valider").click();
     });
 
+    cy.title().should("include", "Compte créé -");
     cy.contains("Votre compte est créé !");
   });
 });

src/views/user/official-contact-email-verification.ejs

@@ -8,7 +8,7 @@
             <form id="verify-email" action="/users/official-contact-email-verification/<%= organization_id %>" method="post" autocomplete="off">
                 <p>
                     Pour vérifier votre appartenance à l’organisation <%= libelle %>,
-                    nous avons envoyé un <% if (newCodeSent) { %>nouveau <% } %>code à l’adresse email officielle de votre <%= organization_type_label; %> :
+                    nous avons envoyé un <% if (newCodeSent) { %>nouveau <% } %> code à l’adresse email officielle de votre <%= organization_type_label; %> :
                     <span class="fr-badge fr-badge--info fr-badge--no-icon email-badge-lowercase">
                         <%= contactEmail; %>
                     </span>.
@@ -38,8 +38,8 @@
                         </a>
                     </p>
                 </div>
-                <%- include('../partials/go-back.ejs') %>
             </form>
+            <%- include('../partials/go-back.ejs') %>
         </div>
     </div>
 </div>