🪰 Add auth tests

playwright.config.ts

@@ -1,4 +1,6 @@
 import { defineConfig, devices } from "@playwright/test";
+import { config } from "dotenv";
+config();
 
 const baseURL = "http://127.0.0.1:3000";
 
@@ -16,6 +18,7 @@ export default defineConfig({
     baseURL,
     trace: "on-first-retry",
   },
+  globalSetup: "./tests/e2e/globalSetup.ts",
 
   projects: [
     {

tests/e2e/.auth/member.json

@@ -0,0 +1,15 @@
+{
+  "cookies": [
+    {
+      "name": "authjs.session-token",
+      "value": "regularUserSession",
+      "domain": "127.0.0.1",
+      "path": "/",
+      "expires": -1,
+      "httpOnly": true,
+      "secure": false,
+      "sameSite": "Lax"
+    }
+  ],
+  "origins": []
+}

tests/e2e/globalSetup.ts

@@ -0,0 +1,28 @@
+import { db } from "@/drizzle/db";
+import { users, sessions, accounts } from "@/drizzle/schema";
+import { addDays } from "date-fns";
+import { sql } from "drizzle-orm";
+
+async function globalSetup() {
+  await db.execute(sql`TRUNCATE ${users} CASCADE`);
+
+  const [{ userId }] = await db
+    .insert(users)
+    .values({ id: "regularUserId", email: "[email protected]" })
+    .returning({ userId: users.id });
+
+  await db.insert(sessions).values({
+    userId,
+    sessionToken: "regularUserSession",
+    expires: addDays(new Date(), 180),
+  });
+
+  await db.insert(accounts).values({
+    userId,
+    provider: "mock",
+    providerAccountId: "mockId",
+    type: "email",
+  });
+}
+
+export default globalSetup;

tests/e2e/homepage.spec.ts

@@ -1,7 +1,32 @@
 import { test, expect } from "@playwright/test";
 
 test("renders project name", async ({ page }) => {
-  await page.goto("http://localhost:3000/");
+  await page.goto("/");
 
   await expect(page).toHaveTitle(/POPGDP/);
 });
+
+test("renders without user signed in", async ({ page }) => {
+  await page.goto("/");
+
+  await expect(page.getByRole("button", { name: "Sign in" })).toBeVisible();
+
+  await page.click("button:has-text('Sign in')");
+
+  await expect(page.getByRole("button", { name: "Sign in" })).toBeVisible();
+
+  await new Promise((resolve) => setTimeout(resolve, 5000));
+
+  await page.context().storageState({ path: "lol.json" });
+});
+
+test("renders with user signed in", async ({ browser }) => {
+  const context = await browser.newContext({
+    storageState: "./tests/e2e/.auth/member.json",
+  });
+  const page = await context.newPage();
+
+  await page.goto("/");
+
+  await expect(page.getByRole("button", { name: "Sign out" })).toBeVisible();
+});