correct screen "participation without account" and adapt test - issue 1776

src/components/Participation/ParticipationWithoutAccount.vue

@@ -270,7 +270,7 @@ const joinEvent = async (): Promise<void> => {
     actorId: anonymousActorId.value,
     email: anonymousParticipation.email,
     message: anonymousParticipation.message,
-    locale: locale,
+    locale: locale.value,
     timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
   });
 };

tests/unit/specs/components/Participation/ParticipationWithoutAccount.spec.ts

@@ -141,7 +141,7 @@ describe("ParticipationWithoutAccount", () => {
     await flushPromises();
 
     expect(requestHandlers.joinEventMutationHandler).toHaveBeenCalledWith(
-      expect.objectContaining(joinEventMock)
+      joinEventMock
     );
     expect(wrapper.vm.error).toBe(false);
 
@@ -220,7 +220,7 @@ describe("ParticipationWithoutAccount", () => {
     await flushPromises();
 
     expect(requestHandlers.joinEventMutationHandler).toHaveBeenCalledWith(
-      expect.objectContaining(joinEventMock)
+      joinEventMock
     );
     expect(wrapper.vm.error).toBe(false);
 
@@ -265,7 +265,7 @@ describe("ParticipationWithoutAccount", () => {
     await flushPromises();
 
     expect(requestHandlers.joinEventMutationHandler).toHaveBeenCalledWith(
-      expect.objectContaining(joinEventMock)
+      joinEventMock
     );
     await flushPromises();
     expect(wrapper.find("form").exists()).toBeTruthy();

tests/unit/specs/components/Participation/__snapshots__/ParticipationWithoutAccount.spec.ts.snap

@@ -64,3 +64,29 @@ exports[`ParticipationWithoutAccount > handles being already a participant 1`] =
   </div>
 </section>"
 `;
+
+exports[`ParticipationWithoutAccount > renders the participation without account view with minimal data 1`] = `
+"<section class="container mx-auto">
+  <div class="">
+    <div>
+      <h1 class="title">Request for participation confirmation sent</h1>
+      <p class="prose dark:prose-invert"><span>Check your inbox (and your junk mail folder).</span><span class="details">Your participation will be validated once you click the confirmation link into the email.</span></p>
+      <!--v-if-->
+      <p class="prose dark:prose-invert">You may now close this window, or <a href="/events/f37910ea-fd5a-4756-9679-00971f3f4106" class="">return to the event's page</a>.</p>
+    </div>
+  </div>
+</section>"
+`;
+
+exports[`ParticipationWithoutAccount > renders the warning if the event participation is restricted 1`] = `
+"<section class="container mx-auto">
+  <div class="">
+    <div>
+      <h1 class="title">Request for participation confirmation sent</h1>
+      <p class="prose dark:prose-invert"><span>Check your inbox (and your junk mail folder).</span><span class="details">Your participation will be validated once you click the confirmation link into the email, and after the organizer manually validates your participation.</span></p>
+      <!--v-if-->
+      <p class="prose dark:prose-invert">You may now close this window, or <a href="/events/f37910ea-fd5a-4756-9679-00971f3f4106" class="">return to the event's page</a>.</p>
+    </div>
+  </div>
+</section>"
+`;

tests/unit/specs/mocks/event.ts

@@ -56,6 +56,7 @@ export const joinEventMock = {
   actorId: "1",
   email: "some@email.tld",
   message: "a message long enough",
+  locale: "en_US",
   timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
 };