♻️ Switch to turborepo (#532)

apps/web/tests/authentication.spec.ts

@@ -0,0 +1,118 @@
+import { expect, Page, test } from "@playwright/test";
+import { load } from "cheerio";
+import smtpTester from "smtp-tester";
+
+import { prisma } from "@/utils/prisma";
+
+const testUserEmail = "test@example.com";
+
+test.describe.serial(() => {
+  let mailServer: smtpTester.SmtpTester;
+
+  test.beforeAll(() => {
+    mailServer = smtpTester.init(4025);
+  });
+
+  test.afterAll(async () => {
+    try {
+      await prisma.user.delete({
+        where: {
+          email: testUserEmail,
+        },
+      });
+    } catch {
+      // User doesn't exist
+    }
+    mailServer.stop();
+  });
+
+  /**
+   * Get the 6-digit code from the email
+   * @returns 6-digit code
+   */
+  const getCode = async () => {
+    const { email } = await mailServer.captureOne(testUserEmail, {
+      wait: 5000,
+    });
+
+    const $ = load(email.html);
+
+    return $("#code").text().trim();
+  };
+
+  test("shows that user doesn't exist yet", async ({ page }) => {
+    await page.goto("/login");
+
+    // your login page test logic
+    await page.getByPlaceholder("jessie.smith@email.com").type(testUserEmail);
+
+    await page.getByText("Continue").click();
+
+    // Make sure the user doesn't exist yet and that logging in is not possible
+    await expect(
+      page.getByText("A user with that email doesn't exist"),
+    ).toBeVisible();
+  });
+
+  test("user registration", async ({ page }) => {
+    await page.goto("/register");
+
+    await page.getByText("Create an account").waitFor();
+
+    await page.getByPlaceholder("Jessie Smith").type("Test User");
+    await page.getByPlaceholder("jessie.smith@email.com").type(testUserEmail);
+
+    await page.click("text=Continue");
+
+    const codeInput = page.getByPlaceholder("Enter your 6-digit code");
+
+    codeInput.waitFor({ state: "visible" });
+
+    const code = await getCode();
+
+    await codeInput.type(code);
+
+    await page.getByText("Continue").click();
+
+    await expect(page.getByText("Your details")).toBeVisible();
+  });
+
+  test("can't register with the same email", async ({ page }) => {
+    await page.goto("/register");
+
+    await page.getByText("Create an account").waitFor();
+
+    await page.getByPlaceholder("Jessie Smith").type("Test User");
+    await page.getByPlaceholder("jessie.smith@email.com").type(testUserEmail);
+
+    await page.click("text=Continue");
+
+    await expect(
+      page.getByText("A user with that email already exists"),
+    ).toBeVisible();
+  });
+
+  const login = async (page: Page) => {
+    await page.goto("/login");
+
+    await page.getByPlaceholder("jessie.smith@email.com").type(testUserEmail);
+
+    await page.getByText("Continue").click();
+
+    const code = await getCode();
+
+    await page.getByPlaceholder("Enter your 6-digit code").type(code);
+
+    await page.getByText("Continue").click();
+  };
+
+  test("user login", async ({ page }) => {
+    await login(page);
+    await expect(page.getByText("Your details")).toBeVisible();
+  });
+
+  test("logged in user can't access login page", async ({ page }) => {
+    await login(page);
+    await expect(page).toHaveURL("/profile");
+  });
+});