feat: add home page and rankings E2E tests with workflow improvements

e2e/epic3-rankings.test.ts

@@ -0,0 +1,47 @@
+/**
+ * Epic 3: Rankings & Public Data
+ * Acceptance Test: Player Rankings Page
+ * 
+ * User Story: As a visitor, I want to view player rankings so that I can see top players
+ * 
+ * Acceptance Criteria:
+ * - Sortable rankings table
+ * - Columns: Rank, Name, Elo, Win Rate, Games Played
+ * - Search/filter functionality
+ * - Pagination
+ */
+
+import { test, expect } from '@playwright/test';
+
+test.describe('Epic 3: Rankings Page', () => {
+  test('Rankings page loads and displays rankings table', async ({ page }) => {
+    await page.goto('http://localhost:3000/rankings');
+
+    // Check page title or heading
+    await expect(page.locator('h1, h2')).toContainText(/rankings?/i);
+
+    // Check for rankings table
+    await expect(page.locator('table')).toBeVisible();
+  });
+
+  test('Rankings table displays player columns', async ({ page }) => {
+    await page.goto('http://localhost:3000/rankings');
+
+    // Check for expected column headers
+    const table = page.locator('table');
+    await expect(table).toBeVisible();
+
+    // Check for column headers (may vary based on implementation)
+    const headerCount = await page.locator('th').count();
+    expect(headerCount).toBeGreaterThan(0);
+  });
+
+  test('Rankings page is publicly accessible (no login required)', async ({ page }) => {
+    // Navigate directly to rankings without logging in
+    await page.goto('http://localhost:3000/rankings');
+
+    // Page should load without redirecting to login
+    await expect(page).toHaveURL(/.*rankings.*/);
+    await expect(page.locator('body')).toBeVisible();
+  });
+});

e2e/home-page.test.ts

@@ -0,0 +1,110 @@
+import { test, expect } from '@playwright/test'
+import { prisma } from '@/lib/prisma'
+
+test.describe('Home Page', () => {
+  const createdIds = {
+    players: [] as number[],
+    events: [] as number[],
+    matches: [] as number[],
+    users: [] as string[],
+  }
+
+  test.afterEach(async () => {
+    await prisma.match.deleteMany({ where: { id: { in: createdIds.matches } } })
+    await prisma.event.deleteMany({ where: { id: { in: createdIds.events } } })
+    await prisma.player.deleteMany({ id: { in: createdIds.players } })
+    await prisma.user.deleteMany({ where: { id: { in: createdIds.users } } })
+    createdIds.players = []
+    createdIds.events = []
+    createdIds.matches = []
+    createdIds.users = []
+  })
+
+  test('displays top 10 players section', async ({ page }) => {
+    const timestamp = Date.now()
+
+    for (let i = 0; i < 3; i++) {
+      const player = await prisma.player.create({
+        data: {
+          name: `Home Test Player ${timestamp} ${i + 1}`,
+          normalizedName: `home_test_player_${timestamp}_${i + 1}`.toLowerCase(),
+          currentElo: 2000 - i * 10,
+          gamesPlayed: 10,
+          wins: 7,
+        },
+      })
+      createdIds.players.push(player.id)
+    }
+
+    await page.goto('/')
+
+    await expect(page.locator('text=Top 10 Players')).toBeVisible()
+    await expect(
+      page.locator(`a:has-text("Home Test Player ${timestamp} 1")`)
+    ).toBeVisible()
+  })
+
+  test('displays club president section', async ({ page }) => {
+    const timestamp = Date.now()
+    const user = await prisma.user.create({
+      data: {
+        email: `president-${timestamp}@example.com`,
+        name: `Club President ${timestamp}`,
+        role: 'club_admin',
+      },
+    })
+    createdIds.users.push(user.id)
+
+    await page.goto('/')
+
+    await expect(page.locator('text=Club President')).toBeVisible()
+  })
+
+  test('displays most recent tournament section', async ({ page }) => {
+    const timestamp = Date.now()
+
+    const tournament = await prisma.event.create({
+      data: {
+        name: `Recent Tournament ${timestamp}`,
+        eventType: 'tournament',
+        eventDate: new Date(Date.now() + 86400000),
+        status: 'completed',
+      },
+    })
+    createdIds.events.push(tournament.id)
+
+    const p1 = await prisma.player.create({
+      data: { name: `HP1 ${timestamp}`, normalizedName: `hp1_${timestamp}`.toLowerCase(), currentElo: 1500 },
+    })
+    const p2 = await prisma.player.create({
+      data: { name: `HP2 ${timestamp}`, normalizedName: `hp2_${timestamp}`.toLowerCase(), currentElo: 1480 },
+    })
+    const p3 = await prisma.player.create({
+      data: { name: `HP3 ${timestamp}`, normalizedName: `hp3_${timestamp}`.toLowerCase(), currentElo: 1450 },
+    })
+    const p4 = await prisma.player.create({
+      data: { name: `HP4 ${timestamp}`, normalizedName: `hp4_${timestamp}`.toLowerCase(), currentElo: 1420 },
+    })
+    createdIds.players.push(p1.id, p2.id, p3.id, p4.id)
+
+    const match = await prisma.match.create({
+      data: {
+        eventId: tournament.id,
+        player1P1Id: p1.id,
+        player1P2Id: p2.id,
+        player2P1Id: p3.id,
+        player2P2Id: p4.id,
+        team1Score: 10,
+        team2Score: 5,
+        status: 'completed',
+        playedAt: new Date(),
+      },
+    })
+    createdIds.matches.push(match.id)
+
+    await page.goto('/')
+
+    await expect(page.locator('text=Most Recent Tournament')).toBeVisible()
+    await expect(page.locator(`text=Recent Tournament ${timestamp}`)).toBeVisible()
+  })
+})