feat(email): storybook like email package

Author: douglasduteil

.github/workflows/end-to-end.yml

@@ -109,6 +109,9 @@ jobs:
           - 5432:5432
     steps:
       - uses: actions/checkout@v4
+
+      - run: docker compose up --build --detach maildev
+
       - uses: actions/setup-node@v4
         with:
           cache: "npm"

.gitignore

@@ -1,4 +1,4 @@
-/node_modules
+node_modules
 *.swp
 *.swo
 *.orig
@@ -22,3 +22,5 @@ cypress/videos
 
 /dist/*
 !/dist/.keep
+
+*storybook.log

cypress.config.ts

@@ -23,4 +23,10 @@ export default defineConfig({
       return config;
     },
   },
+  env: {
+    MAILDEV_PROTOCOL: "http",
+    MAILDEV_HOST: "localhost",
+    MAILDEV_SMTP_PORT: "1025",
+    MAILDEV_API_PORT: "1080",
+  },
 });

cypress/e2e/delete_totp/index.cy.ts

@@ -23,21 +23,15 @@ describe("delete TOTP connexion", () => {
 
     cy.contains("L’application d’authentification a bien été supprimée.");
 
-    cy.mailslurp()
-      // use inbox id and a timeout of 30 seconds
-      .then((mailslurp) =>
-        mailslurp.waitForLatestEmail(
-          "eab4ab97-875d-4ec7-bdcc-04323948ee63",
-          60000,
-          true,
-        ),
-      )
-      // check subject of deletion email
-      .then((email) => {
-        expect(email.subject).to.include(
-          "Suppression d'une application d'authentification à double facteur",
-        );
-      });
+    cy.maildevGetLastMessage().then((email) => {
+      expect(email.subject).to.equal(
+        "Suppression d'une application d'authentification à double facteur",
+      );
+      cy.maildevVisitMessageById(email.id);
+      cy.contains(
+        "L'application a été supprimée comme étape de connexion à deux facteurs.",
+      );
+    });
   });
 
   it("should not be ask to sign with TOTP", function () {
@@ -57,21 +51,15 @@ describe("delete TOTP connexion", () => {
 
     cy.contains("Désactiver la validation en deux étapes").click();
 
-    cy.mailslurp()
-      // use inbox id and a timeout of 30 seconds
-      .then((mailslurp) =>
-        mailslurp.waitForLatestEmail(
-          "c9fabb94-9274-4ece-a3d0-54b1987c8588",
-          60000,
-          true,
-        ),
-      )
-      // check subject of deletion email
-      .then((email) => {
-        expect(email.subject).to.include(
-          "Désactivation de la validation en deux étapes",
-        );
-      });
+    cy.maildevGetLastMessage().then((email) => {
+      expect(email.subject).to.equal(
+        "Désactivation de la validation en deux étapes",
+      );
+      cy.maildevVisitMessageById(email.id);
+      cy.contains(
+        "Votre compte MonComptePro n'est plus protégé par la validation en deux",
+      );
+    });
   });
 
   it("should not be ask to sign with TOTP", function () {

cypress/e2e/update_totp_application/index.cy.ts

@@ -1,13 +1,6 @@
 import { generateToken } from "@sunknudsen/totp";
 
 describe("update TOTP application", () => {
-  before(() => {
-    cy.mailslurp().then((mailslurp) =>
-      mailslurp.inboxController.deleteAllInboxEmails({
-        inboxId: "d2469f84-9547-4190-b989-014876fd54ae",
-      }),
-    );
-  });
   it("should update TOTP application, and replace old app with new", function () {
     cy.visit("/connection-and-account");
 
@@ -32,20 +25,16 @@ describe("update TOTP application", () => {
       });
 
     cy.contains("L’application d’authentification a été modifiée.");
-    cy.mailslurp()
-      // use inbox id and a timeout of 30 seconds
-      .then((mailslurp) =>
-        mailslurp.waitForLatestEmail(
-          "d2469f84-9547-4190-b989-014876fd54ae",
-          60000,
-          true,
-        ),
-      )
-      // check subject of deletion email
-      .then((email) => {
-        expect(email.subject).to.include(
-          "Changement d'application d’authentification",
-        );
-      });
+
+    cy.maildevGetLastMessage().then((email) => {
+      expect(email.subject).to.equal(
+        "Changement d'application d’authentification",
+      );
+      cy.maildevVisitMessageById(email.id);
+      cy.contains(
+        "Le changement d'application d'authentification a bien été prise en compte.",
+      );
+      cy.maildevDeleteMessageById(email.id);
+    });
   });
 });

cypress/support/e2e.ts

@@ -14,6 +14,6 @@
 // ***********************************************************
 
 import "cypress-axe";
+import "cypress-maildev";
 import "cypress-mailslurp";
-
 import "./commands";

docker-compose.yml

@@ -67,5 +67,9 @@ services:
       STYLESHEET_URL:
     network_mode: "host"
 
+  maildev:
+    image: soulteary/maildev
+    network_mode: "host"
+
 volumes:
   db-data: