Feat: Added auth e2e tests

playwright.config.ts

@@ -1,16 +1,24 @@
 import { defineConfig } from '@playwright/test';
 
-// Minimal Playwright configuration
 export default defineConfig({
   testDir: './tests/e2e',
+  timeout: 30000,
+  retries: 2,
   use: {
     baseURL: 'http://localhost:3000',
+    headless: true,
+    screenshot: 'only-on-failure',
+    video: 'retain-on-failure',
   },
-  // Only test in Chromium for now
   projects: [
     {
       name: 'chromium',
       use: { channel: 'chrome' },
     },
   ],
+  webServer: {
+    command: 'npm run dev:frontend',
+    port: 3000,
+    reuseExistingServer: !process.env.CI,
+  },
 });

test-results/.last-run.json

@@ -0,0 +1,4 @@
+{
+  "status": "passed",
+  "failedTests": []
+}

tests/e2e/auth/login.spec.ts

@@ -0,0 +1,21 @@
+import { test, expect } from '@playwright/test'
+
+test.describe('Login Flow', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto('/login')
+  })
+
+  test('should display login form', async ({ page }) => {
+    await expect(page.locator('h2')).toContainText('Login')
+    await expect(page.locator('input[name="email"]')).toBeVisible()
+    await expect(page.locator('input[name="password"]')).toBeVisible()
+    await expect(page.locator('button[type="submit"]')).toBeVisible()
+  })
+
+  test('should navigate to signup page', async ({ page }) => {
+    await page.locator('text=Signup →').click()
+    await expect(page).toHaveURL(/\/signup/)
+  })
+
+
+})

tests/e2e/auth/role-selection.spec.ts

@@ -0,0 +1,17 @@
+import { test, expect } from '@playwright/test'
+
+test.describe('Role Selection', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto('/signup')
+  })
+
+  test('should display role dropdown', async ({ page }) => {
+    await expect(page.locator('select[name="userType"]')).toBeVisible()
+    await expect(page.locator('select[name="userType"]')).toHaveValue('patient')
+  })
+
+  test('should change role selection', async ({ page }) => {
+    await page.locator('select[name="userType"]').selectOption('staff')
+    await expect(page.locator('select[name="userType"]')).toHaveValue('staff')
+  })
+})

tests/e2e/auth/signup.spec.ts

@@ -0,0 +1,19 @@
+import { test, expect } from '@playwright/test'
+
+test.describe('Signup Flow', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto('/signup')
+  })
+
+  test('should display signup form', async ({ page }) => {
+    await expect(page.locator('h2')).toContainText('Sign Up')
+    await expect(page.locator('select[name="userType"]')).toBeVisible()
+    await expect(page.locator('input[name="name"]')).toBeVisible()
+    await expect(page.locator('input[name="email"]')).toBeVisible()
+  })
+
+  test('should allow role selection', async ({ page }) => {
+    await page.locator('select[name="userType"]').selectOption('doctor')
+    await expect(page.locator('select[name="userType"]')).toHaveValue('doctor')
+  })
+})