30 Commits

Author SHA1 Message Date
david 8f0d5c4cf5 fix: update Match interface in entry page to use correct player property names 2026-04-04 00:31:18 -07:00
david 15661356d2 fix: update AdminMatchesPage to use correct player property names (player1P1, player1P2, etc.) 2026-04-04 00:29:18 -07:00
david 603cc238fa feat: implement variable team matchups with partner rotation
- Add manual team entry for permanent teams in Matchups tab
- Rename 'Teams' tab to 'Matchups' for clarity
- Implement partner rotation strategies (minimize_repeat, maximize_even, elo_based)
- Track partnerships across rounds to minimize repeat pairings
- Fix unit tests for team configuration and ELO calculations
- Add E2E test for 9+ participant tournaments with variable matchups

Key changes:
- TeamsSection.tsx: Added router.refresh(), manual team entry, and matchup display
- schedule-generator.ts: Enhanced generateVariableRoundRobin to track partnerships
- team-generator.ts: Fixed partnership frequency tracking across rounds
- API routes: Updated to support variable team durability with rotation strategies
2026-04-04 00:24:57 -07:00
david 63ef1d124c refactor(tests): update remaining test files for ephemeral team model 2026-04-03 22:00:01 -07:00
david c222e55a52 refactor(tests): update test files to use new player field names 2026-04-03 21:04:06 -07:00
david e0c986f594 refactor(ui): update components to use new player field names 2026-04-03 21:03:57 -07:00
david 1f7d589698 refactor(api): update all API routes to use new player field names 2026-04-03 21:03:51 -07:00
david e5f679e54c refactor(lib): update rating utilities to use new player field names 2026-04-03 21:03:44 -07:00
david 803b79f03c refactor(lib): update schedule and team generators to use player pairings 2026-04-03 21:03:31 -07:00
david aa98600147 refactor(schema): update Match model to use player fields instead of team fields 2026-04-03 21:03:23 -07:00
david ad7724cda6 refactor(db): remove Team model and add player fields to BracketMatchup 2026-04-03 21:03:08 -07:00
david ada163f538 chore: add .env.dev to gitignore 2026-04-03 19:57:12 -07:00
david 4d685558aa fix: support partial updates in tournament PUT endpoint
- Change PUT endpoint to only include fields present in the request
- Add support for team configuration fields (teamDurability, partnerRotation, allowByes)
- Fix contradictory test that expected resetting allowTies when not provided
- When a field is not in the request, it is preserved (not modified)

Fixes issue where Save Configuration button would fail with
'Tournament name is required' error.
2026-04-03 19:56:58 -07:00
david 07283d0334 chore: add .env.development to gitignore 2026-04-03 19:28:26 -07:00
david dca35ec0bf feat: add tournamentType field to Event model
Add tournamentType field with default value 'individual':
- Supports 'individual' and 'team' tournament types
- Creates migration for database schema update
2026-04-03 19:27:58 -07:00
david c3b0466092 feat: add tournament type and team support to tournament APIs
Update tournament APIs to support:
- tournamentType field (individual/team)
- Team creation for team tournaments
- Even number validation for team tournaments
- Automatic pairing of consecutive players into teams
2026-04-03 19:27:31 -07:00
david a75d7d3cc6 fix: make player search case-insensitive
Add 'mode: insensitive' to Prisma query for player search:
- Allows searching by partial name regardless of case
- Improves user experience when searching for players
2026-04-03 19:27:19 -07:00
david 37eb1f8e21 fix: check response.ok before parsing JSON in fetch calls
Fix JSON parsing errors when server returns non-JSON responses:
- Check response.ok before calling response.json()
- Add fallback error messages using status text
- Apply fix to all fetch calls across 12 components

This prevents 'JSON.parse: unexpected character' errors when
server returns HTML error pages or other non-JSON responses.
2026-04-03 19:27:10 -07:00
david 9b15d7e61f test: add unit tests for team generation algorithms
Add comprehensive tests for team generation:
- Test random pairing strategy
- Test ELO-based pairing strategy
- Test even matches strategy
- Test minimize repeat partnerships
- Test bye player handling
- Test team balance calculation
- Test partnership frequency tracking

All 19 tests pass.

Refs #22
2026-04-03 19:26:59 -07:00
david 322ab2a5fa feat: integrate TeamsSection component into tournament detail page
Update tournament detail page to use new TeamsSection component:
- Import TeamsSection component
- Replace static teams display with interactive configuration
- Pass tournament ID, teams, and participants to component

Refs #22
2026-04-03 19:26:52 -07:00
david c4d2130d5b feat: add TeamsSection component for team configuration UI
Add interactive team configuration panel:
- Team durability selection (permanent, variable, per_round)
- Partner rotation strategy selection
- Allow byes configuration
- Generate Teams button with participant count
- Delete All Teams functionality
- Available participants display with ELO ratings

Refs #22
2026-04-03 19:26:44 -07:00
david 051b729451 feat: add team generation API endpoints
Add API endpoints for team management:
- POST /api/tournaments/[id]/teams/generate: Generate teams based on configuration
- DELETE /api/tournaments/[id]/teams: Delete all teams
- GET /api/tournaments/[id]/teams: Fetch teams and configuration

Supports multiple generation strategies:
- Random pairing
- ELO-based pairing
- Even matches
- Minimize repeat partnerships

Refs #22
2026-04-03 19:26:36 -07:00
david 443a0f460e feat: add team generator library with multiple strategies
Implement team generation algorithms for tournament partnerships:
- Random pairing (Fisher-Yates shuffle)
- ELO-based pairing (strongest + weakest)
- Even matches (balance competitive levels)
- Minimize repeat partnerships
- Support for byes with odd participant counts
- Team balance calculation utilities

Refs #22
2026-04-03 19:26:28 -07:00
david 7367fce4a6 feat: add team configuration fields to Event model
Add fields for team durability, partner rotation, and configuration:
- teamDurability: permanent, variable, or per_round
- partnerRotation: none, minimize_repeat, maximize_even, elo_based
- allowByes: handle odd participant counts
- teamConfiguration: JSON for additional options
- maxRosterChanges: limit roster changes per player
- requireAdminVerify: for match score verification

Refs #22
2026-04-03 19:26:11 -07:00
david ab50ae0bdf fix: use bun.lock instead of bun.lockb in Dockerfile
Bun v1.2+ switched from binary lockfile (bun.lockb) to text-based
bun.lock format. Update the Dockerfile COPY to match.
2026-04-02 03:06:22 -07:00
david 90fb0f223e test: add acceptance tests for schedule tab
Playwright tests covering: schedule link visibility, empty state,
schedule generation, round/matchup display, and API response format.
Closes #7.
2026-04-02 01:03:07 -07:00
david a49c8e01ac feat: convert tournament tabs to functional navigation links
Replace non-functional tab buttons with Link components for Schedule
and Results tabs. Disable unimplemented tabs (Participants, Teams,
Analytics) as styled spans with cursor-not-allowed.
2026-04-02 01:02:02 -07:00
david 19402be375 feat: add tournament schedule page with generator component
Schedule page displays round-robin rounds with matchups, team names,
status badges, and links to result entry. Generator component provides
generate/delete buttons with success/error feedback.
2026-04-02 01:01:04 -07:00
david 84afa88ca4 feat: add schedule API endpoints
GET returns rounds with matchups for a tournament.
POST generates a round-robin schedule from registered teams.
DELETE removes all rounds and matchups.

All endpoints enforce tournament admin permissions via canManageTournament.
2026-04-02 00:59:32 -07:00
david df856c62df feat: add round-robin schedule generator
Implement circle-method algorithm for generating round-robin tournament
schedules. Handles both even and odd team counts with bye rounds.

Includes unit tests for algorithm correctness, input validation, and
expected round/matchup calculations.
2026-04-02 00:57:49 -07:00
79 changed files with 11302 additions and 5383 deletions
+1 -1
View File
@@ -11,7 +11,7 @@ DATABASE_URL=postgresql://euchre:euchrepassword@localhost:5432/euchre_camp
# Shadow database for Prisma migrations (optional for PostgreSQL)
DATABASE_SHADOW_URL=postgresql://euchre:euchrepassword@localhost:5432/euchre_camp_shadow
# Database provider (postgresql)
# Database provider (postgresql, mysql, sqlite, etc.)
DATABASE_PROVIDER=postgresql
# ============================================
+1 -1
View File
@@ -7,7 +7,7 @@ on:
paths:
- 'Dockerfile.ci-base'
- 'package.json'
- 'bun.lock'
- 'bun.lockb'
- '.gitea/workflows/build-ci-images.yml'
schedule:
# Weekly rebuild to get latest Playwright/Bun versions
+1 -32
View File
@@ -16,9 +16,6 @@ jobs:
- name: Checkout code
uses: actions/checkout@v4
- name: Clear Bun cache
run: bun pm cache rm || true
- name: Install dependencies
run: bun install
@@ -30,37 +27,9 @@ jobs:
- name: Run unit tests
run: bun test src/__tests__/unit/ src/__tests__/*.test.tsx src/__tests__/auth-simple.test.ts
e2e-tests:
runs-on: ubuntu-latest
needs: unit-tests
container:
image: docker.notsosm.art/euchre-camp/ci-base:latest
options: --user root
steps:
- name: Checkout code
uses: actions/checkout@v4
- name: Clear Bun cache
run: bun pm cache rm || true
- name: Install dependencies
run: bun install
- name: Generate Prisma client
run: bun x prisma generate
env:
DATABASE_URL: postgresql://user:pass@localhost:5432/dummy
- name: Run E2E tests
run: npm run test:acceptance:cucumber:prod
env:
DATABASE_URL: postgresql://euchre_camp:${{ secrets.DB_PASSWORD }}@dhg.lol:5432/euchre_camp_dev
DATABASE_PROVIDER: postgresql
analyze-bump-type:
runs-on: ubuntu-latest
needs: e2e-tests
needs: unit-tests
steps:
- name: Checkout code
+4 -3
View File
@@ -53,9 +53,10 @@ next-env.d.ts
/src/generated/prisma
# database
*.db
*.db-journal
prisma/dev.db*
prisma/prisma/dev.db*
playwright-report/
.env.development
.env.dev
cucumber-pretty
.env.production
-105
View File
@@ -1,108 +1,3 @@
## [0.1.17] - 2026-05-02
### Patch Changes
- Merge branch 'main' of https://git.notsosm.art/david/euchre_camp
- refactor: remove all SQLite code, standardize on PostgreSQL
## [0.1.16] - 2026-05-02
### Patch Changes
- Merge branch 'main' of https://git.notsosm.art/david/euchre_camp
- feat: add bracket visualization for tournament schedule (#8)
## [0.1.15] - 2026-05-02
### Patch Changes
- Merge branch 'main' of https://git.notsosm.art/david/euchre_camp
- feat: add view-as-role feature for site admins (#15)
## [0.1.14] - 2026-05-02
### Patch Changes
- Merge branch 'bugfix/7-tournament-schedule-tests': Schedule generation, clickable matchups, and test fixes
- Merge branch 'bugfix/9-player-schedule-tests': Player schedule clickable matches
- Merge branch 'bugfix/10-password-reset-tests': Password reset API and form wiring
- fix: resolve schedule generation tests - round display, clickable links, and team count
- fix: rename variable to avoid shadowing expectedRounds function
- fix: improve link click handling to wait for networkidle
- feat: implement password reset API endpoint and wire up form
- fix: make player schedule matches clickable links to match detail page
- fix: support matchup query param for direct navigation to entry page
- fix: correct wordmark link to point to home page
- fix: resolve schedule data staleness in production builds
- wip: Tournament schedule tests - 27/30 passing
- feat: add ScheduleDisplay component and wire up schedule page with Generator
- test: add tournament schedule step definitions
- test: enable player schedule tests with match data setup
- test: enable password reset page test and add navigation step
## [0.1.13] - 2026-04-27
### Patch Changes
- ci: update Playwright to v1.59.1 in CI base image
## [0.1.12] - 2026-04-27
### Patch Changes
- ci: clear Bun cache before install to fix integrity check failures
## [0.1.11] - 2026-04-27
### Patch Changes
## [0.1.10] - 2026-04-27
### Patch Changes
- fix: prevent content overflow on right side of screen
## [0.1.9] - 2026-04-27
### Patch Changes
- test: remove migrated Playwright tests (epic3-rankings, home-page)
## [0.1.8] - 2026-04-27
### Patch Changes
- test: migrate rankings and home-page tests from Playwright to Cucumber
## [0.1.7] - 2026-04-27
### Patch Changes
- fix: replace waitForLoadState('networkidle') with domcontentloaded in all E2E tests
- feat: Implement tournament schedule tab and fix E2E tests (#27)
## [0.1.6] - 2026-04-26
### Patch Changes
- fix: update Cucumber config and hooks to properly load test infrastructure
- feat: add feature summary documentation
- docs: update README with feature files and issue tracking
- feat: add tournament schedule feature test (issue #7)
- feat: add player schedule feature test (issue #9)
- feat: add password reset feature test (issue #10)
- feat: add wordmark navigation feature test (issue #24)
- docs: add README for Cucumber test framework
- feat: add cucumber gherkin-style E2E test framework
## [0.1.5] - 2026-04-26
### Patch Changes
- ci: fix deployment directory path in release workflow
## [0.1.4] - 2026-04-02
### Patch Changes
+3 -2
View File
@@ -2,7 +2,7 @@
# Used for Gitea Actions CI workflows
# Uses Microsoft Playwright image as base (Ubuntu-based) with Bun added
FROM mcr.microsoft.com/playwright:v1.59.1-jammy AS base
FROM mcr.microsoft.com/playwright:v1.58.0-jammy AS base
# Install unzip (required for Bun installation) and other tools
RUN apt-get update && apt-get install -y unzip && rm -rf /var/lib/apt/lists/*
@@ -22,7 +22,8 @@ RUN echo "=== Bun Version ===" && bun --version && \
WORKDIR /app
# Set default environment variables
ENV DATABASE_PROVIDER=postgresql
ENV DATABASE_PROVIDER=sqlite
ENV DATABASE_URL=file:./prisma/ci.db
ENV BETTER_AUTH_SECRET=test-secret-key-for-ci-only
ENV NODE_ENV=test
+225 -570
View File
File diff suppressed because it is too large Load Diff
-343
View File
@@ -1,343 +0,0 @@
# Technical Findings: Next.js App Router Data Staleness in Production
## Issue Summary
**Problem**: Freshly generated database data (TournamentRound and BracketMatchup records) created via POST `/api/tournaments/[id]/schedule` fails to appear immediately after a browser refresh in production builds, despite the server component having `revalidate = 0` and `dynamic = "force-dynamic"`.
**Context**: The test suite `schedule-tab.test.ts` shows that data is created successfully in the database but the page refresh doesn't immediately display the new data in production builds.
---
## Root Cause Analysis
### 1. Next.js Data Cache Behavior
**Finding**: Next.js App Router caches `fetch` responses by default in production. While `revalidate = 0` and `dynamic = "force-dynamic"` disable full-route caching, they do not automatically disable the Data Cache for individual `fetch` requests.
**Evidence from codebase**:
- `src/app/admin/tournaments/[id]/schedule/page.tsx` sets:
```typescript
export const dynamic = "force-dynamic"
export const revalidate = 0
```
- However, the page uses Prisma directly, not `fetch`. The page query `prisma.event.findUnique` is not subject to Next.js fetch caching, but the **browser/client router cache** may still cause issues.
**Relevant Code Locations**:
- `src/app/admin/tournaments/[id]/schedule/page.tsx:14-16`
- `src/app/api/tournaments/[id]/schedule/route.ts:191-222` (POST transaction)
### 2. Prisma Client and Transaction Isolation
**Finding**: The POST endpoint uses `prisma.$transaction` to create rounds and matchups. In production with PostgreSQL, transaction isolation levels and connection pooling can cause visibility delays.
**Evidence**:
```typescript
// src/app/api/tournaments/[id]/schedule/route.ts:191
const created = await prisma.$transaction(
schedule.map((round) =>
prisma.tournamentRound.create({...})
)
)
```
**Potential Issues**:
- **Read Committed Isolation**: PostgreSQL's default `READ COMMITTED` isolation level ensures that once a transaction commits, subsequent queries see the new data. However, if the browser refresh happens immediately after the POST response, there might be a race condition.
- **Connection Pooling**: The Prisma client uses connection pooling. If the GET request (page load) uses a different connection than the POST request, and there's a replication delay (unlikely with SQLite/PostgreSQL single instance), it could see stale data.
**Evidence Locations**:
- `src/lib/prisma.ts:13-35` (Prisma client initialization)
- `src/app/api/tournaments/[id]/schedule/route.ts:191-222` (Transaction block)
### 3. Client-Side Router Cache
**Finding**: The Next.js App Router maintains a client-side cache for visited routes. Even when the server component revalidates, the client might serve a cached version from the client-side navigation cache.
**Evidence from research**:
- The GitHub discussion #51612 shows that `router.push` and browser refresh can still serve stale data due to client-side caching.
- The `ScheduleGenerator` component uses `fetch` to POST data but doesn't trigger a router refresh or invalidate the client cache.
**Code Locations**:
- `src/components/ScheduleGenerator.tsx:27-29` (POST request)
- `src/components/ScheduleGenerator.tsx:84` (Only calls `window.location.reload()` on DELETE, not POST)
### 4. Production vs Development Differences
**Finding**: Development mode (`next dev`) has more lenient caching behavior. Production builds (`next start`) aggressively cache by default.
**Evidence**:
- The test `schedule-tab.test.ts` passes in development but fails in production.
- The `ScheduleGenerator` component doesn't use `revalidatePath` or `revalidateTag` after successful POST.
---
## Specific Technical Findings
### Finding 1: Missing Cache Invalidation After POST
**Location**: `src/components/ScheduleGenerator.tsx:43-49`
**Issue**: After a successful POST request, the component updates local state (`result`) but doesn't:
1. Call `revalidatePath` (requires Server Action)
2. Call `revalidateTag` (requires Server Action)
3. Trigger a router refresh
4. Force a page reload
**Current Behavior**:
```typescript
const handleGenerate = async () => {
// ... POST request ...
const data = await response.json()
setResult({
roundsCreated: data.roundsCreated,
matchupsCreated: data.matchupsCreated,
})
setIsGenerating(false)
// ❌ No cache invalidation
}
```
**Expected Behavior**: After POST, the page should re-fetch data to show newly created rounds.
### Finding 2: Prisma Client Singleton Pattern
**Location**: `src/lib/prisma.ts:37-39`
**Issue**: The Prisma client is a singleton, which is correct. However, in production with connection pooling, there might be delays in visibility across connections.
**Current Code**:
```typescript
export const prisma = globalForPrisma.prisma ?? createPrismaClient()
if (process.env.NODE_ENV !== 'production') globalForPrisma.prisma = prisma
```
**Note**: This is correct pattern, but production connection pooling behavior differs from development.
### Finding 3: Server Component Data Fetching
**Location**: `src/app/admin/tournaments/[id]/schedule/page.tsx:26-50`
**Issue**: The server component fetches data directly with Prisma. While `revalidate = 0` ensures the server re-renders on each request, the client might cache the response.
**Current Code**:
```typescript
export const dynamic = "force-dynamic"
export const revalidate = 0
export default async function TournamentSchedulePage({ params }: PageProps) {
const tournament = await prisma.event.findUnique({
where: { id: tournamentId },
include: { rounds: { ... } }
})
// ...
}
```
**Note**: This should work correctly, but client-side router cache might interfere.
---
## Potential Fixes
### Fix 1: Implement Server Actions for Cache Invalidation
**Approach**: Convert the schedule generation to use Server Actions with `revalidatePath`.
**Implementation**:
```typescript
// src/app/actions/schedule.ts
'use server'
import { revalidatePath } from 'next/cache'
import { prisma } from '@/lib/prisma'
import { generateRoundRobin, /* ... */ } from '@/lib/schedule-generator'
export async function generateSchedule(tournamentId: number) {
// ... existing logic from route.ts ...
// After successful creation
await prisma.$transaction(/* ... */)
// Revalidate the schedule page
revalidatePath(`/admin/tournaments/${tournamentId}/schedule`)
revalidatePath(`/admin/tournaments/${tournamentId}`)
return { success: true, roundsCreated: created.length }
}
```
**Update ScheduleGenerator component**:
```typescript
// src/components/ScheduleGenerator.tsx
import { generateSchedule } from '@/app/actions/schedule'
const handleGenerate = async () => {
const result = await generateSchedule(tournamentId)
if (result.success) {
setResult({
roundsCreated: result.roundsCreated,
matchupsCreated: /* calculate from result */,
})
// Router automatically revalidates due to revalidatePath
}
}
```
### Fix 2: Force Router Refresh After POST
**Approach**: Use `router.refresh()` after successful POST to invalidate client cache.
**Implementation**:
```typescript
// src/components/ScheduleGenerator.tsx
'use client'
import { useRouter } from 'next/navigation'
export function ScheduleGenerator({ tournamentId, /* ... */ }) {
const router = useRouter()
const handleGenerate = async () => {
// ... POST request ...
if (response.ok) {
// Force router to re-fetch server component data
router.refresh()
// Or force full page reload as fallback
// window.location.reload()
}
}
}
```
### Fix 3: Disable Fetch Caching Explicitly
**Approach**: Even though we use Prisma, ensure any internal fetches don't cache.
**Implementation**:
```typescript
// src/app/api/tournaments/[id]/schedule/route.ts
export async function GET(request: Request, { params }: RouteParams) {
// Add cache control headers
const response = NextResponse.json({ rounds: tournament.rounds })
response.headers.set('Cache-Control', 'no-store, max-age=0')
return response
}
```
### Fix 4: Add Delay/Retry Logic in Tests
**Approach**: For Playwright tests, add explicit wait for data visibility.
**Implementation**:
```typescript
// e2e/schedule-tab.test.ts
test('Schedule page displays generated rounds and matchups', async ({ page }) => {
// ... navigate to schedule page ...
// Wait for rounds to be visible with retry logic
await expect(page.locator('text=Round 1')).toBeVisible({ timeout: 10000 })
// Additional verification
await expect(page.locator('text=Alice + Bob')).toBeVisible()
})
```
### Fix 5: Database Transaction Optimization
**Approach**: Ensure transaction commits fully before returning response.
**Implementation**:
```typescript
// src/app/api/tournaments/[id]/schedule/route.ts
const created = await prisma.$transaction(
schedule.map((round) =>
prisma.tournamentRound.create({
data: { /* ... */ },
include: { /* ... */ } // Eager load to ensure data is available
})
),
{
isolationLevel: 'ReadCommitted', // Explicit isolation level
maxWait: 5000, // Increase wait time
timeout: 10000, // Increase timeout
}
)
```
---
## Recommended Solution
### Immediate Fix (Quick)
1. **Update `ScheduleGenerator.tsx`** to use `router.refresh()` after POST:
```typescript
import { useRouter } from 'next/navigation'
const router = useRouter()
const handleGenerate = async () => {
// ... POST logic ...
if (response.ok) {
router.refresh()
}
}
```
2. **Add cache control headers** to the GET endpoint:
```typescript
// In GET handler
const response = NextResponse.json({ rounds: tournament.rounds })
response.headers.set('Cache-Control', 'no-store, max-age=0')
return response
```
### Long-term Fix (Recommended)
1. **Migrate to Server Actions** for schedule generation:
- Use `'use server'` directive
- Call `revalidatePath` after mutations
- Eliminate need for separate API route
2. **Implement proper cache tagging**:
- Tag fetch requests with `next: { tags: ['schedule'] }`
- Use `revalidateTag('schedule')` after mutations
3. **Update test patterns**:
- Ensure tests wait for server component revalidation
- Use `page.waitForLoadState('networkidle')` after mutations
---
## Verification Steps
1. **Test in production build**:
```bash
npm run build
npm run start
```
2. **Verify data flow**:
- Create schedule via UI
- Refresh page immediately
- Verify rounds display correctly
3. **Check server logs**:
- Look for revalidation messages
- Verify Prisma query execution
4. **Run acceptance tests**:
```bash
npm run test:acceptance
```
---
## References
- Next.js App Router Caching: https://nextjs.org/docs/app/building-your-application/data-fetching/caching
- Server Actions: https://nextjs.org/docs/app/building-your-application/data-fetching/server-actions-and-mutations
- GitHub Discussion #51612: https://github.com/vercel/next.js/discussions/51612
- Prisma Transactions: https://www.prisma.io/docs/orm/prisma-client/queries/transactions
+1 -1
View File
@@ -16,7 +16,7 @@ function getTestCredentials() {
const random = Math.random().toString(36).substring(7);
return {
email: `test-api-${timestamp}-${random}@example.com`,
password: 'TestPassword1234!',
password: 'TestPassword123!',
name: `Test API User ${timestamp}`
};
}
+3 -3
View File
@@ -15,7 +15,7 @@ function getTestCredentials() {
const timestamp = Date.now();
return {
email: `test-${timestamp}@example.com`,
password: 'TestPassword1234!',
password: 'TestPassword123!',
name: `Test User ${timestamp}`
};
}
@@ -56,7 +56,7 @@ test.describe.serial('Account Lifecycle Acceptance Test', () => {
await page.goto('/auth/register');
// Wait for JavaScript to be ready
await page.waitForLoadState('domcontentloaded');
await page.waitForLoadState('networkidle');
// Wait for the form to be visible and the submit button to be enabled
await page.waitForSelector('form');
@@ -105,7 +105,7 @@ test.describe.serial('Account Lifecycle Acceptance Test', () => {
// Reload to ensure session is loaded from cookies
await page.reload();
await page.waitForLoadState('domcontentloaded');
await page.waitForLoadState('networkidle');
// Wait for logout button to appear
await page.waitForSelector('text=Sign out', { timeout: 10000 });
-45
View File
@@ -1,45 +0,0 @@
/**
* Bridge file to run Cucumber tests through Playwright's test runner
*
* This allows Cucumber tests to benefit from Playwright's:
* - Dev server management
* - Browser lifecycle management
* - Test reporting
* - CI/CD integration
*/
import { test } from '@playwright/test';
import { execSync } from 'child_process';
// This test file doesn't contain actual tests
// It just runs Cucumber CLI which executes the feature files
test.describe('Cucumber E2E Tests', () => {
test('Run all Cucumber feature files', async () => {
// This test is a placeholder that triggers Cucumber execution
// In practice, Cucumber should be run directly via CLI
console.log('Cucumber tests should be run via: bun cucumber-js');
});
});
/**
* Alternative approach: Programmatic execution
*
* If you want to run Cucumber programmatically from within Playwright:
*/
/*
import { execSync } from 'child_process';
export default async function runCucumberTests() {
try {
const output = execSync(
'bun cucumber-js --config e2e/cucumber/cucumber.config.ts',
{ encoding: 'utf-8', stdio: 'inherit' }
);
console.log(output);
return true;
} catch (error) {
console.error('Cucumber tests failed:', error);
return false;
}
}
*/
-182
View File
@@ -1,182 +0,0 @@
# Gherkin-Style E2E Tests - Feature Summary
## Overview
This directory contains Gherkin-style acceptance tests for the EuchreCamp application, written in Cucumber syntax and executed via Playwright.
## Coverage Summary
### Feature Files (6 files, 16 scenarios)
| Feature File | Issue | Scenarios | Status |
|--------------|-------|-----------|--------|
| authentication.feature | - | 5 | ✅ Complete |
| password-reset.feature | #10 | 4 | ⚠️ @wip (needs UI) |
| player-schedule.feature | #9 | 3 | ⚠️ @wip (needs data) |
| tournament-schedule.feature | #7 | 4 | ⚠️ @wip (needs data) |
| user-registration.feature | - | 3 | ✅ Complete |
| wordmark-navigation.feature | #24 | 3 | ✅ Complete |
### Step Definitions
- **Total steps defined:** 75
- **Common steps:** Navigation, forms, assertions
- **Auth steps:** Registration, login, logout, schedule navigation
- **All steps verified:** ✅ Dry-run passes with no undefined steps
## Issues Covered
### Issue #24: Wordmark Navigation ✅
**Scenario:** Clicking EuchreCamp wordmark navigates to appropriate page
- Unauthenticated users → Public homepage
- Players → Their profile page
- Admins → Admin dashboard
### Issue #10: Password Reset ⚠️
**Scenarios:**
- Access password reset page
- Request reset with valid email
- Request reset with invalid email
- Submit empty email field
**Status:** Marked @wip because password reset UI is not yet implemented
### Issue #9: Player Schedule ⚠️
**Scenarios:**
- View empty schedule (no matches)
- View schedule with upcoming matches
- Navigate to match details
**Status:** Marked @wip because data setup requires tournament creation
### Issue #7: Tournament Schedule Tab ⚠️
**Scenarios:**
- View schedule page for tournament
- Generate round-robin schedule
- View schedule with bye rounds
- Click matchup to enter results
**Status:** Marked @wip because data setup requires tournament creation
## Running Tests
### Command Line
```bash
# Run all Cucumber tests
bun run test:acceptance:cucumber
# Run with pretty output
bun run test:acceptance:cucumber:pretty
# Run specific feature
bun cucumber-js e2e/cucumber/features/user-registration.feature
# Dry run (verify all steps defined)
bun cucumber-js --config e2e/cucumber/cucumber.config.ts --dry-run
```
### Tags
Filter tests by tag:
```bash
# Run only @happy-path tests
bun cucumber-js --tags "@happy-path"
# Skip @wip tests
bun cucumber-js --tags "not @wip"
# Run specific issue tests
bun cucumber-js --tags "@issue-24"
```
## Feature Examples
### Wordmark Navigation (Issue #24)
```gherkin
Scenario: Authenticated player clicks wordmark goes to their profile
Given I am logged in as a player
When I click the "EuchreCamp" wordmark
Then I should be redirected to my profile page
And I should see "Welcome"
```
### User Registration
```gherkin
Scenario: Successful registration with valid data
Given I am on the registration page
When I fill in "name" with "Test User"
And I fill in "email" with "test@example.com"
And I fill in "password" with "TestPassword1234!"
And I click the "Create Account" button
Then I should be redirected to my profile page
And my user account should exist
```
### Tournament Schedule (Issue #7)
```gherkin
Scenario: Tournament admin generates round-robin schedule
Given I am logged in as a tournament admin
And a tournament exists with 4 teams
When I go to the tournament schedule page
And I click the "Generate Schedule" button
Then I should see "Schedule generated successfully"
And I should see round 1 matchups
```
## Key Principles
1. **Browser-only interactions** - Tests interact with UI only, no database access
2. **Gherkin syntax** - Plain English Given-When-Then format
3. **Happy path focus** - Tests common user workflows
4. **Issue tracking** - Each feature file linked to specific GitHub issues
5. **@wip markers** - New/incomplete features marked for development
## Next Steps
### Immediate
1. Run tests against dev server: `bun run test:acceptance:cucumber`
2. Review @wip scenarios and implement missing UI
3. Set up test data creation via API or fixtures
### Short-term
1. Add more feature files for other issues:
- Issue #8: Tournament bracket visualization
- Issue #11: Club admin dashboard
- Issue #15: Admin view-as-user functionality
- Issue #22: Team configuration options
2. Add more step definitions for:
- Tournament creation
- Team management
- Match result entry
- Calendar view
### Long-term
1. Integrate with CI/CD pipeline
2. Generate HTML reports
3. Add visual regression testing
4. Create test data factory for complex scenarios
## Useful Commands
```bash
# List all feature files
ls e2e/cucumber/features/
# Count scenarios
grep -c "Scenario:" e2e/cucumber/features/*.feature
# List all step definitions
grep -r "Given\|When\|Then" e2e/cucumber/step-definitions/ | wc -l
# Check for @wip scenarios
grep -n "@wip" e2e/cucumber/features/*.feature
```
## Documentation
- [Cucumber.js Documentation](https://github.com/cucumber/cucumber-js)
- [Gherkin Reference](https://cucumber.io/docs/gherkin/)
- [Playwright Documentation](https://playwright.dev)
- [Feature README](./README.md)
-209
View File
@@ -1,209 +0,0 @@
# Cucumber Gherkin-Style E2E Tests
This directory contains Gherkin-style acceptance tests using Cucumber and Playwright for testing the EuchreCamp application.
## Overview
These tests follow the **Given-When-Then** syntax for behavior-driven development (BDD) and test the application from a user's perspective by interacting with the browser UI only.
## Key Principles
1. **Browser-only interactions**: Tests interact with the application via the browser (click, type, navigate)
2. **No direct database access**: All data is created/modified through the UI
3. **Dev site testing**: Tests run against a running development server
4. **Happy path focus**: Tests verify common user workflows
5. **Gherkin syntax**: Tests are written in plain English using Given-When-Then
## Running Tests
### Run all Cucumber tests
```bash
bun run test:acceptance:cucumber
```
### Run with pretty formatter (visible output)
```bash
bun run test:acceptance:cucumber:pretty
```
### Run specific feature file
```bash
bun cucumber-js e2e/cucumber/features/user-registration.feature
```
### Run specific scenario
```bash
bun cucumber-js --name "Successful registration with valid data"
```
### Dry run (check for undefined steps)
```bash
bun cucumber-js --config e2e/cucumber/cucumber.config.ts --dry-run
```
## Test Structure
```
e2e/cucumber/
├── features/ # Gherkin feature files (6 files, 16 scenarios)
│ ├── authentication.feature # Login/logout flows
│ ├── password-reset.feature # Password reset (issue #10)
│ ├── player-schedule.feature # Player schedule view (issue #9)
│ ├── tournament-schedule.feature # Tournament schedule tab (issue #7)
│ ├── user-registration.feature # User registration flows
│ └── wordmark-navigation.feature # Wordmark navigation (issue #24)
├── step-definitions/ # Step implementations (75 steps defined)
│ ├── common-steps.ts # Navigation, forms, assertions
│ └── auth-steps.ts # Login, logout, registration, schedule
├── support/ # Test infrastructure
│ ├── world.ts # Shared test context
│ └── hooks.ts # Before/After hooks
├── cucumber.config.ts # Cucumber configuration
└── README.md # This file
```
## Feature Files
### 1. user-registration.feature
User registration scenarios with validation
### 2. authentication.feature
Login/logout flows for authenticated users
### 3. wordmark-navigation.feature
Tests for Issue #24: Wordmark navigation based on user role
### 4. password-reset.feature
Tests for Issue #10: Password reset flow (marked @wip - needs implementation)
### 5. player-schedule.feature
Tests for Issue #9: Player schedule view with upcoming matches
### 6. tournament-schedule.feature
Tests for Issue #7: Tournament admin schedule tab and round-robin generation
## Example Test
### Feature File (user-registration.feature)
```gherkin
Feature: User Registration
As a new user
I want to register for an account
So that I can participate in Euchre tournaments
Background:
Given I am on the registration page
Scenario: Successful registration with valid data
When I fill in "name" with "Test User"
And I fill in "email" with "test@example.com"
And I fill in "password" with "TestPassword1234!"
And I click the "Create Account" button
Then I should be redirected to my profile page
And my user account should exist
```
### Step Definition (auth-steps.ts)
```typescript
Given('I am logged in as a player', async function () {
const credentials = generateTestCredentials();
world.user = credentials;
await world.page.goto(`${world.baseURL}/auth/register`);
await world.page.fill('input[name="name"]', credentials.name);
await world.page.fill('input[name="email"]', credentials.email);
await world.page.fill('input[name="password"]', credentials.password);
await world.page.click('button[type="submit"]');
await world.page.waitForURL(/\/players\/\d+\/profile/);
});
```
## Tags
Use tags to organize and filter tests:
- `@happy-path` - Tests successful user workflows
- `@negative-test` - Tests error cases and validation
- `@authentication` - Tests related to login/registration
- `@wip` - Work in progress (skipped by default)
- `@skip` - Temporarily skipped tests
## Configuration
The Cucumber configuration is in `cucumber.config.ts`:
- Feature files: `e2e/cucumber/features/**/*.feature`
- Step definitions: `e2e/cucumber/step-definitions/**/*.ts`
- TypeScript loader: tsx (for path alias support)
- Tags: Skips `@wip` and `@skip` by default
- Retries: 2 retries in CI environment
## World Context
The `world.ts` file provides a shared context for tests:
```typescript
interface WorldState {
page: Page; // Playwright page
context: BrowserContext;
baseURL: string; // Dev server URL
user?: { // Current test user
email: string;
name: string;
password: string;
};
tournament?: any; // Current test tournament
player?: any; // Current test player
}
```
## Hooks
Hooks run before/after tests:
- `BeforeAll` - Launch browser once before all tests
- `AfterAll` - Close browser and cleanup after all tests
- `Before` - Create new page context before each scenario
- `After` - Close page and cleanup test data after each scenario
## Best Practices
1. **Unique test data**: Use timestamps to ensure unique test users
2. **Wait for navigation**: Always wait for page loads and redirects
3. **Clear assertions**: Verify expected state after user actions
4. **No database access**: Use UI/API for all data creation
5. **Tag organization**: Use tags to filter test suites
6. **One assertion per step**: Keep steps focused and readable
## Troubleshooting
### Steps showing as undefined
Run with `--dry-run` to check step matching:
```bash
bun cucumber-js --dry-run
```
### Database errors
These tests don't interact with the database directly. If you see Prisma errors, check that:
- The dev server is running
- The database is accessible
- Environment variables are set correctly
### Slow tests
Use the `@wip` tag for tests in development and skip them during full runs.
## CI/CD Integration
In CI, the tests should:
1. Start the dev server (if not already running)
2. Run Cucumber tests against `http://localhost:3000`
3. Use JUnit format for reporting:
```bash
bun cucumber-js --format junit --out reports/cucumber.xml
```
## Related
- [Cucumber.js Documentation](https://github.com/cucumber/cucumber-js)
- [Gherkin Syntax Reference](https://cucumber.io/docs/gherkin/)
- [Playwright Documentation](https://playwright.dev)
-46
View File
@@ -1,46 +0,0 @@
/**
* Cucumber configuration for EuchreCamp E2E tests
*/
module.exports = {
// Paths to feature files
paths: ['e2e/cucumber/features/**/*.feature'],
// Paths to step definitions
import: ['e2e/cucumber/step-definitions/**/*.ts'],
// Paths to support files (hooks, world)
require: ['e2e/cucumber/support/**/*.ts'],
// Use tsx loader for TypeScript with path aliases
requireModule: ['tsx'],
// Format options
format: [
'progress-bar',
'pretty:cucumber-pretty'
],
// Output directory for reports
formatOptions: {
snippetInterface: 'async-await'
},
// Tags to run (can be overridden via command line)
tags: 'not @wip and not @skip',
// Fail fast on first error
failFast: false,
// Retry failed tests (useful in CI)
retry: process.env.CI ? 2 : 0,
// Dry run (just list scenarios without executing)
dryRun: false,
// Strict mode (fail on undefined steps)
strict: true,
// Increase default timeout for steps (default is 5000ms)
defaultTimeout: 30000,
};
@@ -1,36 +0,0 @@
Feature: Club Admin Dashboard
As a club admin
I want to view club-wide statistics and manage club operations
So that I can effectively oversee the club
@happy-path @admin @issue-11
Scenario: Club admin views dashboard with statistics
Given I am logged in as a club admin
When I go to the admin dashboard
Then I should see "Admin Dashboard"
And I should see total player count
And I should see active tournament count
@happy-path @admin @issue-11
Scenario: Club admin views recent activity feed
Given I am logged in as a club admin
And there are recent activities in the system
When I go to the admin dashboard
Then I should see the activity feed section
And I should see recent player registrations
@happy-path @admin @issue-11
Scenario: Club admin searches player directory
Given I am logged in as a club admin
And there are multiple players in the system
When I go to the player management page
And I search for "Player 1"
Then I should see search results
@happy-path @admin @issue-11
Scenario: Club admin updates club settings
Given I am logged in as a club admin
When I go to the club settings page
And I update the club name
And I save the settings
Then the settings should be saved successfully
@@ -1,35 +0,0 @@
Feature: User Authentication
As a registered user
I want to log in and log out
So that I can access my account features
@happy-path @authentication
Scenario: Login with valid credentials
Given I am logged in as a player
When I go to the home page
Then I should see "Sign out"
@happy-path @authentication
Scenario: Logout successfully
Given I am logged in as a player
When I click the "Sign out" button
Then I should be redirected to the login page
@negative-test @authentication
Scenario: Login with invalid credentials
Given I am on the login page
When I log in with invalid credentials
Then I should see an error message
And I should remain on the login page
@happy-path @authentication
Scenario: Navigate to login page
Given I am on the home page
When I click the "Sign in" link
Then I should be on the login page
@happy-path @authentication
Scenario: Navigate to registration from login
Given I am on the login page
When I click the "Create an account" link
Then I should be on the registration page
@@ -1,37 +0,0 @@
Feature: Bracket Visualization
As a tournament admin
I want to see a visual bracket of the tournament schedule
So that I can track tournament progress at a glance
@happy-path @tournament @issue-8
Scenario: Tournament admin views bracket with a generated schedule
Given I am logged in as a tournament admin
And a tournament exists with 4 teams
When I go to the tournament schedule page
And I click the "Generate Schedule" button
Then I should see "Generated"
When I go to the tournament detail page
And I click the "Bracket" tab
Then I should see "Tournament Bracket"
And I should see "Round 1"
And I should see "Round 2"
And I should see "Round 3"
And I should see bracket matchup cards
@happy-path @tournament @issue-8
Scenario: Bracket shows team names in matchup cards
Given I am logged in as a tournament admin
And a tournament exists with 4 teams
When I go to the tournament schedule page
And I click the "Generate Schedule" button
Then I should see "Generated"
When I go to the tournament detail page
And I click the "Bracket" tab
Then I should see bracket matchup cards with team names
@happy-path @tournament @issue-8
Scenario: Bracket tab is not visible without a schedule
Given I am logged in as a tournament admin
And a tournament exists with 4 teams
When I go to the tournament detail page
Then I should not see the "Bracket" tab
-27
View File
@@ -1,27 +0,0 @@
Feature: Home Page
As a visitor
I want to see the home page
So that I can learn about the club and view player rankings
@happy-path @public @home
Scenario: Home page displays Top 10 Players
Given I am on the home page
Then I should see "Top 10 Players"
And I should see a rankings table
@happy-path @public @home
Scenario: Home page displays club information
Given I am on the home page
Then I should see "Club Information"
And I should see "Club President"
@happy-path @public @home
Scenario: Home page displays most recent tournament
Given I am on the home page
Then I should see "Most Recent Tournament"
@happy-path @public @home
Scenario: Home page has sign in and create account links
Given I am on the home page
Then I should see "Sign In"
And I should see "Create Account"
@@ -1,32 +0,0 @@
Feature: Password Reset
As a user who forgot my password
I want to reset my password
So that I can regain access to my account
@happy-path @authentication @issue-10
Scenario: User can access password reset page
Given I am on the login page
When I click the "Forgot password?" link
Then I should be on the password reset page
And I should see "Reset Password"
@happy-path @authentication @issue-10 @wip
Scenario: User requests password reset with valid email
Given I am on the password reset page
When I fill in "email" with "existing-user@example.com"
And I click the "Send Reset Link" button
Then I should see "Password reset link sent"
And I should see "Check your email"
@negative-test @authentication @issue-10 @wip
Scenario: User requests password reset with invalid email
Given I am on the password reset page
When I fill in "email" with "nonexistent@example.com"
And I click the "Send Reset Link" button
Then I should see an error message
@negative-test @authentication @issue-10 @wip
Scenario: User submits empty email field
Given I am on the password reset page
When I click the "Send Reset Link" button
Then I should see "email is required" error
@@ -1,29 +0,0 @@
Feature: Player Schedule
As a player
I want to see my upcoming matches
So that I can prepare for and attend my games
@happy-path @player-features @issue-9
Scenario: Player views empty schedule when no matches
Given I am logged in as a player
When I go to my schedule page
Then I should see "No upcoming matches"
@happy-path @player-features @issue-9
Scenario: Player views schedule with upcoming matches
Given I am logged in as a player
And I have upcoming matches in my schedule
When I go to my schedule page
Then I should see "Upcoming Matches"
And I should see the match date
And I should see my opponent's name
And I should see my partner's name
And I should see the tournament name
@happy-path @player-features @issue-9 @wip
Scenario: Player can navigate to match details from schedule
Given I am logged in as a player
And I have upcoming matches in my schedule
When I go to my schedule page
And I click on a match
Then I should be on the match detail page
-23
View File
@@ -1,23 +0,0 @@
Feature: Rankings Page
As a visitor
I want to view player rankings
So that I can see top players and their statistics
@happy-path @public @rankings
Scenario: Rankings page loads and displays rankings table
When I go to the rankings page
Then I should see "Player Rankings" in the page heading
And I should see a rankings table
@happy-path @public @rankings
Scenario: Rankings table displays player columns
When I go to the rankings page
Then I should see a rankings table with columns
And the table should have column headers
@happy-path @public @rankings
Scenario: Rankings page is publicly accessible (no login required)
Given I am not logged in
When I go to the rankings page
Then I should be on the rankings page
And I should see the rankings table
@@ -1,49 +0,0 @@
Feature: Tournament Schedule
As a tournament admin
I want to view and generate round matchups in a Schedule tab
So that I can manage tournament matches
@happy-path @tournament @issue-7
Scenario: Tournament admin views schedule page for tournament
Given I am logged in as a tournament admin
And a tournament exists with 4 teams
When I go to the tournament schedule page
Then I should see "Schedule"
And I should see the "Generate Schedule" button
@happy-path @tournament @issue-7
Scenario: Tournament admin generates round-robin schedule
Given I am logged in as a tournament admin
And a tournament exists with 4 teams
When I go to the tournament schedule page
And I click the "Generate Schedule" button
Then I should see "Generated"
And I should see "rounds with"
# Navigate away and back to verify schedule persisted (avoids HMR caching issues)
When I go to the tournament schedule page
Then I should see round 1 matchups
And I should see round 2 matchups
@happy-path @tournament @issue-7
Scenario: Tournament admin views schedule with bye rounds
Given I am logged in as a tournament admin
And a tournament exists with 5 teams
When I go to the tournament schedule page
And I click the "Generate Schedule" button
Then I should see "Generated"
# Navigate away and back to verify schedule persisted
When I go to the tournament schedule page
Then I should see 5 rounds
And each team should play every other team exactly once
@happy-path @tournament @issue-7
Scenario: Tournament admin clicks on a matchup to enter results
Given I am logged in as a tournament admin
And a tournament exists with 4 teams
When I go to the tournament schedule page
And I click the "Generate Schedule" button
Then I should see "Generated"
# Navigate away and back to ensure schedule data is loaded
When I go to the tournament schedule page
And I click on a matchup
Then I should be on the match result entry page
@@ -1,59 +0,0 @@
Feature: User Registration
As a new user
I want to register for an account
So that I can participate in Euchre tournaments and track my games
Background:
Given I am on the registration page
@happy-path @authentication
Scenario: Successful registration with valid data
When I fill in "name" with "Test User"
And I fill in "email" with the generated unique email
And I fill in "password" with "TestPassword1234!"
And I click the "Create Account" button
Then I should be redirected to my profile page
And my user account should exist
@happy-path @authentication
Scenario: Auto-created player profile is linked to user
When I fill in "name" with "Profile Test User"
And I fill in "email" with the generated unique email
And I fill in "password" with "ProfilePass1234!"
And I click the "Create Account" button
Then I should be redirected to my profile page
And I should see "Welcome, Profile Test User"
@negative-test @authentication
Scenario: Registration with duplicate email fails
Given I am logged in as a player
When I navigate to the registration page
And I fill in "name" with "Duplicate User"
And I fill in "email" with the same email
And I fill in "password" with "TestPassword1234!"
And I click the "Create Account" button
Then I should see a registration error
@negative-test @authentication
Scenario: Registration with weak password fails
When I fill in "name" with "Weak Password User"
And I fill in "email" with the generated unique email
And I fill in "password" with "weak"
And I click the "Create Account" button
Then I should see "password" validation error
And I should remain on the registration page
@happy-path @authentication
Scenario: Registration form validation
When I click the "Create Account" button
Then I should see "name is required" error
And I should see "email is required" error
And I should see "password is required" error
@wip
Scenario: Registration with email verification (placeholder)
When I fill in "name" with "Email Verify User"
And I fill in "email" with "verify@example.com"
And I fill in "password" with "TestPassword1234!"
And I click the "Create Account" button
Then I should see "Please check your email to verify your account"
@@ -1,46 +0,0 @@
Feature: View As Role
As a site admin
I want to temporarily view the site as a player or club admin
So that I can understand and improve the experience for each role
@happy-path @admin-features @issue-15
Scenario: Site admin sees role switcher in navigation
Given I am logged in as a site admin
When I view the navigation
Then I should see the role switcher dropdown
Then the role switcher should default to "Viewing as Site Admin"
@happy-path @admin-features @issue-15
Scenario: Site admin switches to player view
Given I am logged in as a site admin
When I select "View as Player" from the role switcher
Then I should see the player navigation links
And I should not see the "Admin" link
And I should not see the "Users" link
And I should see a banner indicating I am viewing as "Player"
@happy-path @admin-features @issue-15
Scenario: Site admin switches to tournament admin view
Given I am logged in as a site admin
When I select "View as Tournament Admin" from the role switcher
Then I should see the "Tournaments" link
And I should not see the "Admin" link
And I should not see the "Users" link
And I should see a banner indicating I am viewing as "Tournament Admin"
@happy-path @admin-features @issue-15
Scenario: Site admin switches to club admin view
Given I am logged in as a site admin
When I select "View as Club Admin" from the role switcher
Then I should see the "Admin" link
And I should see the "Users" link
And I should see a banner indicating I am viewing as "Club Admin"
@happy-path @admin-features @issue-15
Scenario: Site admin resets to site admin view
Given I am logged in as a site admin
When I select "View as Player" from the role switcher
And I click the "Reset to Site Admin" button
Then the role switcher should default to "Viewing as Site Admin"
And I should see the "Admin" link
And I should not see the viewing as banner
@@ -1,26 +0,0 @@
Feature: Wordmark Navigation
As a user
I want the EuchreCamp wordmark to navigate to my appropriate homepage
So that I can quickly access my relevant content
@happy-path @navigation @issue-24
Scenario: Unauthenticated user clicks wordmark goes to public homepage
Given I am on the home page
When I click the "EuchreCamp" wordmark
Then I should be on the home page
And I should see "Top 10 Players"
And I should see "Sign In"
@happy-path @navigation @authenticated @issue-24
Scenario: Authenticated player clicks wordmark goes to their profile
Given I am logged in as a player
When I click the "EuchreCamp" wordmark
Then I should be redirected to my profile page
And I should see "Welcome"
@happy-path @navigation @authenticated @issue-24
Scenario: Authenticated admin clicks wordmark goes to admin dashboard
Given I am logged in as a club admin
When I click the "EuchreCamp" wordmark
Then I should be on the admin page
And I should see "Admin"
-694
View File
@@ -1,694 +0,0 @@
/**
* Authentication step definitions for EuchreCamp E2E tests
*
* These steps interact ONLY with the browser UI - no direct database access.
* All user creation happens via the registration/login UI.
*/
import { Given, When, Then } from '@cucumber/cucumber';
import { expect } from '@playwright/test';
import { world } from '../support/world';
// Generate unique test credentials
function generateTestCredentials() {
const timestamp = Date.now();
return {
email: `cucumber-test-${timestamp}@example.com`,
password: 'TestPassword1234!',
name: `Cucumber Test User ${timestamp}`
};
}
/**
* Precondition: I am logged in as a player
* Creates a new user via the registration UI
*/
Given('I am logged in as a player', async function () {
console.log('🌍 Creating and logging in as a player via UI...');
// Generate unique credentials for each test run
const timestamp = Date.now();
const credentials = {
email: `cucumber-player-${timestamp}@example.com`,
password: 'TestPassword1234!', // 16+ characters for minPasswordLength=8
name: `Cucumber Player ${timestamp}`,
};
world.user = credentials;
// Start monitoring network requests
const requests: string[] = [];
const responses: string[] = [];
const consoleLogs: string[] = [];
world.page.on('request', req => requests.push(`${req.method()} ${req.url()}`));
world.page.on('response', res => responses.push(`${res.status()} ${res.url()}`));
world.page.on('console', msg => consoleLogs.push(`${msg.type()}: ${msg.text()}`));
world.page.on('pageerror', err => console.log('🌍 Page error:', err));
world.page.on('crash', () => console.log('🌍 Page crashed'));
// Navigate to registration page
await world.page.goto(`${world.baseURL}/auth/register`);
await world.page.waitForLoadState('domcontentloaded');
// Fill registration form
await world.page.fill('input[name="name"]', credentials.name);
await world.page.fill('input[name="email"]', credentials.email);
await world.page.fill('input[name="password"]', credentials.password);
// Submit form
await world.page.click('button[type="submit"]');
// Wait for redirect to profile page (using waitForURL which is more reliable)
// Timeout is high (60s) to accommodate slow dev server (HMR, etc.)
try {
console.log('🌍 Waiting for redirect to profile page...');
await world.page.waitForURL(/\/players\/\d+\/profile/, { timeout: 60000 });
console.log(`🌍 Player registered and redirected to profile: ${credentials.email}`);
// Extract player ID from URL for later use (e.g., schedule page)
const currentUrl = world.page.url();
const match = currentUrl.match(/\/players\/(\d+)\/profile/);
if (match) {
world.playerId = match[1];
console.log(`🌍 Extracted player ID: ${world.playerId}`);
}
} catch (e) {
console.log('🌍 Registration redirect did not complete as expected');
console.log(`🌍 Current URL: ${world.page.url()}`);
console.log('🌍 Recent requests:', requests.slice(-10));
console.log('🌍 Recent responses:', responses.slice(-10));
console.log('🌍 Browser console logs:', consoleLogs.slice(-10));
// Debug: dump page content
const content = await world.page.content();
console.log('🌍 Page content (first 500 chars):', content.substring(0, 500));
}
// Verify we're logged in by checking for sign-out button
// Use a more specific locator for the button
try {
const signOutButton = world.page.locator('button:has-text("Sign out")');
await expect(signOutButton).toBeVisible({ timeout: 10000 });
console.log(`🌍 Login verified on profile page: ${credentials.email}`);
} catch (e) {
console.log('🌍 Sign out button not visible on profile, trying home page...');
await world.page.goto(`${world.baseURL}/`);
await world.page.waitForLoadState('domcontentloaded');
try {
const signOutButton = world.page.locator('button:has-text("Sign out")');
await expect(signOutButton).toBeVisible({ timeout: 10000 });
console.log(`🌍 Login verified on home page: ${credentials.email}`);
} catch (e2) {
console.log('🌍 Could not verify login status');
}
}
console.log(`🌍 Player created: ${credentials.email}`);
});
/**
* Precondition: I am logged in as a tournament admin
* Note: In the actual app, admin roles are assigned by club admins or via API.
* For acceptance tests, we'll assign the tournament_admin role directly via Prisma.
*/
Given('I am logged in as a tournament admin', async function () {
console.log('🌍 Creating and logging in as a tournament admin...');
const credentials = generateTestCredentials();
world.user = credentials;
await world.page.goto(`${world.baseURL}/auth/register`);
await world.page.waitForLoadState('domcontentloaded');
await world.page.fill('input[name="name"]', credentials.name);
await world.page.fill('input[name="email"]', credentials.email);
await world.page.fill('input[name="password"]', credentials.password);
await world.page.click('button[type="submit"]');
// Wait for any redirect away from register page
await world.page.waitForURL((url) => !url.toString().includes('/auth/register'), { timeout: 15000 });
await world.page.waitForLoadState('networkidle');
await world.page.waitForTimeout(1000);
const currentUrl = world.page.url();
console.log(`🌍 After registration, URL: ${currentUrl}`);
// Try to extract player ID from URL
const match = currentUrl.match(/\/players\/(\d+)\/profile/);
if (match) {
world.playerId = match[1];
console.log(`🌍 Player ID from URL: ${world.playerId}`);
}
// Get the user ID from the database (works regardless of redirect destination)
const prisma = await world.getPrisma();
console.log(`🌍 Looking up user by email: ${credentials.email}`);
const user = await prisma.user.findUnique({
where: { email: credentials.email },
include: { player: true }
});
if (user) {
(world.user as any).id = user.id;
console.log(`🌍 User ID from DB: ${user.id}, role: ${user.role}, playerId: ${user.playerId}`);
if (user.player) {
world.playerId = user.player.id.toString();
console.log(`🌍 Player ID from DB: ${world.playerId}`);
}
// Assign tournament_admin role
await prisma.user.update({
where: { id: user.id },
data: { role: 'tournament_admin' }
});
console.log(`🌍 Assigned tournament_admin role to user: ${user.id}`);
// Navigate to trigger a fresh role fetch
await world.page.goto(`${world.baseURL}/rankings`);
await world.page.waitForLoadState('networkidle');
await world.page.waitForTimeout(500);
} else {
console.log(`🌍 WARNING: User not found in DB by email. Trying to find latest user...`);
// Fallback: find the latest user (most recently created)
const latestUser = await prisma.user.findFirst({
orderBy: { createdAt: 'desc' },
include: { player: true }
});
if (latestUser) {
(world.user as any).id = latestUser.id;
world.playerId = latestUser.playerId?.toString() || latestUser.player?.id?.toString();
console.log(`🌍 Using latest user: ${latestUser.id} (${latestUser.email})`);
await prisma.user.update({
where: { id: latestUser.id },
data: { role: 'tournament_admin' }
});
console.log(`🌍 Assigned tournament_admin role`);
}
}
console.log(`🌍 User created: ${credentials.email}`);
});
/**
* Precondition: I am logged in as a site admin
* Creates a new user and assigns site_admin role via Prisma
*/
Given('I am logged in as a site admin', async function () {
console.log('🌍 Creating and logging in as a site admin...');
const credentials = generateTestCredentials();
world.user = credentials;
await world.page.goto(`${world.baseURL}/auth/register`);
await world.page.waitForLoadState('domcontentloaded');
await world.page.fill('input[name="name"]', credentials.name);
await world.page.fill('input[name="email"]', credentials.email);
await world.page.fill('input[name="password"]', credentials.password);
await world.page.click('button[type="submit"]');
await world.page.waitForURL(/\/players\/\d+\/profile/, { timeout: 15000 });
const currentUrl = world.page.url();
const match = currentUrl.match(/\/players\/(\d+)\/profile/);
if (match) {
const playerId = match[1];
world.playerId = playerId;
const prisma = await world.getPrisma();
const player = await prisma.player.findUnique({
where: { id: parseInt(playerId) },
include: { user: true }
});
if (player && player.user) {
const userId = player.user.id;
(world.user as any).id = userId;
await prisma.user.update({
where: { id: userId },
data: { role: 'site_admin' }
});
console.log(`🌍 Assigned site_admin role to user: ${userId}`);
// Navigate to home page to trigger Navigation re-mount with new role
await world.page.goto(`${world.baseURL}/`);
await world.page.waitForLoadState('networkidle');
await world.page.waitForTimeout(1000);
}
}
console.log(`🌍 Site admin created: ${credentials.email}`);
});
/**
* Precondition: I am logged in as a club admin
* Uses a pre-existing admin user from the database
*/
Given('I am logged in as a club admin', async function () {
console.log('🌍 Logging in as existing club admin...');
// Use the admin user created by seed.js
const adminEmail = 'david@dhg.lol';
const adminPassword = 'adminadmin';
world.user = {
email: adminEmail,
password: adminPassword,
name: 'David Admin',
};
await world.page.goto(`${world.baseURL}/auth/login`);
await world.page.waitForLoadState('domcontentloaded');
await world.page.fill('input[name="email"]', adminEmail);
await world.page.fill('input[name="password"]', adminPassword);
await world.page.click('button[type="submit"]');
// Wait for redirect after login
try {
await world.page.waitForURL((url) => !url.toString().includes('/auth/login'), { timeout: 10000 });
console.log(`🌍 Club admin logged in: ${adminEmail}`);
} catch (e) {
console.log('🌍 Login redirect timed out, current URL:', world.page.url());
}
});
/**
* Registration steps (UI-only)
*/
When('I register with valid credentials', async function () {
const credentials = generateTestCredentials();
world.user = credentials;
await world.page.goto(`${world.baseURL}/auth/register`);
await world.page.waitForLoadState('domcontentloaded');
await world.page.fill('input[name="name"]', credentials.name);
await world.page.fill('input[name="email"]', credentials.email);
await world.page.fill('input[name="password"]', credentials.password);
await world.page.click('button[type="submit"]');
console.log(`🌍 Registered with credentials: ${credentials.email}`);
});
When('I register with duplicate email', async function () {
if (!world.user) {
throw new Error('No existing user to duplicate');
}
await world.page.goto(`${world.baseURL}/auth/register`);
await world.page.waitForLoadState('domcontentloaded');
await world.page.fill('input[name="name"]', world.user.name);
await world.page.fill('input[name="email"]', world.user.email);
await world.page.fill('input[name="password"]', world.user.password);
await world.page.click('button[type="submit"]');
console.log(`🌍 Attempted registration with duplicate: ${world.user.email}`);
});
When('I fill in {string} with the same email', async function (fieldName: string) {
if (!world.user) {
throw new Error('No user credentials available');
}
const selector = `input[name="email"]`;
console.log(`🌍 Filling ${fieldName} with same email: ${world.user.email}`);
await world.page.fill(selector, world.user.email);
});
When('I register with weak password', async function () {
const credentials = generateTestCredentials();
credentials.password = 'weak'; // Too short
await world.page.goto(`${world.baseURL}/auth/register`);
await world.page.waitForLoadState('domcontentloaded');
await world.page.fill('input[name="name"]', credentials.name);
await world.page.fill('input[name="email"]', credentials.email);
await world.page.fill('input[name="password"]', credentials.password);
await world.page.click('button[type="submit"]');
console.log('🌍 Attempted registration with weak password');
});
/**
* Login steps (UI-only)
*/
When('I log in with valid credentials', async function () {
if (!world.user) {
throw new Error('No user credentials available');
}
await world.page.goto(`${world.baseURL}/auth/login`);
await world.page.waitForLoadState('domcontentloaded');
await world.page.fill('input[name="email"]', world.user.email);
await world.page.fill('input[name="password"]', world.user.password);
await world.page.click('button[type="submit"]');
console.log(`🌍 Logged in as: ${world.user.email}`);
});
When('I log in with invalid credentials', async function () {
await world.page.goto(`${world.baseURL}/auth/login`);
await world.page.waitForLoadState('domcontentloaded');
await world.page.fill('input[name="email"]', 'nonexistent@example.com');
await world.page.fill('input[name="password"]', 'wrongpassword');
await world.page.click('button[type="submit"]');
console.log('🌍 Attempted login with invalid credentials');
});
/**
* Logout steps (UI-only)
*/
When('I log out', async function () {
// Click on logout button
await world.page.click('text=Sign out');
console.log('🌍 Logged out');
});
/**
* Note: The step "I am logged in as a player" is already defined at line 26
*/
Then('I should not be logged in', async function () {
// Check that we're on login page or don't see logout button
const currentUrl = world.page.url();
expect(currentUrl).toContain('/auth/login');
console.log('🌍 Verified user is not logged in');
});
Then('I should see a registration error', async function () {
// Check for error message in page content
const content = await world.page.content();
expect(content).toContain('error');
console.log('🌍 Verified registration error is visible');
});
Then('I should see an error message', async function () {
// Check for any error message on the page
const content = await world.page.content();
expect(content).toMatch(/error|Error/i);
console.log('🌍 Verified error message is visible');
});
Then('I should remain on the login page', async function () {
const currentUrl = world.page.url();
expect(currentUrl).toContain('/auth/login');
console.log('🌍 Verified still on login page');
});
Then('I should remain on the registration page', async function () {
const currentUrl = world.page.url();
expect(currentUrl).toContain('/auth/register');
console.log('🌍 Verified still on registration page');
});
/**
* Helper: Verify user was created via UI (no database check)
*/
Then('my user account should exist', async function () {
if (!world.user) {
throw new Error('No user credentials available');
}
// We can't check the database directly in acceptance tests
// Instead, verify we're logged in (user profile page)
await expect(world.page.locator('text=Welcome')).toBeVisible();
console.log('🌍 Verified user account was created successfully');
});
/**
* Schedule steps (player)
*/
When('I go to my schedule page', async function () {
console.log('🌍 Going to schedule page');
// Navigate to the schedule page using the extracted player ID
if (!world.playerId) {
throw new Error('Player ID not found. Ensure "I am logged in as a player" was run first.');
}
await world.page.goto(`${world.baseURL}/players/${world.playerId}/schedule`);
await world.page.waitForLoadState('domcontentloaded');
});
Given('I have upcoming matches in my schedule', async function () {
console.log('🌍 Setting up upcoming matches in schedule');
const prisma = await world.getPrisma();
const timestamp = Date.now();
// Get the current player
if (!world.playerId) {
throw new Error('No player ID found. Make sure user is logged in as a player first.');
}
const currentPlayerId = parseInt(world.playerId, 10);
// Create 3 other players for the match
const opponent1 = await prisma.player.create({
data: {
name: `Opponent ${timestamp} 1`,
normalizedName: `opponent ${timestamp} 1`,
currentElo: 1000,
},
});
const opponent2 = await prisma.player.create({
data: {
name: `Opponent ${timestamp} 2`,
normalizedName: `opponent ${timestamp} 2`,
currentElo: 1000,
},
});
const partner1 = await prisma.player.create({
data: {
name: `Partner ${timestamp}`,
normalizedName: `partner ${timestamp}`,
currentElo: 1000,
},
});
// Create a tournament
const tournament = await prisma.event.create({
data: {
name: `Test Schedule Tournament ${timestamp}`,
eventDate: new Date(Date.now() + 86400000), // Tomorrow
status: 'planned',
},
});
// Create a match with the current player as player1P1 (played tomorrow)
await prisma.match.create({
data: {
eventId: tournament.id,
player1P1Id: currentPlayerId,
player1P2Id: partner1.id,
player2P1Id: opponent1.id,
player2P2Id: opponent2.id,
team1Score: 10,
team2Score: 5,
status: 'completed',
playedAt: new Date(Date.now() + 86400000), // Tomorrow
},
});
console.log(`🌍 Created tournament "${tournament.name}" with 1 match for player ${currentPlayerId}`);
});
/**
* Tournament schedule steps
*/
Given('a tournament exists with {int} teams', async function (teamCount: number) {
console.log(`🌍 Setting up tournament with ${teamCount} teams`);
// Get Prisma client
const prisma = await world.getPrisma();
const timestamp = Date.now();
// Get the current user ID for ownership
const userId = world.user?.id;
if (!userId) {
throw new Error('User ID not found. Ensure user is logged in before creating tournament.');
}
// Always create a new tournament for test isolation
const tournament = await prisma.event.create({
data: {
name: `Test Tournament ${timestamp}`,
createdAt: new Date(),
ownerId: userId, // Set the owner to the current user
},
});
// Euchre is 2v2, so each team has 2 players
// Create teamCount * 2 players and add them as participants
const playerCount = teamCount * 2;
for (let i = 1; i <= playerCount; i++) {
const player = await prisma.player.create({
data: {
name: `Tournament Player ${i} ${timestamp}`,
normalizedName: `tournament player ${i} ${timestamp}`,
currentElo: 1000,
gamesPlayed: 0,
wins: 0,
losses: 0,
},
});
await prisma.eventParticipant.create({
data: {
eventId: tournament.id,
playerId: player.id,
},
});
}
world.tournament = tournament;
world.tournamentTeamCount = teamCount;
console.log(`🌍 Created tournament: ${tournament.name} (ID: ${tournament.id}) with ${playerCount} players (${teamCount} teams)`);
});
When('I go to the tournament schedule page', async function () {
console.log('🌍 Going to tournament schedule page');
const tournamentId = world.tournament?.id || 1;
await world.page.goto(`${world.baseURL}/admin/tournaments/${tournamentId}/schedule`);
await world.page.waitForLoadState('load');
// Wait for client components to hydrate
await world.page.waitForTimeout(1000);
});
Given('a tournament has a generated schedule', async function () {
console.log('🌍 Creating tournament with generated schedule');
const prisma = await world.getPrisma();
const timestamp = Date.now();
// Get the current user ID for ownership
const userId = world.user?.id;
if (!userId) {
throw new Error('User ID not found. Ensure user is logged in before creating tournament.');
}
// Create a tournament
const tournament = await prisma.event.create({
data: {
name: `Test Schedule Tournament ${timestamp}`,
createdAt: new Date(),
ownerId: userId, // Set the owner to the current user
},
});
// Create 4 players and add them as participants
const players = [];
for (let i = 1; i <= 4; i++) {
const player = await prisma.player.create({
data: {
name: `Schedule Player ${i} ${timestamp}`,
normalizedName: `schedule player ${i} ${timestamp}`,
currentElo: 1000,
gamesPlayed: 0,
wins: 0,
losses: 0,
},
});
players.push(player);
await prisma.eventParticipant.create({
data: {
eventId: tournament.id,
playerId: player.id,
},
});
}
// Generate schedule via API
const response = await fetch(`${world.baseURL}/api/tournaments/${tournament.id}/schedule`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
});
if (!response.ok) {
console.log('🌍 Failed to generate schedule:', response.status, response.statusText);
// Try to get error details
try {
const errorData = await response.json();
console.log('🌍 Error details:', errorData);
} catch {
// Ignore
}
} else {
const data = await response.json();
console.log('🌍 Schedule generated:', data);
}
world.tournament = tournament;
world.tournamentTeamCount = 4;
console.log(`🌍 Tournament with schedule created: ${tournament.name} (ID: ${tournament.id})`);
});
Given('there are recent activities in the system', async function () {
// Create test activities using the activity logger
const prisma = await world.getPrisma()
// Use timestamp to ensure unique names
const timestamp = Date.now()
// Create a test player first
const player = await prisma.player.create({
data: {
name: `Test Activity Player ${timestamp}`,
normalizedName: `test activity player ${timestamp}`,
currentElo: 1000,
gamesPlayed: 0,
wins: 0,
losses: 0,
},
})
// Create an activity
await (prisma as any).activity.create({
data: {
type: 'player_registration',
description: `Test Activity Player ${timestamp} registered`,
playerId: player.id,
},
})
console.log('🌍 Created test activity for player:', player.name)
})
Given('there are multiple players in the system', async function () {
const prisma = await world.getPrisma()
// Use timestamp to ensure unique names
const timestamp = Date.now()
// Create multiple test players
for (let i = 1; i <= 5; i++) {
await prisma.player.create({
data: {
name: `Test Player ${i} ${timestamp}`,
normalizedName: `test player ${i} ${timestamp}`,
currentElo: 1000 + i * 10,
gamesPlayed: 0,
wins: 0,
losses: 0,
},
})
}
console.log('🌍 Created 5 test players')
})
@@ -1,791 +0,0 @@
/**
* Common step definitions for EuchreCamp E2E tests
*/
import { Given, When, Then } from '@cucumber/cucumber';
import { expect } from '@playwright/test';
import { world } from '../support/world';
// console.log('🌍 Loading common-steps.ts step definitions');
/**
* Navigation steps
*/
Given('I am on the home page', async function () {
console.log('🌍 Navigating to home page');
await world.page.goto(world.baseURL);
await world.page.waitForLoadState('domcontentloaded');
});
Given('I am on the registration page', async function () {
console.log('🌍 Navigating to registration page');
await world.page.goto(`${world.baseURL}/auth/register`);
await world.page.waitForLoadState('domcontentloaded');
});
Given('I am on the login page', async function () {
console.log('🌍 Navigating to login page');
await world.page.goto(`${world.baseURL}/auth/login`);
await world.page.waitForLoadState('domcontentloaded');
});
Given('I am on the password reset page', async function () {
console.log('🌍 Navigating to password reset page');
await world.page.goto(`${world.baseURL}/auth/password-reset`);
await world.page.waitForLoadState('domcontentloaded');
});
Given('I am on the {string} page', async function (pageName: string) {
const pageUrls: Record<string, string> = {
'home': '/',
'home page': '/',
'registration': '/auth/register',
'registration page': '/auth/register',
'login': '/auth/login',
'login page': '/auth/login',
'rankings': '/rankings',
'rankings page': '/rankings',
'admin': '/admin',
'admin page': '/admin',
'admin dashboard': '/admin',
'tournaments': '/admin/tournaments',
'tournaments page': '/admin/tournaments',
};
const url = pageUrls[pageName.toLowerCase()] || `/${pageName.toLowerCase().replace(' ', '-')}`;
console.log(`🌍 Navigating to ${pageName}: ${url}`);
await world.page.goto(`${world.baseURL}${url}`);
// Wait for page to load
await world.page.waitForLoadState('domcontentloaded');
});
When('I navigate to the {string} page', async function (pageName: string) {
// This step is a synonym for "I go to the {string} page"
await world.page.goto(`${world.baseURL}/auth/register`);
await world.page.waitForLoadState('domcontentloaded');
});
When('I navigate to the registration page', async function () {
console.log('🌍 Navigating to registration page');
await world.page.goto(`${world.baseURL}/auth/register`);
await world.page.waitForLoadState('domcontentloaded');
});
When('I go to the home page', async function () {
console.log('🌍 Navigating to home page');
await world.page.goto(world.baseURL);
await world.page.waitForLoadState('domcontentloaded');
});
When('I go to the {string} page', async function (pageName: string) {
const pageUrls: Record<string, string> = {
'home': '/',
'home page': '/',
'registration': '/auth/register',
'registration page': '/auth/register',
'login': '/auth/login',
'login page': '/auth/login',
'rankings': '/rankings',
'rankings page': '/rankings',
'admin': '/admin',
'admin page': '/admin',
'admin dashboard': '/admin',
'tournaments': '/admin/tournaments',
'tournaments page': '/admin/tournaments',
};
const url = pageUrls[pageName.toLowerCase()] || `/${pageName.toLowerCase().replace(' ', '-')}`;
console.log(`🌍 Going to ${pageName}: ${url}`);
await world.page.goto(`${world.baseURL}${url}`);
await world.page.waitForLoadState('domcontentloaded');
});
When('I go back', async function () {
await world.page.goBack();
await world.page.waitForLoadState('domcontentloaded');
});
When('I refresh the page', async function () {
console.log('🌍 About to refresh page from URL:', world.page.url());
await world.page.reload({ waitUntil: 'networkidle' });
console.log('🌍 Page refreshed, new URL:', world.page.url());
// Wait extra time for full render
await world.page.waitForTimeout(2000);
const content = await world.page.content();
console.log('🌍 After refresh - has "Round":', content.includes('Round'));
console.log('🌍 After refresh - has "Generated":', content.includes('Generated'));
});
/**
* Form interaction steps
*/
When('I fill in {string} with {string}', async function (fieldName: string, value: string) {
// Special handling for unique email - if value contains "same email", use world.user.email
let finalValue = value;
if (value.includes('same email') && world.user?.email) {
finalValue = world.user.email;
}
const selector = `input[name="${fieldName}"]`;
console.log(`🌍 Filling ${fieldName} with "${finalValue}" (length: ${finalValue.length})`);
// Clear the field first
await world.page.fill(selector, '');
// Fill with the value
await world.page.fill(selector, finalValue);
});
When('I fill in {string} with the generated unique email', async function (fieldName: string) {
const selector = `input[name="${fieldName}"]`;
const timestamp = Date.now();
const uniqueEmail = `cucumber-${timestamp}@example.com`;
console.log(`🌍 Generating unique email for ${fieldName}: ${uniqueEmail}`);
await world.page.fill(selector, uniqueEmail);
// Store the generated email for potential later use
if (!world.generatedData) {
world.generatedData = {};
}
world.generatedData.uniqueEmail = uniqueEmail;
});
When('I click the {string} button', async function (buttonText: string) {
const selector = `button:has-text("${buttonText}")`;
console.log(`🌍 Clicking button: ${buttonText}`);
// Get current URL
const currentUrl = world.page.url();
// Click the button
await world.page.click(selector);
// Wait a bit for any navigation or form submission to start
await world.page.waitForTimeout(1000);
// Check if URL changed, if not, wait for page to settle
const newUrl = world.page.url();
if (newUrl === currentUrl) {
console.log(`🌍 URL did not change immediately after click`);
// Wait for potential network activity to settle
try {
await world.page.waitForLoadState('domcontentloaded', { timeout: 3000 });
} catch {
console.log(`🌍 Network idle not reached, continuing anyway`);
}
} else {
console.log(`🌍 Page navigated to: ${newUrl}`);
}
});
When('I click the {string} link', async function (linkText: string) {
const selector = `a:has-text("${linkText}")`;
console.log(`🌍 Clicking link: ${linkText}`);
// Click the link
await world.page.click(selector);
// Wait for navigation to complete
try {
await world.page.waitForLoadState('networkidle', { timeout: 10000 });
} catch {
console.log(`🌍 Networkidle not reached, continuing`);
}
const newUrl = world.page.url();
console.log(`🌍 Page navigated to: ${newUrl}`);
});
When('I click the {string} wordmark', async function (wordmarkText: string) {
const selector = `a:has-text("${wordmarkText}")`;
console.log(`🌍 Clicking wordmark: ${wordmarkText}`);
// Get current URL before clicking
const currentUrl = world.page.url();
// Click the wordmark
await world.page.click(selector);
// For unauthenticated user on home page, wordmark redirects / -> /wordmark-redirect -> /
// which might not change the URL visibly. Just wait for navigation to settle.
try {
// Wait for any navigation to complete
await world.page.waitForLoadState('domcontentloaded', { timeout: 3000 });
} catch {
console.log('🌍 DOMContentLoaded not reached, continuing');
}
console.log(`🌍 Wordmark click completed, current URL: ${world.page.url()}`);
});
When('I click the {string} element', async function (elementText: string) {
const selector = `text=${elementText}`;
console.log(`🌍 Clicking element: ${elementText}`);
await world.page.click(selector);
});
/**
* Assertion steps
*/
Then('I should see {string}', async function (text: string) {
console.log(`🌍 Checking for text: "${text}"`);
// For "Sign out" text, wait longer for session to load (client component)
if (text === 'Sign out') {
console.log('🌍 Waiting for session to load in navigation...');
// Wait a bit, but rely on expect timeout below
await world.page.waitForTimeout(1000);
}
// For page content, wait a bit for render
if (text === 'No upcoming matches') {
console.log('🌍 Waiting for page content to render...');
await world.page.waitForTimeout(1000);
}
// Use a flexible locator that matches partial text
const selector = `text=${text}`;
const locator = world.page.locator(selector);
try {
// Increase timeout for session-dependent elements
const timeout = (text === 'Sign out' || text === 'No upcoming matches') ? 10000 : 5000;
await expect(locator).toBeVisible({ timeout });
console.log(`🌍 Found text: "${text}"`);
} catch (error) {
// Try alternative: check if text is anywhere in the page
const content = await world.page.content();
const hasText = content.includes(text);
console.log(`🌍 Text "${text}" ${hasText ? 'found' : 'NOT found'} in page content`);
if (!hasText) {
// Check for partial match
const partialMatch = content.toLowerCase().includes(text.toLowerCase());
console.log(`🌍 Partial match for "${text}": ${partialMatch}`);
if (!partialMatch) {
throw new Error(`Text "${text}" not found on page. Current URL: ${world.page.url()}`);
}
}
}
});
Then('I should not see {string}', async function (text: string) {
console.log(`🌍 Checking text is NOT visible: ${text}`);
await expect(world.page.locator(`text=${text}`)).not.toBeVisible();
});
Then('I should be on the {string} page', async function (pageName: string) {
const pageUrls: Record<string, string> = {
'home': '/',
'home page': '/',
'registration': '/auth/register',
'registration page': '/auth/register',
'login': '/auth/login',
'login page': '/auth/login',
'profile': '/players',
'admin': '/admin',
'admin page': '/admin',
};
const expectedPath = pageUrls[pageName.toLowerCase()] || `/${pageName.toLowerCase().replace(' ', '-')}`;
const currentUrl = world.page.url();
console.log(`🌍 Checking current URL: ${currentUrl}`);
console.log(`🌍 Expected path: ${expectedPath}`);
expect(currentUrl).toContain(expectedPath);
});
Then('I should be redirected to my profile page', async function () {
// Wait for the URL to match the profile pattern
try {
await world.page.waitForURL(/\/players\/\d+\/profile/, { timeout: 10000 });
} catch (e) {
// If waiting for URL fails, just check the current URL
console.log(`🌍 Failed to wait for URL change, checking current URL`);
}
const currentUrl = world.page.url();
console.log(`🌍 Checking redirect to profile page. Current URL: ${currentUrl}`);
expect(currentUrl).toMatch(/\/players\/\d+\/profile/);
});
Then('I should be on the registration page', async function () {
const currentUrl = world.page.url();
console.log(`🌍 Checking current URL: ${currentUrl}`);
expect(currentUrl).toContain('/auth/register');
});
Then('I should be on the login page', async function () {
const currentUrl = world.page.url();
console.log(`🌍 Checking current URL: ${currentUrl}`);
expect(currentUrl).toContain('/auth/login');
});
Then('I should be on the admin page', async function () {
const currentUrl = world.page.url();
console.log(`🌍 Checking current URL: ${currentUrl}`);
expect(currentUrl).toContain('/admin');
});
Then('I should be on the home page', async function () {
const currentUrl = world.page.url();
console.log(`🌍 Checking current URL: ${currentUrl}`);
expect(currentUrl).toContain('/');
});
Then('I should be on the password reset page', async function () {
const currentUrl = world.page.url();
console.log(`🌍 Checking current URL: ${currentUrl}`);
expect(currentUrl).toContain('/auth/password-reset');
});
Then('I should see the {string} button', async function (buttonText: string) {
// Try multiple locators to find the button
const locators = [
`button:has-text("${buttonText}")`,
`button:has-text("${buttonText.trim()}")`,
`text=${buttonText}`,
`button >> text=${buttonText}`,
];
let button = null;
for (const locator of locators) {
const element = world.page.locator(locator);
const count = await element.count();
if (count > 0) {
console.log(`🌍 Found button using locator: ${locator}`);
button = element;
break;
}
}
if (!button) {
console.log(`🌍 Button not found with any locator`);
console.log(`🌍 Current URL: ${world.page.url()}`);
// Capture screenshot for debugging
const screenshotPath = `debug-button-${Date.now()}.png`;
await world.page.screenshot({ path: screenshotPath, fullPage: true });
console.log(`🌍 Screenshot saved to: ${screenshotPath}`);
// Get page HTML content
const htmlContent = await world.page.content();
const htmlPath = `debug-page-${Date.now()}.html`;
const fs = require('fs');
fs.writeFileSync(htmlPath, htmlContent);
console.log(`🌍 HTML content saved to: ${htmlPath}`);
// Try to get all buttons on the page for debugging
const allButtons = await world.page.locator('button').all();
console.log(`🌍 Total buttons on page: ${allButtons.length}`);
for (let i = 0; i < Math.min(allButtons.length, 10); i++) {
const text = await allButtons[i].textContent();
console.log(`🌍 Button ${i}: "${text}"`);
}
// Also check for the button using getByRole
const generateButton = world.page.getByRole('button', { name: buttonText });
const roleCount = await generateButton.count();
console.log(`🌍 Buttons found by role: ${roleCount}`);
throw new Error(`Button "${buttonText}" not found on page`);
}
await expect(button).toBeVisible({ timeout: 10000 });
console.log(`🌍 Verified button is visible: ${buttonText}`);
});
Then('I should be redirected to {string}', async function (path: string) {
await world.page.waitForLoadState('domcontentloaded');
const currentUrl = world.page.url();
console.log(`🌍 Checking redirect to: ${path}`);
console.log(`🌍 Current URL: ${currentUrl}`);
expect(currentUrl).toContain(path);
});
/**
* Element visibility steps
*/
Then('the element {string} should be visible', async function (elementText: string) {
const element = world.page.locator(`text=${elementText}`);
await expect(element).toBeVisible();
});
Then('the element {string} should not be visible', async function (elementText: string) {
const element = world.page.locator(`text=${elementText}`);
await expect(element).not.toBeVisible();
});
/**
* Wait steps
*/
When('I wait for {int} seconds', async function (seconds: number) {
console.log(`🌍 Waiting ${seconds} seconds`);
await world.page.waitForTimeout(seconds * 1000);
});
When('I wait for the page to load', async function () {
await world.page.waitForLoadState('domcontentloaded');
});
/**
* URL verification steps
*/
Then('the URL should contain {string}', async function (expectedPath: string) {
const currentUrl = world.page.url();
console.log(`🌍 Checking URL contains: ${expectedPath}`);
expect(currentUrl).toContain(expectedPath);
});
Then('I should be redirected to the login page', async function () {
await world.page.waitForLoadState('domcontentloaded');
const currentUrl = world.page.url();
console.log(`🌍 Checking redirect to login page. Current URL: ${currentUrl}`);
expect(currentUrl).toContain('/auth/login');
});
Then('I should see a {string} error', async function (errorMessage: string) {
const content = await world.page.content();
expect(content).toMatch(new RegExp(errorMessage, 'i'));
console.log(`🌍 Verified error message: ${errorMessage}`);
});
Then('I should see {string} validation error', async function (field: string) {
// Look for validation error near the input field
const content = await world.page.content();
// Check if the field name is mentioned in an error context
expect(content).toMatch(new RegExp(field, 'i'));
console.log(`🌍 Verified validation error for: ${field}`);
});
Then('I should see {string} error', async function (errorMessage: string) {
const content = await world.page.content();
expect(content).toMatch(new RegExp(errorMessage, 'i'));
console.log(`🌍 Verified error message: ${errorMessage}`);
});
// Admin Dashboard Steps
When('I go to the admin dashboard', async function () {
console.log('🌍 Going to admin dashboard');
await world.page.goto(`${world.baseURL}/admin`);
await world.page.waitForLoadState('domcontentloaded');
});
Then('I should see total player count', async function () {
await expect(world.page.locator('text=Total Players')).toBeVisible();
console.log('🌍 Verified total players section is visible');
});
Then('I should see active tournament count', async function () {
// Use more specific locator to find the stats card
await expect(world.page.locator('dt:has-text("Tournaments")').first()).toBeVisible();
console.log('🌍 Verified tournaments section is visible');
});
Then('I should see the activity feed section', async function () {
await expect(world.page.locator('text=Recent Activity')).toBeVisible();
console.log('🌍 Verified activity feed section is visible');
});
Then('I should see recent player registrations', async function () {
// Check if there are any activities in the feed
const activityItems = await world.page.locator('.divide-y.divide-gray-200 li').count();
console.log(`🌍 Found ${activityItems} activity items`);
// Also check for the activity text
const content = await world.page.content();
const hasActivityText = content.includes('Test Activity Player');
console.log(`🌍 Activity text found in page: ${hasActivityText}`);
expect(activityItems).toBeGreaterThan(0);
});
When('I go to the player management page', async function () {
console.log('🌍 Going to player management page');
await world.page.goto(`${world.baseURL}/admin/players`);
await world.page.waitForLoadState('domcontentloaded');
});
When('I search for {string}', async function (searchTerm: string) {
console.log(`🌍 Searching for: ${searchTerm}`);
await world.page.fill('input[name="search"]', searchTerm);
await world.page.waitForTimeout(500); // Wait for search to execute
});
Then('I should see search results', async function () {
// Check if player table is visible
await expect(world.page.locator('table')).toBeVisible();
console.log('🌍 Verified search results are displayed');
});
When('I go to the club settings page', async function () {
console.log('🌍 Going to club settings page');
await world.page.goto(`${world.baseURL}/admin/settings`);
await world.page.waitForLoadState('domcontentloaded');
});
When('I update the club name', async function () {
console.log('🌍 Updating club name');
await world.page.fill('input[id="clubName"]', 'Test Club Updated');
});
When('I save the settings', async function () {
console.log('🌍 Saving settings');
await world.page.click('button:has-text("Save Settings")');
await world.page.waitForTimeout(1000); // Wait for save to complete
});
Then('the settings should be saved successfully', async function () {
await expect(world.page.locator('text=Settings saved successfully')).toBeVisible();
console.log('🌍 Verified settings were saved successfully');
});
// Rankings Page Steps
When('I go to the rankings page', async function () {
console.log('🌍 Going to rankings page');
await world.page.goto(`${world.baseURL}/rankings`);
await world.page.waitForLoadState('domcontentloaded');
});
Then('I should see {string} in the page heading', async function (heading: string) {
// Use a more flexible selector that matches text content
await expect(world.page.locator(`text=${heading}`)).toBeVisible();
console.log(`🌍 Verified heading "${heading}" is visible`);
});
Then('I should see a rankings table', async function () {
await expect(world.page.locator('table')).toBeVisible();
console.log('🌍 Verified rankings table is visible');
});
Then('I should see a rankings table with columns', async function () {
const table = world.page.locator('table');
await expect(table).toBeVisible();
const headerCount = await world.page.locator('th').count();
expect(headerCount).toBeGreaterThan(0);
console.log(`🌍 Verified rankings table has ${headerCount} columns`);
});
Then('the table should have column headers', async function () {
const headerCount = await world.page.locator('th').count();
expect(headerCount).toBeGreaterThan(0);
console.log(`🌍 Verified table has ${headerCount} column headers`);
});
Given('I am not logged in', async function () {
// This is just a documentation step - the test environment starts fresh
console.log('🌍 User is not logged in (fresh session)');
});
Then('I should be on the rankings page', async function () {
const currentUrl = world.page.url();
console.log(`🌍 Checking current URL: ${currentUrl}`);
expect(currentUrl).toContain('/rankings');
});
Then('I should see the rankings table', async function () {
await expect(world.page.locator('table')).toBeVisible();
console.log('🌍 Verified rankings table is visible');
});
// Player Schedule Steps
Then('I should see the match date', async function () {
const content = await world.page.content();
const hasDate = content.match(/\d{1,2}\/\d{1,2}\/\d{4}/) || content.match(/\w+ \d{1,2}, \d{4}/);
expect(hasDate).toBeTruthy();
console.log('🌍 Verified match date is visible');
});
Then('I should see my opponent\'s name', async function () {
const content = await world.page.content();
const hasOpponent = content.includes('Opponent');
expect(hasOpponent).toBe(true);
console.log('🌍 Verified opponent name is visible');
});
Then('I should see my partner\'s name', async function () {
const content = await world.page.content();
const hasPartner = content.includes('Partner');
expect(hasPartner).toBe(true);
console.log('🌍 Verified partner name is visible');
});
Then('I should see the tournament name', async function () {
const content = await world.page.content();
const hasTournament = content.includes('Test Schedule Tournament');
expect(hasTournament).toBe(true);
console.log('🌍 Verified tournament name is visible');
});
When('I click on a match', async function () {
const matchLink = world.page.locator('a[href*="/matches/"]').first();
await matchLink.click();
await world.page.waitForLoadState('domcontentloaded');
console.log('🌍 Clicked on match');
});
Then('I should be on the match detail page', async function () {
const currentUrl = world.page.url();
console.log(`🌍 Checking current URL: ${currentUrl}`);
expect(currentUrl).toMatch(/\/matches\/\d+/);
});
// Tournament Schedule Steps
Then('I should see round {int} matchups', async function (roundNumber: number) {
const roundText = `Round ${roundNumber}`;
await world.page.waitForTimeout(2000);
const content = await world.page.content();
console.log(`🌍 Page URL: ${world.page.url()}`);
console.log(`🌍 Page has "Round ${roundNumber}": ${content.includes(`Round ${roundNumber}`)}`);
console.log(`🌍 Page has "Generated": ${content.includes('Generated')}`);
await expect(world.page.locator(`text=${roundText}`)).toBeVisible({ timeout: 10000 });
console.log(`🌍 Verified round ${roundNumber} matchups are visible`);
});
Then('I should see {int} rounds', async function (expectedRounds: number) {
const roundHeaders = await world.page.locator('h3:has-text("Round")').count();
expect(roundHeaders).toBe(expectedRounds);
console.log(`🌍 Verified ${expectedRounds} rounds are visible`);
});
Then('each team should play every other team exactly once', async function () {
const content = await world.page.content();
expect(content).toMatch(/schedule|round|matchup/i);
console.log('🌍 Verified schedule exists with matchups');
});
When('I click on a matchup', async function () {
const matchup = world.page.locator('[data-testid="matchup"]').first();
await matchup.waitFor({ state: 'visible', timeout: 15000 });
const href = await matchup.getAttribute('href');
console.log(`🌍 Matchup link href: ${href}`);
if (href) {
await world.page.goto(`${world.baseURL}${href}`);
} else {
await matchup.click();
}
await world.page.waitForLoadState('domcontentloaded');
console.log(`🌍 Navigated to: ${world.page.url()}`);
});
Then('I should be on the match result entry page', async function () {
const currentUrl = world.page.url();
console.log(`🌍 Checking current URL: ${currentUrl}`);
expect(currentUrl).toMatch(/\/matches\/|\/admin\/tournaments\/\d+\/(entry|results)/);
});
// View As Role Steps
When('I view the navigation', async function () {
await world.page.waitForLoadState('networkidle');
await world.page.waitForTimeout(1000);
console.log('🌍 Viewing navigation');
});
Then('I should see the role switcher dropdown', async function () {
const switcher = world.page.locator('[data-testid="role-switcher"]');
await expect(switcher).toBeVisible({ timeout: 5000 });
console.log('🌍 Verified role switcher dropdown is visible');
});
Then('the role switcher should default to {string}', async function (expectedText: string) {
const switcher = world.page.locator('[data-testid="role-switcher"]');
const selectedValue = await switcher.inputValue();
const selectedText = await switcher.locator('option:checked').textContent();
console.log(`🌍 Dropdown selected text: "${selectedText}", value: "${selectedValue}"`);
expect(selectedText?.trim()).toBe(expectedText);
});
When('I select {string} from the role switcher', async function (optionText: string) {
const switcher = world.page.locator('[data-testid="role-switcher"]');
await switcher.selectOption({ label: optionText });
await world.page.waitForTimeout(500);
console.log(`🌍 Selected "${optionText}" from role switcher`);
});
Then('I should see the player navigation links', async function () {
await expect(world.page.locator('nav a:has-text("Rankings")')).toBeVisible();
await expect(world.page.locator('nav a:has-text("Tournaments")')).toBeVisible();
console.log('🌍 Verified player navigation links are visible');
});
Then('I should not see the {string} link', async function (linkText: string) {
const link = world.page.locator(`nav a:has-text("${linkText}")`);
await expect(link).not.toBeVisible({ timeout: 3000 });
console.log(`🌍 Verified "${linkText}" nav link is not visible`);
});
Then('I should see the {string} link', async function (linkText: string) {
const link = world.page.locator(`nav a:has-text("${linkText}")`);
await expect(link).toBeVisible({ timeout: 5000 });
console.log(`🌍 Verified "${linkText}" nav link is visible`);
});
Then('I should see a banner indicating I am viewing as {string}', async function (roleName: string) {
const banner = world.page.locator(`text=Viewing as ${roleName}`);
await expect(banner).toBeVisible({ timeout: 5000 });
console.log(`🌍 Verified viewing as ${roleName} banner is visible`);
});
Then('I should not see the viewing as banner', async function () {
const banner = world.page.locator('[data-testid="reset-view-as"]');
await expect(banner).not.toBeVisible({ timeout: 3000 });
console.log('🌍 Verified viewing as banner is not visible');
});
// Bracket Visualization Steps
When('I go to the tournament detail page', async function () {
const tournamentId = world.tournament?.id || 1;
await world.page.goto(`${world.baseURL}/admin/tournaments/${tournamentId}`);
await world.page.waitForLoadState('networkidle');
await world.page.waitForTimeout(500);
console.log(`🌍 Navigated to tournament detail page: ${tournamentId}`);
});
When('I click the {string} tab', async function (tabName: string) {
const tab = world.page.locator(`button:has-text("${tabName}")`);
await tab.click();
await world.page.waitForTimeout(500);
console.log(`🌍 Clicked "${tabName}" tab`);
});
Then('I should see bracket matchup cards', async function () {
const cards = world.page.locator('[data-testid="bracket-matchup"]');
const count = await cards.count();
expect(count).toBeGreaterThan(0);
console.log(`🌍 Found ${count} bracket matchup cards`);
});
Then('I should see bracket matchup cards with team names', async function () {
const cards = world.page.locator('[data-testid="bracket-matchup"]');
const count = await cards.count();
expect(count).toBeGreaterThan(0);
const firstCard = cards.first();
const text = await firstCard.textContent();
expect(text).toBeTruthy();
expect(text!.length).toBeGreaterThan(2);
console.log(`🌍 Verified bracket matchup cards have team names`);
});
Then('I should not see the {string} tab', async function (tabName: string) {
const tab = world.page.locator(`button:has-text("${tabName}")`);
await expect(tab).not.toBeVisible({ timeout: 3000 });
console.log(`🌍 Verified "${tabName}" tab is not visible`);
});
-231
View File
@@ -1,231 +0,0 @@
/**
* Cucumber hooks for EuchreCamp E2E tests
*/
import { Before, After, BeforeAll, AfterAll, setDefaultTimeout } from '@cucumber/cucumber';
import { chromium, Browser } from '@playwright/test';
import { world } from './world';
import path from 'path';
import fs from 'fs';
// Set default timeout for Cucumber steps (30 seconds)
setDefaultTimeout(30000);
// Global browser instance
let browser: Browser;
// Load environment files
const envPath = path.resolve(process.cwd(), '.env');
const envDevPath = path.resolve(process.cwd(), '.env.development');
if (fs.existsSync(envPath)) {
require('dotenv').config({ path: envPath });
}
if (fs.existsSync(envDevPath)) {
require('dotenv').config({ path: envDevPath, override: true });
}
// Database safety check - prevent tests from running against production
function isProductionDatabase(): boolean {
const dbUrl = process.env.DATABASE_URL || '';
return dbUrl.includes('euchre_camp') && !dbUrl.includes('_dev') && !dbUrl.includes('test');
}
if (isProductionDatabase()) {
console.error('');
console.error('='.repeat(80));
console.error('CRITICAL ERROR: Cucumber tests are attempting to run against PRODUCTION database!');
console.error('='.repeat(80));
console.error('');
console.error('Current DATABASE_URL:', process.env.DATABASE_URL);
console.error('');
console.error('Tests MUST run against a development/test database.');
console.error('');
console.error('To fix this:');
console.error(' 1. Set DATABASE_URL to a dev/test database');
console.error(' 2. Or run: npm run test:acceptance (which uses Playwright tests)');
console.error('');
console.error('Aborting test execution to prevent data corruption.');
console.error('');
process.exit(1);
}
/**
* Before all scenarios: Launch browser
*/
BeforeAll(async function () {
console.log('🌍 Launching browser for Cucumber tests...');
browser = await chromium.launch();
});
/**
* After all scenarios: Close browser and cleanup
*/
AfterAll(async function () {
console.log('🌍 Closing browser...');
await browser.close();
console.log('🌍 Disconnecting from database...');
if (world.prisma) {
await world.prisma.$disconnect();
}
});
/**
* Before each scenario: Create new page context
*/
Before(async function () {
try {
// Create new context and page
world.context = await browser.newContext();
world.page = await world.context.newPage();
} catch (error) {
console.error('❌ Failed to create new browser context:', error);
console.log('🌍 Attempting to relaunch browser...');
// Try to relaunch browser
try {
await browser.close();
} catch (e) {
// Ignore close errors
}
// Relaunch browser
browser = await chromium.launch({
headless: process.env.CI ? true : false,
});
// Retry creating context
world.context = await browser.newContext();
world.page = await world.context.newPage();
console.log('✅ Browser relaunched successfully');
}
// Log console messages for debugging
world.page.on('console', msg => {
console.log(`🌍 BROWSER ${msg.type()}:`, msg.text());
});
// Log network errors
world.page.on('requestfailed', request => {
console.log('❌ REQUEST FAILED:', request.url());
});
console.log('🌍 Created new page context');
});
/**
* After each scenario: Close page and clean up test data
*/
After(async function () {
console.log('🌍 Cleaning up after scenario...');
// Clean up test data from dev database
try {
const prisma = await world.getPrisma();
const dbUrl = process.env.DATABASE_URL || '';
// Safety check: only clean up dev/test databases
if (dbUrl.includes('_dev') || dbUrl.includes('test') || dbUrl.includes('ci')) {
// Use Prisma API for cleanup instead of raw SQL to avoid column name issues
// Find test tournaments first
const testTournaments = await prisma.event.findMany({
where: {
OR: [
{ name: { startsWith: 'Test Tournament' } },
{ name: { startsWith: 'Test Schedule Tournament' } }
]
},
select: { id: true }
});
const tournamentIds = testTournaments.map((t: { id: number }) => t.id);
if (tournamentIds.length > 0) {
// Delete bracket matchups via Prisma
await prisma.bracketMatchup.deleteMany({
where: {
round: {
eventId: { in: tournamentIds }
}
}
});
// Delete rounds
await prisma.tournamentRound.deleteMany({
where: { eventId: { in: tournamentIds } }
});
// Delete event participants
await prisma.eventParticipant.deleteMany({
where: { eventId: { in: tournamentIds } }
});
// Delete tournaments
await prisma.event.deleteMany({
where: { id: { in: tournamentIds } }
});
}
// Delete test players
await prisma.player.deleteMany({
where: {
OR: [
{ name: { startsWith: 'Tournament Player' } },
{ name: { startsWith: 'Schedule Player' } },
{ name: { startsWith: 'Test Player' } },
{ name: { startsWith: 'Test Activity Player' } }
]
}
});
// Delete test users
await prisma.user.deleteMany({
where: {
email: { startsWith: 'cucumber-' }
}
});
console.log('🌍 Test data cleaned up from dev database');
} else {
console.log('🌍 Skipping database cleanup (not a dev/test database)');
}
} catch (error) {
console.log('🌍 Database cleanup error (non-critical):', error);
}
// Close page and context
if (world.page) {
await world.page.close();
}
if (world.context) {
await world.context.close();
}
});
/**
* Custom hook for navigating to a page
*/
Before({ tags: '@navigation' }, async function () {
console.log('🌍 Navigation hook triggered');
});
/**
* Custom hook for authenticated scenarios
*/
Before({ tags: '@authenticated' }, async function () {
console.log('🌍 Authenticated hook triggered');
});
/**
* Tag hooks for specific scenarios
*/
Before({ tags: '@slow' }, async function () {
console.log('🌍 Slow test - extending timeout');
});
Before({ tags: '@flaky' }, async function () {
console.log('🌍 Flaky test - retry enabled');
});
-76
View File
@@ -1,76 +0,0 @@
/**
* World context for Cucumber tests
* Provides shared state between step definitions
*/
import { Page, BrowserContext, chromium, Browser } from '@playwright/test';
export interface WorldState {
page: Page;
context: BrowserContext;
prisma: any; // Lazy-loaded PrismaClient
baseURL: string;
user?: {
id?: string;
email: string;
name: string;
password: string;
};
tournament?: any;
tournamentTeamCount?: number;
player?: any;
playerId?: string; // Added for storing extracted player ID
match?: any;
generatedData?: {
uniqueEmail?: string;
[key: string]: any;
};
}
export class World implements WorldState {
page!: Page;
context!: BrowserContext;
prisma: any;
baseURL: string;
user?: {
id?: string;
email: string;
name: string;
password: string;
};
tournament?: any;
tournamentTeamCount?: number;
player?: any;
playerId?: string; // Added for storing extracted player ID
match?: any;
generatedData?: {
uniqueEmail?: string;
[key: string]: any;
};
constructor() {
this.baseURL = process.env.BASE_URL || 'http://localhost:3000';
this.prisma = null; // Will be lazily loaded when needed
}
async getPrisma() {
if (!this.prisma) {
// Load .env.development file for test database configuration (fallback)
require('dotenv').config({ path: '.env.development' })
// Ensure database environment is set for Cucumber tests BEFORE importing PrismaClient
if (!process.env.DATABASE_URL) {
throw new Error('DATABASE_URL not set. Make sure .env.development exists and contains DATABASE_URL or set DATABASE_URL environment variable.');
}
// Use the shared prisma instance from the app's lib
// This handles the adapter setup correctly
const { prisma } = require('@/lib/prisma');
this.prisma = prisma;
}
return this.prisma;
}
}
// Export singleton instance
export const world = new World();
+7 -7
View File
@@ -191,7 +191,7 @@ test.describe('Elo Rating Updates', () => {
});
await page.goto('/admin');
await page.waitForLoadState('domcontentloaded');
await page.waitForLoadState('networkidle');
// Check if we're logged in
const content = await page.content();
@@ -211,19 +211,19 @@ test.describe('Elo Rating Updates', () => {
console.log('Logging out and logging in as admin...');
await page.click('button:has-text("Sign out")');
await page.waitForURL('/auth/login');
await page.waitForLoadState('domcontentloaded');
await page.waitForLoadState('networkidle');
}
if (!isLoggedIn || page.url().includes('/players/')) {
// If not logged in or logged in as regular user, log in as admin
console.log('Logging in as admin...');
await page.goto('/auth/login');
await page.waitForLoadState('domcontentloaded');
await page.waitForLoadState('networkidle');
await page.fill('input[name="email"]', adminEmail);
await page.fill('input[name="password"]', adminPassword);
await page.click('button[type="submit"]');
await page.waitForURL(/\/(admin|players)/, { timeout: 10000 });
await page.waitForLoadState('domcontentloaded');
await page.waitForLoadState('networkidle');
}
// Verify tournament ownership
@@ -238,7 +238,7 @@ test.describe('Elo Rating Updates', () => {
await page.goto('/admin/matches/upload');
// Wait for page to load and tournaments to be fetched
await page.waitForLoadState('domcontentloaded');
await page.waitForLoadState('networkidle');
await page.waitForTimeout(2000);
// Wait for tournament dropdown to be ready
@@ -313,7 +313,7 @@ ${tournament.id},2,1,${player1.name},${player3.name},10,${player2.name},${player
// Navigate back to upload page for second match
await page.goto('/admin/matches/upload');
await page.waitForLoadState('domcontentloaded');
await page.waitForLoadState('networkidle');
await page.waitForTimeout(2000);
// Re-select the tournament for the second upload
@@ -384,7 +384,7 @@ ${tournament.id},2,1,${player1.name},${player3.name},10,${player2.name},${player
await page.goto(`/players/${player.id}/profile`);
// Wait for page to load
await page.waitForLoadState('domcontentloaded');
await page.waitForLoadState('networkidle');
// Verify rating is displayed (from player.currentElo)
await expect(page.locator('text=1750')).toBeVisible();
+7 -7
View File
@@ -18,7 +18,7 @@ function getTestCredentials() {
const timestamp = Date.now();
return {
email: `logout-test-${timestamp}@example.com`,
password: 'TestPassword1234!',
password: 'TestPassword123!',
name: `Logout Test User ${timestamp}`
};
}
@@ -92,10 +92,10 @@ test.describe.serial('Epic 1: User Logout', () => {
test('Logout button appears in navigation when logged in', async ({ page }) => {
// Login first
await page.goto('http://localhost:3000/auth/login');
await page.goto('http://localhost:3000/auth/login');
// Wait for page to load
await page.waitForLoadState('domcontentloaded');
// Wait for JavaScript to be ready
await page.waitForLoadState('networkidle');
await page.waitForSelector('form');
await page.waitForSelector('button[type="submit"]:not([disabled])');
@@ -129,7 +129,7 @@ test.describe.serial('Epic 1: User Logout', () => {
// Navigate to home page to check navigation (session should persist)
// Use reload to ensure session is read from cookies
await page.reload();
await page.waitForLoadState('domcontentloaded');
await page.waitForLoadState('networkidle');
// Wait a moment for the navigation component to update
await page.waitForTimeout(1000);
@@ -166,7 +166,7 @@ test.describe.serial('Epic 1: User Logout', () => {
// Navigate to home using reload to ensure session is loaded
await page.reload();
await page.waitForLoadState('domcontentloaded');
await page.waitForLoadState('networkidle');
// Wait for logout button to appear
await page.waitForSelector('text=Sign out', { timeout: 10000 });
@@ -190,7 +190,7 @@ test.describe.serial('Epic 1: User Logout', () => {
// Navigate to home using reload to ensure session is loaded
await page.reload();
await page.waitForLoadState('domcontentloaded');
await page.waitForLoadState('networkidle');
// Wait for logout button to appear
await page.waitForSelector('text=Sign out', { timeout: 10000 });
+3 -3
View File
@@ -20,7 +20,7 @@ function getTestCredentials() {
const timestamp = Date.now();
return {
email: `register-test-${timestamp}@example.com`,
password: 'TestPassword1234!',
password: 'TestPassword123!',
name: `Register Test User ${timestamp}`
};
}
@@ -63,8 +63,8 @@ test.describe.serial('Epic 1: User Registration', () => {
test('Registration with valid data creates account', async ({ page }) => {
await page.goto('http://localhost:3000/auth/register');
// Wait for page to load
await page.waitForLoadState('domcontentloaded');
// Wait for JavaScript to be ready
await page.waitForLoadState('networkidle');
await page.waitForSelector('form');
await page.waitForSelector('button[type="submit"]:not([disabled])');
+47
View File
@@ -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();
});
});
+3 -3
View File
@@ -80,7 +80,7 @@ export default async function globalSetup(config: FullConfig) {
// Generate unique test credentials
const timestamp = Date.now();
const testEmail = `setup-user-${timestamp}@example.com`;
const testPassword = 'TestPassword1234!';
const testPassword = 'TestPassword123!';
const testName = 'Setup User';
try {
@@ -173,7 +173,7 @@ export default async function globalSetup(config: FullConfig) {
// Navigate to admin page to refresh session
console.log('Navigating to admin page for admin user...');
await page.goto(`${baseURL}/admin`);
await page.waitForLoadState('domcontentloaded');
await page.waitForLoadState('networkidle');
console.log('Admin page loaded:', page.url());
// Wait a bit to ensure session is refreshed
@@ -181,7 +181,7 @@ export default async function globalSetup(config: FullConfig) {
// Refresh the page to force session reload
await page.reload();
await page.waitForLoadState('domcontentloaded');
await page.waitForLoadState('networkidle');
console.log('Page reloaded');
// Save the authentication state
+126
View File
@@ -0,0 +1,126 @@
import { test, expect } from '@playwright/test'
import { prisma } from '@/lib/prisma'
import { createTestPlayer, cleanupTestRecords, getCreatedRecordCounts } from '@/__tests__/test-utils'
test.describe('Home Page', () => {
test.beforeEach(async () => {
// Clean up any existing test records before each test
await cleanupTestRecords();
});
test.afterEach(async () => {
// Clean up test records after each test
await cleanupTestRecords();
});
test('should display top 10 players', async ({ page }) => {
// Create some test players with unique names and very high Elo to ensure they're in top 10
const timestamp = Date.now()
const players = []
for (let i = 0; i < 3; i++) {
const playerName = `Home Test Player ${timestamp} ${i + 1}`
const player = await createTestPlayer({
name: playerName,
currentElo: 2000 - i * 10,
})
players.push(player)
}
// Navigate to home page
await page.goto('/')
// Check that the page loads
await expect(page.locator('text=Top 10 Players')).toBeVisible()
// Check that at least one of our test players is displayed
// Use a more specific locator to avoid multiple matches
await expect(
page.locator(`a:has-text("Home Test Player ${timestamp} 1")`)
).toBeVisible()
// Verify cleanup will work
const counts = getCreatedRecordCounts();
expect(counts.players).toBe(3);
})
test('should display club president', async ({ page }) => {
const timestamp = Date.now()
// Create a club admin user
const clubAdmin = await prisma.user.create({
data: {
email: `president-${timestamp}@example.com`,
name: `Club President ${timestamp}`,
role: 'club_admin',
},
})
// Navigate to home page
await page.goto('/')
// Check that the club president section is visible
await expect(page.locator('text=Club President')).toBeVisible()
// Clean up
await prisma.user.delete({ where: { id: clubAdmin.id } })
})
test('should display most recent tournament', async ({ page }) => {
const timestamp = Date.now()
// Create a tournament with a future date to ensure it's the most recent
const tournament = await prisma.event.create({
data: {
name: `Recent Tournament ${timestamp}`,
eventType: 'tournament',
eventDate: new Date(Date.now() + 86400000), // Tomorrow
status: 'completed',
},
})
// Create players for the match
const player1Name = `Home Match Player 1 ${timestamp}`
const player1 = await prisma.player.create({
data: { name: player1Name, normalizedName: player1Name.toLowerCase(), currentElo: 1500 },
})
const player2Name = `Home Match Player 2 ${timestamp}`
const player2 = await prisma.player.create({
data: { name: player2Name, normalizedName: player2Name.toLowerCase(), currentElo: 1480 },
})
const player3Name = `Home Match Player 3 ${timestamp}`
const player3 = await prisma.player.create({
data: { name: player3Name, normalizedName: player3Name.toLowerCase(), currentElo: 1450 },
})
const player4Name = `Home Match Player 4 ${timestamp}`
const player4 = await prisma.player.create({
data: { name: player4Name, normalizedName: player4Name.toLowerCase(), currentElo: 1420 },
})
// Create a match in the tournament
await prisma.match.create({
data: {
eventId: tournament.id,
player1P1Id: player1.id,
player1P2Id: player2.id,
player2P1Id: player3.id,
player2P2Id: player4.id,
team1Score: 10,
team2Score: 5,
status: 'completed',
playedAt: new Date(),
},
})
// Navigate to home page
await page.goto('/')
// Check that the tournament section is visible
await expect(page.locator('text=Most Recent Tournament')).toBeVisible()
await expect(page.locator(`text=Recent Tournament ${timestamp}`)).toBeVisible()
// Clean up
await prisma.match.deleteMany({ where: { eventId: tournament.id } })
await prisma.event.delete({ where: { id: tournament.id } })
await prisma.player.deleteMany({
where: { id: { in: [player1.id, player2.id, player3.id, player4.id] } },
})
})
})
@@ -241,7 +241,7 @@ test.describe.serial('Tournament with 10 Participants and Variable Team Durabili
await page.goto(`http://localhost:3000/admin/tournaments/${tournamentId}`);
// Wait for page to load and data to be fetched
await page.waitForLoadState('domcontentloaded');
await page.waitForLoadState('networkidle');
// Wait for the page content to appear (not just "Loading...")
await expect(page.locator('text=Matchups')).toBeVisible({ timeout: 15000 });
+52 -35
View File
@@ -22,7 +22,8 @@ IMAGE_TAG_COMMIT := `git rev-parse --short HEAD`
# --- Variables ---
# Database
DB_CONTAINER := "euchre-camp-postgres"
DATABASE_URL := env_var_or_default("DATABASE_URL", "")
DATABASE_PROVIDER := env_var_or_default("DATABASE_PROVIDER", "sqlite")
DATABASE_URL := env_var_or_default("DATABASE_URL", "file:./prisma/dev.db")
# --- Setup & Installation ---
@@ -31,7 +32,7 @@ setup:
@echo "Installing dependencies..."
npm install
@echo "Setting up database..."
npm run db:setup-dev
npm run db:setup-postgres
@echo "Generating Prisma client..."
npx prisma generate
@@ -55,41 +56,32 @@ format:
# --- Testing ---
# Run all tests (unit + acceptance)
test: test-unit test-acceptance
# Run all tests (unit + acceptance with SQLite)
# Note: Uses Docker containers for consistent environment
test: test-unit test-acceptance-sqlite
# Run unit tests
# Run all tests with PostgreSQL (Docker)
test-pg: test-unit test-acceptance-postgres
# Run unit tests (Vitest)
test-unit:
npm run test:run
# Run acceptance tests (Playwright)
test-acceptance:
# Run acceptance tests with SQLite (fast, no Docker needed)
test-acceptance-sqlite:
@echo "Running acceptance tests with SQLite..."
DATABASE_PROVIDER=sqlite DATABASE_URL=file:./prisma/ci.db BETTER_AUTH_SECRET=test-secret-key npm run test:acceptance
# Run acceptance tests with PostgreSQL (Docker)
test-acceptance-postgres:
@echo "Starting Docker containers for acceptance tests..."
docker compose up -d
@echo "Waiting for services to be ready..."
sleep 10
@echo "Running acceptance tests..."
npm run test:acceptance
# Run Cucumber e2e tests
test-cucumber:
@echo "Clearing Next.js cache..."
rm -rf .next/
@echo "Running Cucumber e2e tests..."
npm run test:acceptance:cucumber
# Run Cucumber e2e tests against production build
test-cucumber-prod:
@echo "Clearing Next.js cache..."
rm -rf .next/
@echo "Building application for production..."
bun run build
@echo "Starting production server in background..."
bun run start > /tmp/next-prod.log 2>&1 &
SERVER_PID=$$!
@echo "Waiting for server to be ready..."
sleep 15
@echo "Running Cucumber e2e tests against production build..."
npm run test:acceptance:cucumber || true
@echo "Stopping production server..."
kill $$SERVER_PID 2>/dev/null || true
@echo "Tests completed."
@echo "Stopping Docker containers..."
docker compose down
# Run database migrations (Prisma)
migrate:
@@ -99,6 +91,13 @@ migrate:
seed:
npm run db:seed
# Switch database provider
db-switch-sqlite:
npm run db:switch sqlite
db-switch-postgres:
npm run db:switch postgresql
# --- Docker ---
# Build the Docker image (standard build)
@@ -114,6 +113,7 @@ docker-build-commit:
docker-build-full: docker-build docker-build-commit
# Fast rebuild using Docker BuildKit cache
# Uses build cache to speed up rebuilds when only code changes
docker-rebuild-fast:
@echo "Fast rebuilding Docker image {{PROJECT}}:{{IMAGE_TAG}}..."
DOCKER_BUILDKIT=1 docker build \
@@ -160,14 +160,19 @@ docker-push: docker-build-full
# --- CI/CD Pipeline Simulation ---
# Run full CI pipeline locally (lint, test, build)
ci: lint typecheck test-unit test-acceptance docker-build
# Run full CI pipeline locally (lint, test, build, push)
# Matches the Gitea Actions workflow
ci: lint typecheck test-unit test-acceptance-sqlite docker-build
@echo "CI Pipeline completed successfully!"
# PR validation (what runs on pull requests)
pr-validate: lint typecheck test-unit test-acceptance
pr-validate: lint typecheck test-unit test-acceptance-sqlite
@echo "PR validation completed successfully!"
# Run CI with PostgreSQL (for release workflow simulation)
ci-postgres: lint typecheck test-unit test-acceptance-postgres docker-build
@echo "CI Pipeline with PostgreSQL completed successfully!"
# --- Utilities ---
# Show help information
@@ -177,7 +182,9 @@ help:
# Clean up project (remove node_modules, build artifacts)
clean:
@echo "Cleaning project..."
rm -rf node_modules .next dist .turbo
rm -rf node_modules .next dist
@echo "Cleaning Docker artifacts..."
docker system prune -f
# Generate Prisma client
prisma-generate:
@@ -239,3 +246,13 @@ workflow-status:
@echo "PR Workflow: Runs unit + acceptance tests on pull requests"
@echo "Test Workflow: Runs unit tests on all branch pushes"
@echo "Release Workflow: Runs on main branch pushes (version bump + Docker build)"
@echo ""
@echo "Note: CI image approach deprecated due to Gitea Actions workspace mounting"
# Check current database provider
db-status:
@echo "Database Provider: ${DATABASE_PROVIDER}"
@echo "Database URL: ${DATABASE_URL}"
@echo ""
@echo "Current schema.prisma provider:"
grep -A 2 "datasource db" prisma/schema.prisma | head -3
+9840
View File
File diff suppressed because it is too large Load Diff
+23 -26
View File
@@ -1,6 +1,6 @@
{
"name": "euchre_camp",
"version": "0.1.17",
"version": "0.1.4",
"private": true,
"scripts": {
"dev": "NEXT_PUBLIC_GIT_COMMIT=$(git rev-parse --short HEAD) next dev",
@@ -15,12 +15,12 @@
"test:unit:sequential": "bun test src/__tests__/unit/ --max-concurrency=1",
"test:acceptance": "bun x playwright test e2e/",
"test:acceptance:headed": "bun x playwright test e2e/ --headed",
"test:acceptance:cucumber": "DATABASE_URL=$(grep DATABASE_URL .env.development | cut -d'=' -f2 | tr -d '\"') DATABASE_PROVIDER=postgresql bun cucumber-js --config e2e/cucumber/cucumber.config.ts",
"test:acceptance:cucumber:pretty": "DATABASE_URL=$(grep DATABASE_URL .env.development | cut -d'=' -f2 | tr -d '\"') DATABASE_PROVIDER=postgresql bun cucumber-js --config e2e/cucumber/cucumber.config.ts --format pretty:cucumber-pretty",
"test:acceptance:cucumber:prod": "bun run build && (trap 'kill $(jobs -p) 2>/dev/null || true' EXIT; DATABASE_URL=${DATABASE_URL:-$(grep DATABASE_URL .env.development | cut -d'=' -f2 | tr -d '\"')} DATABASE_PROVIDER=${DATABASE_PROVIDER:-postgresql} bun run start & echo 'Waiting for server to start...'; for i in {1..30}; do if curl -s http://localhost:3000 > /dev/null 2>&1; then echo 'Server ready!'; break; fi; sleep 1; done; npm run test:acceptance:cucumber)",
"cucumber": "DATABASE_URL=$(grep DATABASE_URL .env.development | cut -d'=' -f2 | tr -d '\"') DATABASE_PROVIDER=postgresql bun cucumber-js --config e2e/cucumber/cucumber.config.ts",
"db:switch": "bun run scripts/switch-database.js",
"db:setup-postgres": "bun run scripts/setup-postgres.js",
"db:setup-dev": "bun run scripts/setup-postgres.js",
"db:setup-dev:clean": "bun run scripts/setup-postgres.js --drop",
"db:reset-dev": "bun run scripts/reset-dev-db.js",
"db:use-dev": "bun run scripts/use-dev-db.js",
"db:cleanup-prod": "bun run scripts/cleanup-prod-db.js",
"db:check-prod": "bun run scripts/check-test-records.js",
"db:seed": "bun run scripts/seed.js",
@@ -40,48 +40,45 @@
},
"dependencies": {
"@hookform/resolvers": "^5.2.2",
"@prisma/adapter-pg": "^7.8.0",
"@prisma/client": "^7.8.0",
"@prisma/adapter-pg": "^7.6.0",
"@prisma/client": "^7.6.0",
"@types/bcryptjs": "^2.4.6",
"bcrypt": "^6.0.0",
"bcryptjs": "^3.0.3",
"better-auth": "^1.6.9",
"better-auth": "^1.5.6",
"glicko2": "^1.2.1",
"jose": "^6.2.2",
"next": "^16.2.4",
"next": "^16.2.1",
"openskill": "^4.1.1",
"papaparse": "^5.5.3",
"pg": "^8.20.0",
"prisma": "^7.8.0",
"react": "^19.2.5",
"react-dom": "^19.2.5",
"react-hook-form": "^7.74.0",
"prisma": "^7.6.0",
"react": "^19.2.4",
"react-dom": "^19.2.4",
"react-hook-form": "^7.72.0",
"zod": "^4.3.6"
},
"devDependencies": {
"@cucumber/cucumber": "^12.8.2",
"@playwright/test": "^1.59.1",
"@tailwindcss/postcss": "^4.2.4",
"@playwright/test": "^1.58.2",
"@tailwindcss/postcss": "^4",
"@testing-library/jest-dom": "^6.9.1",
"@testing-library/react": "^16.3.2",
"@testing-library/user-event": "^14.6.1",
"@types/bcrypt": "^6.0.0",
"@types/bun": "^1.3.13",
"@types/bun": "^1.3.11",
"@types/jsdom": "^28.0.1",
"@types/node": "^20.19.39",
"@types/node": "^20",
"@types/papaparse": "^5.5.2",
"@types/pg": "^8.20.0",
"@types/react": "^19.2.14",
"@types/react-dom": "^19.2.3",
"@vitejs/plugin-react": "^6.0.1",
"argon2": "^0.44.0",
"cucumber-pretty": "^6.0.1",
"eslint": "^8.57.1",
"eslint-config-next": "^16.2.4",
"jsdom": "^29.1.0",
"tailwindcss": "^4.2.4",
"tsx": "^4.21.0",
"typescript": "^5.9.3",
"vitest": "^4.1.5"
"eslint": "^8.57.0",
"eslint-config-next": "^16.2.1",
"jsdom": "^29.0.1",
"tailwindcss": "^4",
"typescript": "^5",
"vitest": "^4.1.2"
}
}
+2 -2
View File
@@ -6,13 +6,13 @@ export default defineConfig({
expect: {
timeout: 5000
},
// Run tests sequentially to avoid database conflicts
// Run tests sequentially to avoid database conflicts with SQLite
fullyParallel: false,
// Fail the build on CI if you accidentally left test.only in the source code.
forbidOnly: !!process.env.CI,
// Retry on CI only.
retries: process.env.CI ? 2 : 0,
// Always run with 1 worker to avoid database conflicts
// Always run with 1 worker to avoid database conflicts with SQLite
workers: 1,
// Reporter to use
reporter: 'html',
@@ -1,63 +0,0 @@
-- DropForeignKey
ALTER TABLE "matches" DROP CONSTRAINT "matches_player1P1Id_fkey";
-- DropForeignKey
ALTER TABLE "matches" DROP CONSTRAINT "matches_player1P2Id_fkey";
-- DropForeignKey
ALTER TABLE "matches" DROP CONSTRAINT "matches_player2P1Id_fkey";
-- DropForeignKey
ALTER TABLE "matches" DROP CONSTRAINT "matches_player2P2Id_fkey";
-- CreateTable
CREATE TABLE "activities" (
"id" SERIAL NOT NULL,
"type" TEXT NOT NULL,
"description" TEXT NOT NULL,
"userId" TEXT,
"playerId" INTEGER,
"eventId" INTEGER,
"matchId" INTEGER,
"createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
CONSTRAINT "activities_pkey" PRIMARY KEY ("id")
);
-- CreateTable
CREATE TABLE "club_settings" (
"id" SERIAL NOT NULL,
"clubName" TEXT NOT NULL DEFAULT 'Euchre Club',
"defaultEloRating" INTEGER NOT NULL DEFAULT 1200,
"partnershipEnabled" BOOLEAN NOT NULL DEFAULT true,
"notificationsEnabled" BOOLEAN NOT NULL DEFAULT true,
"matchVerification" BOOLEAN NOT NULL DEFAULT false,
"createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
"updatedAt" TIMESTAMP(3) NOT NULL,
CONSTRAINT "club_settings_pkey" PRIMARY KEY ("id")
);
-- AddForeignKey
ALTER TABLE "matches" ADD CONSTRAINT "matches_player1P1Id_fkey" FOREIGN KEY ("player1P1Id") REFERENCES "players"("id") ON DELETE SET NULL ON UPDATE CASCADE;
-- AddForeignKey
ALTER TABLE "matches" ADD CONSTRAINT "matches_player1P2Id_fkey" FOREIGN KEY ("player1P2Id") REFERENCES "players"("id") ON DELETE SET NULL ON UPDATE CASCADE;
-- AddForeignKey
ALTER TABLE "matches" ADD CONSTRAINT "matches_player2P1Id_fkey" FOREIGN KEY ("player2P1Id") REFERENCES "players"("id") ON DELETE SET NULL ON UPDATE CASCADE;
-- AddForeignKey
ALTER TABLE "matches" ADD CONSTRAINT "matches_player2P2Id_fkey" FOREIGN KEY ("player2P2Id") REFERENCES "players"("id") ON DELETE SET NULL ON UPDATE CASCADE;
-- AddForeignKey
ALTER TABLE "activities" ADD CONSTRAINT "activities_userId_fkey" FOREIGN KEY ("userId") REFERENCES "users"("id") ON DELETE SET NULL ON UPDATE CASCADE;
-- AddForeignKey
ALTER TABLE "activities" ADD CONSTRAINT "activities_playerId_fkey" FOREIGN KEY ("playerId") REFERENCES "players"("id") ON DELETE SET NULL ON UPDATE CASCADE;
-- AddForeignKey
ALTER TABLE "activities" ADD CONSTRAINT "activities_eventId_fkey" FOREIGN KEY ("eventId") REFERENCES "events"("id") ON DELETE SET NULL ON UPDATE CASCADE;
-- AddForeignKey
ALTER TABLE "activities" ADD CONSTRAINT "activities_matchId_fkey" FOREIGN KEY ("matchId") REFERENCES "matches"("id") ON DELETE SET NULL ON UPDATE CASCADE;
-35
View File
@@ -27,7 +27,6 @@ model Player {
partnershipGames2 PartnershipGame[] @relation("PartnershipPlayer2")
partnershipStats PartnershipStat[] @relation("StatPlayer1")
partnershipStats2 PartnershipStat[] @relation("StatPlayer2")
activities Activity[]
user User?
eloRating EloRating?
glicko2Rating Glicko2Rating?
@@ -54,7 +53,6 @@ model User {
ownedTournaments Event[] @relation("TournamentOwner")
createdMatches Match[] @relation("MatchCreator")
sessions Session[]
activities Activity[]
player Player? @relation(fields: [playerId], references: [id])
@@map("users")
@@ -81,7 +79,6 @@ model Event {
owner User? @relation("TournamentOwner", fields: [ownerId], references: [id])
matches Match[]
rounds TournamentRound[]
activities Activity[]
// Team configuration fields
teamDurability String @default("permanent") // permanent, variable, per_round
@@ -170,7 +167,6 @@ model Match {
isCasual Boolean @default(false)
bracketMatchups BracketMatchup[]
eloSnapshots EloSnapshot[]
activities Activity[]
createdBy User? @relation("MatchCreator", fields: [createdById], references: [id])
event Event? @relation(fields: [eventId], references: [id], onDelete: Cascade)
player1P1 Player? @relation("MatchPlayer1", fields: [player1P1Id], references: [id])
@@ -329,34 +325,3 @@ model OpenSkillRating {
@@map("open_skill_ratings")
}
model Activity {
id Int @id @default(autoincrement())
type String // "player_registration", "tournament_created", "match_completed", "partnership_recorded"
description String
userId String?
playerId Int?
eventId Int?
matchId Int?
createdAt DateTime @default(now())
user User? @relation(fields: [userId], references: [id])
player Player? @relation(fields: [playerId], references: [id])
event Event? @relation(fields: [eventId], references: [id])
match Match? @relation(fields: [matchId], references: [id])
@@map("activities")
}
model ClubSettings {
id Int @id @default(autoincrement())
clubName String @default("Euchre Club")
defaultEloRating Int @default(1200)
partnershipEnabled Boolean @default(true)
notificationsEnabled Boolean @default(true)
matchVerification Boolean @default(false)
createdAt DateTime @default(now())
updatedAt DateTime @updatedAt
@@map("club_settings")
}
+29 -92
View File
@@ -29,46 +29,6 @@ if (DB_URL.includes('_dev') || DB_URL.includes('_dev_')) {
process.exit(1);
}
// Single source of truth for test object patterns
const TEST_PATTERNS = {
players: [
'%Test%',
'%Setup%',
'%Home Test%',
'%Home Match Player%',
'%Admin User%',
'%NinePart%',
'%Nine Part%',
'%Test Player%',
'%TestUser%',
'%Cucumber%',
'%Config Admin%',
],
events: [
'%Test%',
'%Setup%',
'%Recent%',
'%Test Tournament%',
'%Cucumber%',
],
users: [
'%test%',
'%setup%',
'%cucumber%',
'%TestUser%',
]
};
// Helper to build SQL LIKE clause from patterns
function buildLikeClause(patterns) {
return patterns.map(p => `name LIKE '${p}'`).join(' OR ');
}
// Helper to build email LIKE clause
function buildEmailLikeClause(patterns) {
return patterns.map(p => `email LIKE '${p}'`).join(' OR ');
}
// Helper to run SQL and log results
function runSQL(sql, description) {
console.log(`\n🔍 ${description}...`);
@@ -82,23 +42,13 @@ function runSQL(sql, description) {
}
}
// Helper to run SQL via file (avoids quote escaping issues)
function runSQLViaFile(sql, description) {
// Helper to run multi-line SQL
function runMultiLineSQL(sqlLines, description) {
console.log(`\n🔍 ${description}...`);
const fs = require('fs');
const os = require('os');
const path = require('path');
try {
// Create temp file with SQL
const tmpFile = path.join(os.tmpdir(), `cleanup_${Date.now()}.sql`);
fs.writeFileSync(tmpFile, sql);
const result = execSync(`psql "${DB_URL}" -f "${tmpFile}"`, { encoding: 'utf8' });
const sql = sqlLines.join('\n');
const result = execSync(`psql "${DB_URL}" -c "${sql}"`, { encoding: 'utf8' });
console.log(result);
// Clean up temp file
fs.unlinkSync(tmpFile);
return true;
} catch (error) {
console.error(`❌ Error: ${error.message}`);
@@ -106,12 +56,9 @@ function runSQLViaFile(sql, description) {
}
}
// Helper to count records matching any of the patterns
function countRecordsByPatterns(table, patterns) {
const whereClause = table === 'users'
? buildEmailLikeClause(patterns)
: buildLikeClause(patterns);
const sql = `SELECT COUNT(*) FROM ${table} WHERE ${whereClause};`;
// Helper to count records matching pattern
function countRecords(table, column, pattern) {
const sql = `SELECT COUNT(*) FROM ${table} WHERE ${column} LIKE '${pattern}';`;
try {
const result = execSync(`psql "${DB_URL}" -c "${sql}" -t`, { encoding: 'utf8' }).trim();
return parseInt(result);
@@ -142,67 +89,57 @@ async function main() {
console.log('\n📋 Checking test records...\n');
// Count test records using centralized patterns
const testPlayerCount = countRecordsByPatterns('players', TEST_PATTERNS.players);
// Count test players
const testPlayerCount = countRecords('players', 'name', '%Test%') +
countRecords('players', 'name', '%Setup%') +
countRecords('players', 'name', '%Home Test%') +
countRecords('players', 'name', '%Home Match Player%') +
countRecords('players', 'name', '%Admin User%');
console.log(`Test players found: ${testPlayerCount}`);
const testEventCount = countRecordsByPatterns('events', TEST_PATTERNS.events);
// Count test tournaments
const testEventCount = countRecords('events', 'name', '%Test%') +
countRecords('events', 'name', '%Setup%') +
countRecords('events', 'name', '%Recent%');
console.log(`Test tournaments found: ${testEventCount}`);
const testUserCount = countRecordsByPatterns('users', TEST_PATTERNS.users);
// Count test users
const testUserCount = countRecords('users', 'email', '%test%') +
countRecords('users', 'email', '%setup%');
console.log(`Test users found: ${testUserCount}`);
console.log('\n🔄 Starting cleanup...\n');
// Step 1: Delete test tournaments (with matches due to cascade delete)
console.log('1. Deleting test tournaments (matches will be deleted via cascade)...');
const eventWhere = buildLikeClause(TEST_PATTERNS.events);
runSQLViaFile(
`DELETE FROM events WHERE (${eventWhere});`,
runSQL(
"DELETE FROM events WHERE (name LIKE '%Test%' OR name LIKE '%Setup%' OR name LIKE '%Recent%');",
'Deleted test tournaments'
);
// Step 2: Delete test players (all of them, since we deleted their matches)
console.log('\n2. Deleting test players...');
const playerWhere = buildLikeClause(TEST_PATTERNS.players);
runSQLViaFile(
`DELETE FROM players WHERE (${playerWhere});`,
runSQL(
"DELETE FROM players WHERE (name LIKE '%Test%' OR name LIKE '%Setup%' OR name LIKE '%Home Test%' OR name LIKE '%Home Match Player%' OR name LIKE '%Admin User%');",
'Deleted test players'
);
// Step 3: Delete test users (they shouldn't have player associations)
console.log('\n3. Deleting test users...');
const userWhere = buildEmailLikeClause(TEST_PATTERNS.users);
runSQLViaFile(
`DELETE FROM users WHERE (${userWhere}) AND "playerId" IS NULL;`,
runSQL(
"DELETE FROM users WHERE (email LIKE '%test%' OR email LIKE '%setup%') AND \"playerId\" IS NULL;",
'Deleted test users'
);
// Summary
console.log('\n✅ Cleanup complete!');
console.log('\n📊 Remaining test records:');
const remainingPlayerWhere = buildLikeClause(TEST_PATTERNS.players);
runSQLViaFile(
`SELECT COUNT(*) FROM players WHERE ${remainingPlayerWhere};`,
'Remaining test players'
);
const remainingEventWhere = buildLikeClause(TEST_PATTERNS.events);
runSQLViaFile(
`SELECT COUNT(*) FROM events WHERE ${remainingEventWhere};`,
'Remaining test tournaments'
);
const remainingUserWhere = buildEmailLikeClause(TEST_PATTERNS.users);
runSQLViaFile(
`SELECT COUNT(*) FROM users WHERE ${remainingUserWhere};`,
'Remaining test users'
);
runSQL("SELECT COUNT(*) FROM players WHERE name LIKE '%Test%' OR name LIKE '%Setup%' OR name LIKE '%Home Test%';", 'Remaining test players');
runSQL("SELECT COUNT(*) FROM events WHERE name LIKE '%Test%' OR name LIKE '%Setup%';", 'Remaining test tournaments');
runSQL("SELECT COUNT(*) FROM users WHERE email LIKE '%test%' OR email LIKE '%setup%';", 'Remaining test users');
console.log('\n💡 Note: All test records deleted. Matches are automatically deleted');
console.log(' via cascade delete when their parent tournament is deleted.');
console.log('\n📝 To add new test patterns, edit TEST_PATTERNS in this script.');
});
}
+138
View File
@@ -0,0 +1,138 @@
#!/usr/bin/env python3
"""
Generate 100+ games to test ELO rating calculations
"""
import sqlite3
import random
from datetime import datetime, timedelta
DB_PATH = "prisma/prisma/dev.db"
def get_players():
"""Get all players from the database"""
conn = sqlite3.connect(DB_PATH)
cursor = conn.cursor()
cursor.execute("SELECT id, name, currentElo FROM players")
players = cursor.fetchall()
conn.close()
return players
def generate_game(players, game_num, base_date):
"""Generate a single game with random players and scores"""
# Randomly select 4 different players
selected_players = random.sample(players, 4)
p1, p2, p3, p4 = selected_players
# Randomly assign teams (Team 1 vs Team 2)
team1_p1 = p1
team1_p2 = p2
team2_p1 = p3
team2_p2 = p4
# Generate realistic scores (Euchre games typically 10 points max)
# Team 1 wins 60% of the time for variety
team1_wins = random.random() < 0.6
if team1_wins:
# Team 1 wins - generate scores
team1_score = random.randint(10, 15)
team2_score = random.randint(0, 9)
else:
# Team 2 wins - generate scores
team2_score = random.randint(10, 15)
team1_score = random.randint(0, 9)
# Generate random date in the past 30 days
days_ago = random.randint(0, 30)
game_date = base_date - timedelta(
days=days_ago, hours=random.randint(0, 23), minutes=random.randint(0, 59)
)
return {
"team1P1Id": team1_p1[0],
"team1P2Id": team1_p2[0],
"team2P1Id": team2_p1[0],
"team2P2Id": team2_p2[0],
"team1Score": team1_score,
"team2Score": team2_score,
"playedAt": game_date.isoformat() + "Z",
"status": "completed",
"eventId": None,
}
def insert_games(games):
"""Insert games into the database"""
conn = sqlite3.connect(DB_PATH)
cursor = conn.cursor()
for game in games:
cursor.execute(
"""
INSERT INTO matches
(team1P1Id, team1P2Id, team2P1Id, team2P2Id, team1Score, team2Score, playedAt, status, eventId, createdAt, updatedAt)
VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
""",
(
game["team1P1Id"],
game["team1P2Id"],
game["team2P1Id"],
game["team2P2Id"],
game["team1Score"],
game["team2Score"],
game["playedAt"],
game["status"],
game["eventId"],
datetime.now().isoformat() + "Z",
datetime.now().isoformat() + "Z",
),
)
conn.commit()
conn.close()
def main():
print("Generating 150 games to test ELO ratings...")
print("=" * 60)
players = get_players()
print(f"Found {len(players)} players in database")
# Generate 150 games
num_games = 150
base_date = datetime.now()
games = []
for i in range(num_games):
game = generate_game(players, i, base_date)
games.append(game)
print(f"Generated {len(games)} games")
# Insert games into database
print("Inserting games into database...")
insert_games(games)
print("Games inserted successfully!")
# Show sample games
print("\nSample games:")
print("-" * 80)
for i, game in enumerate(games[:3]):
print(
f"Game {i + 1}: Team 1 ({game['team1Score']}) vs Team 2 ({game['team2Score']})"
)
print(f" Team 1: Player {game['team1P1Id']} + Player {game['team1P2Id']}")
print(f" Team 2: Player {game['team2P1Id']} + Player {game['team2P2Id']}")
print(f" Date: {game['playedAt']}")
print()
print("=" * 60)
print(f"Total games generated: {num_games}")
print("Now check the ELO ratings by running the application!")
if __name__ == "__main__":
main()
+234
View File
@@ -0,0 +1,234 @@
#!/usr/bin/env python3
"""
Update partnership statistics based on matches in the database
"""
import sqlite3
import math
from datetime import datetime
DB_PATH = "prisma/prisma/dev.db"
K_FACTOR = 32
def get_all_matches():
"""Get all matches from the database"""
conn = sqlite3.connect(DB_PATH)
cursor = conn.cursor()
cursor.execute("""
SELECT id, team1P1Id, team1P2Id, team2P1Id, team2P2Id,
team1Score, team2Score, playedAt
FROM matches
ORDER BY playedAt
""")
matches = cursor.fetchall()
conn.close()
return matches
def get_or_create_partnership(player1_id, player2_id):
"""Get or create a partnership record"""
conn = sqlite3.connect(DB_PATH)
cursor = conn.cursor()
# Sort IDs to ensure consistent partnership lookup
p1 = min(player1_id, player2_id)
p2 = max(player1_id, player2_id)
cursor.execute(
"""
SELECT id, gamesPlayed, wins, losses, totalEloChange
FROM partnership_stats
WHERE player1Id = ? AND player2Id = ?
""",
(p1, p2),
)
result = cursor.fetchone()
if result:
conn.close()
return result
# Create new partnership record
cursor.execute(
"""
INSERT INTO partnership_stats (player1Id, player2Id, gamesPlayed, wins, losses, totalEloChange, lastPlayed, createdAt, updatedAt)
VALUES (?, ?, 0, 0, 0, 0, NULL, ?, ?)
""",
(p1, p2, datetime.now().isoformat() + "Z", datetime.now().isoformat() + "Z"),
)
partnership_id = cursor.lastrowid
conn.commit()
conn.close()
return (partnership_id, 0, 0, 0, 0)
def update_partnership_stats(player1_id, player2_id, won, elo_change):
"""Update partnership statistics"""
conn = sqlite3.connect(DB_PATH)
cursor = conn.cursor()
# Sort IDs to ensure consistent partnership lookup
p1 = min(player1_id, player2_id)
p2 = max(player1_id, player2_id)
# Get current partnership stats
cursor.execute(
"""
SELECT id, gamesPlayed, wins, losses, totalEloChange
FROM partnership_stats
WHERE player1Id = ? AND player2Id = ?
""",
(p1, p2),
)
result = cursor.fetchone()
if not result:
# Create new partnership record
cursor.execute(
"""
INSERT INTO partnership_stats (player1Id, player2Id, gamesPlayed, wins, losses, totalEloChange, lastPlayed, createdAt, updatedAt)
VALUES (?, ?, 1, ?, ?, ?, ?, ?, ?)
""",
(
p1,
p2,
1 if won else 0,
0 if won else 1,
elo_change,
datetime.now().isoformat() + "Z",
datetime.now().isoformat() + "Z",
datetime.now().isoformat() + "Z",
),
)
else:
partnership_id, games_played, wins, losses, total_elo_change = result
# Update partnership stats
new_games = games_played + 1
new_wins = wins + 1 if won else wins
new_losses = losses if won else losses + 1
new_total_elo_change = total_elo_change + elo_change
cursor.execute(
"""
UPDATE partnership_stats
SET gamesPlayed = ?, wins = ?, losses = ?, totalEloChange = ?, lastPlayed = ?, updatedAt = ?
WHERE id = ?
""",
(
new_games,
new_wins,
new_losses,
new_total_elo_change,
datetime.now().isoformat() + "Z",
datetime.now().isoformat() + "Z",
partnership_id,
),
)
conn.commit()
conn.close()
def main():
print("Updating partnership statistics based on matches...")
print("=" * 60)
# Get all matches
matches = get_all_matches()
print(f"Found {len(matches)} matches in database")
# Reset partnership stats
conn = sqlite3.connect(DB_PATH)
cursor = conn.cursor()
cursor.execute("DELETE FROM partnership_stats")
conn.commit()
conn.close()
print("Reset all partnership statistics")
# Process each match
match_count = 0
for (
match_id,
team1_p1,
team1_p2,
team2_p1,
team2_p2,
team1_score,
team2_score,
played_at,
) in matches:
# Determine winners
team1_won = team1_score > team2_score
team2_won = team2_score > team1_score
# Update partnership stats for Team 1
if team1_won:
update_partnership_stats(
team1_p1, team1_p2, True, 0
) # Elo change will be calculated separately
else:
update_partnership_stats(team1_p1, team1_p2, False, 0)
# Update partnership stats for Team 2
if team2_won:
update_partnership_stats(team2_p1, team2_p2, True, 0)
else:
update_partnership_stats(team2_p1, team2_p2, False, 0)
match_count += 1
if match_count % 20 == 0:
print(f"Processed {match_count}/{len(matches)} matches...")
print(f"Processed {match_count} matches")
# Display partnership stats for top players
print("\n" + "=" * 60)
print("Partnership Stats for Top Players:")
print("-" * 60)
conn = sqlite3.connect(DB_PATH)
cursor = conn.cursor()
# Get top players by ELO
cursor.execute("SELECT id, name FROM players ORDER BY currentElo DESC LIMIT 5")
top_players = cursor.fetchall()
for player_id, player_name in top_players:
print(f"\n{player_name}:")
# Get partnership stats for this player
cursor.execute(
"""
SELECT
CASE
WHEN player1Id = ? THEN (SELECT name FROM players WHERE id = player2Id)
ELSE (SELECT name FROM players WHERE id = player1Id)
END as partner_name,
gamesPlayed, wins, losses, totalEloChange
FROM partnership_stats
WHERE player1Id = ? OR player2Id = ?
ORDER BY gamesPlayed DESC
LIMIT 3
""",
(player_id, player_id, player_id),
)
partnerships = cursor.fetchall()
for partner_name, games, wins, losses, elo_change in partnerships:
win_rate = (wins / games * 100) if games > 0 else 0
print(
f" - with {partner_name}: {games} games, {wins}/{losses} ({win_rate:.1f}%) ELO: {elo_change:+d}"
)
conn.close()
print("\n" + "=" * 60)
print("Partnership statistics updated successfully!")
if __name__ == "__main__":
main()
+195
View File
@@ -0,0 +1,195 @@
#!/usr/bin/env python3
"""
Update player statistics (ELO, gamesPlayed, wins, losses) based on matches in the database
"""
import sqlite3
import math
DB_PATH = "prisma/prisma/dev.db"
K_FACTOR = 32 # Standard K-factor for Elo calculations
def get_all_matches():
"""Get all matches from the database"""
conn = sqlite3.connect(DB_PATH)
cursor = conn.cursor()
cursor.execute("""
SELECT id, team1P1Id, team1P2Id, team2P1Id, team2P2Id,
team1Score, team2Score, playedAt
FROM matches
ORDER BY playedAt
""")
matches = cursor.fetchall()
conn.close()
return matches
def get_player(player_id):
"""Get a player by ID"""
conn = sqlite3.connect(DB_PATH)
cursor = conn.cursor()
cursor.execute(
"SELECT id, name, currentElo, gamesPlayed, wins, losses FROM players WHERE id = ?",
(player_id,),
)
player = cursor.fetchone()
conn.close()
return player
def update_player(player_id, current_elo, games_played, wins, losses):
"""Update a player's statistics"""
conn = sqlite3.connect(DB_PATH)
cursor = conn.cursor()
cursor.execute(
"""
UPDATE players
SET currentElo = ?, gamesPlayed = ?, wins = ?, losses = ?
WHERE id = ?
""",
(current_elo, games_played, wins, losses, player_id),
)
conn.commit()
conn.close()
def calculate_elo_change(rating_a, rating_b, score_a, score_b):
"""Calculate Elo change for a match"""
# Calculate expected scores
expected_a = 1 / (1 + math.pow(10, (rating_b - rating_a) / 400))
expected_b = 1 - expected_a
# Actual scores (1 for win, 0.5 for tie, 0 for loss)
actual_a = 0.5 if score_a == score_b else (1 if score_a > score_b else 0)
actual_b = 0.5 if score_a == score_b else (1 if score_b > score_a else 0)
# Calculate Elo change
elo_change_a = K_FACTOR * (actual_a - expected_a)
elo_change_b = K_FACTOR * (actual_b - expected_b)
return elo_change_a, elo_change_b
def main():
print("Updating player statistics based on matches in database...")
print("=" * 60)
# Get all matches
matches = get_all_matches()
print(f"Found {len(matches)} matches in database")
# Reset all player stats to 0 before recalculating
conn = sqlite3.connect(DB_PATH)
cursor = conn.cursor()
cursor.execute(
"UPDATE players SET currentElo = 1000, gamesPlayed = 0, wins = 0, losses = 0"
)
conn.commit()
conn.close()
print("Reset all player statistics to initial values (ELO: 1000, games: 0)")
# Process each match
match_count = 0
for (
match_id,
team1_p1,
team1_p2,
team2_p1,
team2_p2,
team1_score,
team2_score,
played_at,
) in matches:
# Get player data
p1 = get_player(team1_p1)
p2 = get_player(team1_p2)
p3 = get_player(team2_p1)
p4 = get_player(team2_p2)
if not all([p1, p2, p3, p4]):
print(f"Warning: Could not find all players for match {match_id}")
continue
# Calculate team ratings
team1_rating = (p1[2] + p2[2]) / 2 # currentElo
team2_rating = (p3[2] + p4[2]) / 2 # currentElo
# Calculate Elo changes
team1_elo_change, team2_elo_change = calculate_elo_change(
team1_rating, team2_rating, team1_score, team2_score
)
# Individual Elo changes (split evenly between team members)
p1_elo_change = team1_elo_change / 2
p2_elo_change = team1_elo_change / 2
p3_elo_change = team2_elo_change / 2
p4_elo_change = team2_elo_change / 2
# Determine winners
team1_won = team1_score > team2_score
team2_won = team2_score > team1_score
# Update player 1 stats
p1_new_elo = int(p1[2] + p1_elo_change)
p1_new_games = p1[3] + 1
p1_new_wins = p1[4] + 1 if team1_won else p1[4]
p1_new_losses = p1[5] if team1_won else p1[5] + 1
update_player(p1[0], p1_new_elo, p1_new_games, p1_new_wins, p1_new_losses)
# Update player 2 stats
p2_new_elo = int(p2[2] + p2_elo_change)
p2_new_games = p2[3] + 1
p2_new_wins = p2[4] + 1 if team1_won else p2[4]
p2_new_losses = p2[5] if team1_won else p2[5] + 1
update_player(p2[0], p2_new_elo, p2_new_games, p2_new_wins, p2_new_losses)
# Update player 3 stats
p3_new_elo = int(p3[2] + p3_elo_change)
p3_new_games = p3[3] + 1
p3_new_wins = p3[4] + 1 if team2_won else p3[4]
p3_new_losses = p3[5] if team2_won else p3[5] + 1
update_player(p3[0], p3_new_elo, p3_new_games, p3_new_wins, p3_new_losses)
# Update player 4 stats
p4_new_elo = int(p4[2] + p4_elo_change)
p4_new_games = p4[3] + 1
p4_new_wins = p4[4] + 1 if team2_won else p4[4]
p4_new_losses = p4[5] if team2_won else p4[5] + 1
update_player(p4[0], p4_new_elo, p4_new_games, p4_new_wins, p4_new_losses)
match_count += 1
if match_count % 20 == 0:
print(f"Processed {match_count}/{len(matches)} matches...")
print(f"Processed {match_count} matches")
# Display updated player rankings
print("\n" + "=" * 60)
print("Top 10 Players by ELO Rating:")
print("-" * 60)
conn = sqlite3.connect(DB_PATH)
cursor = conn.cursor()
cursor.execute("""
SELECT id, name, currentElo, gamesPlayed, wins, losses
FROM players
ORDER BY currentElo DESC
LIMIT 10
""")
top_players = cursor.fetchall()
conn.close()
for rank, (player_id, name, elo, games, wins, losses) in enumerate(top_players, 1):
win_rate = (wins / games * 100) if games > 0 else 0
print(
f"{rank:2}. {name:15} | ELO: {elo:4} | Games: {games:3} | W/L: {wins}/{losses} ({win_rate:.1f}%)"
)
print("\n" + "=" * 60)
print("Player statistics updated successfully!")
print("Now run the application to see updated rankings.")
if __name__ == "__main__":
main()
-36
View File
@@ -1,36 +0,0 @@
#!/bin/bash
# Run Cucumber tests with development database
# Load development environment
export $(cat .env.development | grep -v '^#' | xargs)
# Start dev server in background
bun run dev > /tmp/dev-server.log 2>&1 &
DEV_PID=$!
# Wait for server to be ready
echo "Waiting for dev server to start..."
sleep 15
# Check if server is ready
if curl -s http://localhost:3000 > /dev/null 2>&1; then
echo "✅ Dev server is ready"
else
echo "❌ Dev server failed to start"
kill $DEV_PID 2>/dev/null
exit 1
fi
# Run Cucumber tests
echo "Running Cucumber tests..."
bun run test:acceptance:cucumber "$@"
# Capture exit code
EXIT_CODE=$?
# Stop dev server
echo "Stopping dev server..."
kill $DEV_PID 2>/dev/null
wait $DEV_PID 2>/dev/null
exit $EXIT_CODE
+108
View File
@@ -0,0 +1,108 @@
#!/usr/bin/env node
/**
* Script to switch between SQLite and PostgreSQL databases
* Usage: node scripts/switch-database.js [sqlite|postgres]
*/
const fs = require('fs');
const path = require('path');
const envFile = '.env';
const envExampleFile = '.env.example';
function updateEnvFile(provider) {
const envPath = path.join(process.cwd(), envFile);
// Read current .env file or create from example
let envContent = '';
if (fs.existsSync(envPath)) {
envContent = fs.readFileSync(envPath, 'utf8');
} else if (fs.existsSync(envExampleFile)) {
envContent = fs.readFileSync(envExampleFile, 'utf8');
}
// Update DATABASE_PROVIDER (note: this is for reference only, not used by Prisma)
const providerRegex = /^DATABASE_PROVIDER=.*$/m;
if (providerRegex.test(envContent)) {
envContent = envContent.replace(providerRegex, `DATABASE_PROVIDER=${provider}`);
} else {
envContent += `\nDATABASE_PROVIDER=${provider}\n`;
}
// Update DATABASE_URL based on provider
if (provider === 'sqlite') {
const sqliteUrl = 'DATABASE_URL="file:./prisma/dev.db"';
const urlRegex = /^DATABASE_URL=.*$/m;
if (urlRegex.test(envContent)) {
envContent = envContent.replace(urlRegex, sqliteUrl);
} else {
envContent += `${sqliteUrl}\n`;
}
} else if (provider === 'postgresql') {
const pgUrl = 'DATABASE_URL="postgresql://username:password@localhost:5432/euchre_camp"';
const urlRegex = /^DATABASE_URL=.*$/m;
if (urlRegex.test(envContent)) {
envContent = envContent.replace(urlRegex, pgUrl);
} else {
envContent += `${pgUrl}\n`;
}
}
// Write updated content
fs.writeFileSync(envPath, envContent);
console.log(`✅ Updated ${envFile} to use ${provider} database`);
}
function updateSchemaFile(provider) {
const schemaPath = path.join(process.cwd(), 'prisma', 'schema.prisma');
if (!fs.existsSync(schemaPath)) {
console.error(`❌ Schema file not found: ${schemaPath}`);
return false;
}
let schemaContent = fs.readFileSync(schemaPath, 'utf8');
// Update the provider in the datasource block
const providerRegex = /(datasource db\s*\{[^}]*provider\s*=\s*)"[^"]+"/;
if (providerRegex.test(schemaContent)) {
schemaContent = schemaContent.replace(
providerRegex,
`$1"${provider}"`
);
fs.writeFileSync(schemaPath, schemaContent);
console.log(`✅ Updated schema.prisma to use ${provider} provider`);
return true;
} else {
console.error(`❌ Could not find provider declaration in schema.prisma`);
return false;
}
}
function main() {
const args = process.argv.slice(2);
const provider = args[0];
if (!provider) {
console.error('❌ Usage: node scripts/switch-database.js [sqlite|postgres]');
process.exit(1);
}
if (!['sqlite', 'postgres', 'postgresql'].includes(provider)) {
console.error(`❌ Invalid provider: ${provider}. Must be 'sqlite' or 'postgres'`);
process.exit(1);
}
const normalizedProvider = provider === 'postgres' ? 'postgresql' : provider;
updateEnvFile(normalizedProvider);
updateSchemaFile(normalizedProvider);
console.log('\nNext steps:');
console.log('1. Run: npx prisma generate');
console.log('2. Run: npx prisma migrate deploy');
console.log('3. Restart your development server');
}
main();
+49
View File
@@ -0,0 +1,49 @@
#!/usr/bin/env node
/**
* Switch to development database
* Creates a .env.development.local file with development database settings
*/
const fs = require('fs');
const path = require('path');
const { execSync } = require('child_process');
const envDevPath = path.join(__dirname, '..', '.env.development');
const envDevLocalPath = path.join(__dirname, '..', '.env.development.local');
console.log('🔧 Setting up development database...\n');
// Check if .env.development exists
if (!fs.existsSync(envDevPath)) {
console.error('❌ .env.development file not found');
console.error('Please create it first or run: npm run db:setup-dev');
process.exit(1);
}
// Copy .env.development to .env.development.local if it doesn't exist
if (!fs.existsSync(envDevLocalPath)) {
fs.copyFileSync(envDevPath, envDevLocalPath);
console.log('✅ Created .env.development.local');
} else {
console.log('️ .env.development.local already exists');
}
// Set NODE_ENV for the current session
process.env.NODE_ENV = 'development';
process.env.DATABASE_PROVIDER = 'postgresql';
// Read the development database URL
const envContent = fs.readFileSync(envDevPath, 'utf8');
const match = envContent.match(/DATABASE_URL="([^"]+)"/);
if (match) {
process.env.DATABASE_URL = match[1];
console.log(`✅ Development database URL: ${process.env.DATABASE_URL}`);
}
console.log('\n✅ Development database configured!');
console.log('\nNext steps:');
console.log('1. Setup the dev database: npm run db:setup-dev');
console.log('2. Start development server: npm run dev');
console.log('\nNote: This script sets environment variables for the current session.');
console.log('For persistent configuration, use .env.development.local');
-46
View File
@@ -59,17 +59,6 @@ export default async function AdminDashboard() {
}),
]) as [number, number, number, EventModel[]]
// Get recent activities (using any type to bypass TypeScript error for now)
const recentActivities = await (prisma as any).activity.findMany({
take: 10,
orderBy: { createdAt: "desc" },
include: {
user: { select: { name: true } },
player: { select: { name: true } },
event: { select: { name: true } },
},
})
return (
<div className="min-h-screen bg-gray-50">
<Navigation />
@@ -242,41 +231,6 @@ export default async function AdminDashboard() {
</Link> in the rankings page.
</p>
</div>
{/* Recent Activity Feed */}
<div className="bg-white shadow rounded-lg p-6 mt-6">
<div className="flex justify-between items-center mb-4">
<h2 className="text-lg font-medium text-gray-900">Recent Activity</h2>
<Link
href="/admin/activity"
className="text-green-600 hover:text-green-900 text-sm font-medium"
>
View All
</Link>
</div>
{recentActivities.length > 0 ? (
<ul className="divide-y divide-gray-200">
{recentActivities.map((activity: any) => (
<li key={activity.id} className="py-3">
<div className="flex items-center justify-between">
<div>
<p className="text-sm text-gray-900">{activity.description}</p>
<p className="text-xs text-gray-500">
{new Date(activity.createdAt).toLocaleDateString()} at{' '}
{new Date(activity.createdAt).toLocaleTimeString()}
</p>
</div>
<span className="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-gray-100 text-gray-800">
{activity.type}
</span>
</div>
</li>
))}
</ul>
) : (
<p className="text-gray-500">No recent activities.</p>
)}
</div>
</div>
</main>
</div>
+1 -27
View File
@@ -231,34 +231,8 @@ export default function AdminPlayersPage() {
</div>
)}
{/* Search and Filter Controls */}
<div className="bg-white shadow rounded-lg p-4 mb-4">
<div className="flex items-center space-x-4">
<div className="flex-1">
<input
type="text"
name="search"
placeholder="Search players by name..."
className="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-green-500 focus:border-green-500"
onChange={async (e) => {
const search = e.target.value
try {
const response = await fetch(`/api/players?search=${encodeURIComponent(search)}`)
if (response.ok) {
const data = await response.json()
setPlayers(data)
}
} catch (err) {
console.error('Search failed:', err)
}
}}
/>
</div>
</div>
</div>
{/* Player Table */}
<div className="bg-white shadow rounded-lg overflow-x-auto">
<div className="bg-white shadow rounded-lg overflow-hidden">
<table className="min-w-full divide-y divide-gray-200">
<thead className="bg-gray-50">
<tr>
-224
View File
@@ -1,224 +0,0 @@
"use client"
import { useState, useEffect } from "react"
import Navigation from "@/components/Navigation"
import { redirect } from "next/navigation"
import { getSession } from "@/lib/auth-simple"
interface ClubSettings {
id: number
clubName: string
defaultEloRating: number
partnershipEnabled: boolean
notificationsEnabled: boolean
matchVerification: boolean
}
export default function ClubSettingsPage() {
const [settings, setSettings] = useState<ClubSettings | null>(null)
const [loading, setLoading] = useState(true)
const [saving, setSaving] = useState(false)
const [error, setError] = useState("")
const [success, setSuccess] = useState("")
const [formSettings, setFormSettings] = useState<Partial<ClubSettings>>({})
useEffect(() => {
fetchSettings()
}, [])
const fetchSettings = async () => {
try {
const response = await fetch("/api/admin/settings")
if (!response.ok) {
throw new Error("Failed to fetch settings")
}
const data = await response.json()
setSettings(data)
setFormSettings(data || {})
} catch (err: unknown) {
setError(err instanceof Error ? err.message : "Failed to fetch settings")
} finally {
setLoading(false)
}
}
const handleSave = async () => {
setSaving(true)
setError("")
setSuccess("")
try {
const response = await fetch("/api/admin/settings", {
method: "PATCH",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify(formSettings),
})
if (!response.ok) {
const errorData = await response.json()
throw new Error(errorData.error || "Failed to save settings")
}
const updatedSettings = await response.json()
setSettings(updatedSettings)
setSuccess("Settings saved successfully!")
} catch (err: unknown) {
setError(err instanceof Error ? err.message : "Failed to save settings")
} finally {
setSaving(false)
}
}
if (loading) {
return (
<div className="min-h-screen bg-gray-50">
<Navigation />
<main className="max-w-7xl mx-auto py-6 sm:px-6 lg:px-8">
<div className="px-4 py-6 sm:px-0">
<p className="text-gray-500">Loading settings...</p>
</div>
</main>
</div>
)
}
return (
<div className="min-h-screen bg-gray-50">
<Navigation />
<main className="max-w-7xl mx-auto py-6 sm:px-6 lg:px-8">
<div className="px-4 py-6 sm:px-0">
{/* Page Header */}
<div className="bg-white shadow rounded-lg p-6 mb-6">
<h1 className="text-2xl font-bold text-gray-900">Club Settings</h1>
<p className="text-gray-500 mt-1">
Configure your club's default settings and preferences.
</p>
</div>
{/* Settings Form */}
<div className="bg-white shadow rounded-lg p-6">
{error && (
<div className="mb-4 p-4 bg-red-100 text-red-700 rounded">
{error}
</div>
)}
{success && (
<div className="mb-4 p-4 bg-green-100 text-green-700 rounded">
{success}
</div>
)}
<div className="space-y-6">
{/* Club Name */}
<div>
<label htmlFor="clubName" className="block text-sm font-medium text-gray-700 mb-2">
Club Name
</label>
<input
type="text"
id="clubName"
value={formSettings.clubName || ""}
onChange={(e) => setFormSettings({ ...formSettings, clubName: e.target.value })}
className="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-green-500 focus:border-green-500"
/>
</div>
{/* Default Elo Rating */}
<div>
<label htmlFor="defaultEloRating" className="block text-sm font-medium text-gray-700 mb-2">
Default Elo Rating
</label>
<input
type="number"
id="defaultEloRating"
value={formSettings.defaultEloRating || 1000}
onChange={(e) => setFormSettings({ ...formSettings, defaultEloRating: parseInt(e.target.value) })}
className="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-green-500 focus:border-green-500"
/>
</div>
{/* Partnership Tracking */}
<div className="flex items-center justify-between">
<div>
<label className="text-sm font-medium text-gray-700">Partnership Tracking</label>
<p className="text-sm text-gray-500">Enable partnership performance analytics</p>
</div>
<button
type="button"
onClick={() => setFormSettings({ ...formSettings, partnershipEnabled: !formSettings.partnershipEnabled })}
className={`relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2 ${
formSettings.partnershipEnabled ? 'bg-green-600' : 'bg-gray-200'
}`}
>
<span
className={`pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out ${
formSettings.partnershipEnabled ? 'translate-x-5' : 'translate-x-0'
}`}
/>
</button>
</div>
{/* Notifications */}
<div className="flex items-center justify-between">
<div>
<label className="text-sm font-medium text-gray-700">Notifications</label>
<p className="text-sm text-gray-500">Send email notifications for updates</p>
</div>
<button
type="button"
onClick={() => setFormSettings({ ...formSettings, notificationsEnabled: !formSettings.notificationsEnabled })}
className={`relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2 ${
formSettings.notificationsEnabled ? 'bg-green-600' : 'bg-gray-200'
}`}
>
<span
className={`pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out ${
formSettings.notificationsEnabled ? 'translate-x-5' : 'translate-x-0'
}`}
/>
</button>
</div>
{/* Match Verification */}
<div className="flex items-center justify-between">
<div>
<label className="text-sm font-medium text-gray-700">Match Verification</label>
<p className="text-sm text-gray-500">Require admin verification for match results</p>
</div>
<button
type="button"
onClick={() => setFormSettings({ ...formSettings, matchVerification: !formSettings.matchVerification })}
className={`relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2 ${
formSettings.matchVerification ? 'bg-green-600' : 'bg-gray-200'
}`}
>
<span
className={`pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out ${
formSettings.matchVerification ? 'translate-x-5' : 'translate-x-0'
}`}
/>
</button>
</div>
</div>
{/* Save Button */}
<div className="mt-8 flex justify-end">
<button
onClick={handleSave}
disabled={saving}
className="px-4 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 disabled:opacity-50 disabled:cursor-not-allowed"
>
{saving ? 'Saving...' : 'Save Settings'}
</button>
</div>
</div>
</div>
</main>
</div>
)
}
+1 -21
View File
@@ -73,7 +73,7 @@ export default function TournamentEntryPage({ params }: { params: Promise<{ id:
const [team1Score, setTeam1Score] = useState("")
const [team2Score, setTeam2Score] = useState("")
// Parse params and validate tournamentId, check for matchup query param
// Parse params and validate tournamentId
useEffect(() => {
async function parseParams() {
const { id } = await params
@@ -87,26 +87,6 @@ export default function TournamentEntryPage({ params }: { params: Promise<{ id:
parseParams()
}, [params, router])
// Handle pre-selection of matchup from query param
useEffect(() => {
if (schedule && selectedMatchupId === null) {
const searchParams = new URLSearchParams(window.location.search)
const matchupIdParam = searchParams.get('matchup')
if (matchupIdParam) {
const matchupId = parseInt(matchupIdParam, 10)
// Find which round contains this matchup
for (const round of schedule.rounds) {
const matchup = round.matchups.find(m => m.id === matchupId)
if (matchup) {
setSelectedRoundId(round.id)
setSelectedMatchupId(matchupId)
break
}
}
}
}
}, [schedule, selectedMatchupId])
// Load tournament, schedule, and matches
useEffect(() => {
if (tournamentId) {
-18
View File
@@ -7,7 +7,6 @@ import Navigation from "@/components/Navigation"
import TeamsSection from "@/components/TeamsSection"
import { DeleteTournamentButton } from "@/components/DeleteTournamentButton"
import { ScheduleGenerator } from "@/components/ScheduleGenerator"
import { BracketVisualization } from "@/components/BracketVisualization"
import MatchEditor from "@/components/MatchEditor"
interface PageProps {
@@ -421,11 +420,6 @@ export default function TournamentDetailPage({ params }: PageProps) {
</div>
)
case "bracket":
return (
<BracketVisualization rounds={rounds} />
)
default:
return null
}
@@ -561,18 +555,6 @@ export default function TournamentDetailPage({ params }: PageProps) {
>
Results
</button>
{hasSchedule && (
<button
onClick={() => setActiveTab("bracket")}
className={`whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm ${
activeTab === "bracket"
? "border-green-500 text-green-600"
: "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"
}`}
>
Bracket
</button>
)}
<span className="border-transparent text-gray-400 whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm cursor-not-allowed">
Analytics
</span>
@@ -1,112 +0,0 @@
import { prisma } from "@/lib/prisma"
import Navigation from "@/components/Navigation"
import Link from "next/link"
import { notFound } from "next/navigation"
import { ScheduleGenerator } from "@/components/ScheduleGenerator"
import { ScheduleDisplay } from "@/components/ScheduleDisplay"
interface PageProps {
params: Promise<{
id: string
}>
}
// Force dynamic rendering and revalidate on each request
export const dynamic = "force-dynamic"
export const revalidate = 0
export default async function TournamentSchedulePage({ params }: PageProps) {
const { id } = await params
const tournamentId = parseInt(id, 10)
if (isNaN(tournamentId)) {
notFound()
}
console.log(`[Schedule Page] Fetching tournament ${tournamentId}`);
const tournament = await prisma.event.findUnique({
where: { id: tournamentId },
include: {
participants: {
include: {
player: true,
},
},
rounds: {
orderBy: { roundNumber: "asc" },
include: {
bracketMatchups: {
orderBy: { bracketPosition: "asc" },
include: {
player1P1: true,
player1P2: true,
player2P1: true,
player2P2: true,
match: true,
},
},
},
},
},
})
console.log(`[Schedule Page] Tournament ${tournamentId} has ${tournament?.rounds?.length || 0} rounds`);
if (tournament?.rounds && tournament.rounds.length > 0) {
console.log(`[Schedule Page] First round:`, JSON.stringify(tournament.rounds[0]));
}
if (!tournament) {
notFound()
}
const teamCount = tournament.participants.length
const existingRounds = tournament.rounds.length
return (
<div className="min-h-screen bg-gray-50">
<Navigation />
<main className="max-w-7xl mx-auto py-6 sm:px-6 lg:px-8">
<div className="px-4 py-6 sm:px-0">
<div className="mb-6">
<Link
href={`/admin/tournaments/${tournamentId}`}
className="text-green-600 hover:text-green-900"
>
Back to Tournament
</Link>
</div>
<h1 className="text-3xl font-bold text-gray-900 mb-6">
Schedule - {tournament.name}
</h1>
<div className="bg-white shadow rounded-lg p-6 mb-6">
<div className="flex justify-between items-center mb-6">
<h2 className="text-xl font-bold text-gray-900">
Tournament Schedule
</h2>
</div>
<div id="schedule-display">
{existingRounds > 0 ? (
<ScheduleDisplay rounds={tournament.rounds} tournamentId={tournamentId} />
) : (
<p className="text-gray-500 mb-6">
No schedule has been generated yet. Click "Generate Schedule" to create round matchups.
</p>
)}
</div>
<div className="mt-6 pt-6 border-t border-gray-200">
<ScheduleGenerator
tournamentId={tournamentId}
teamCount={teamCount}
existingRounds={existingRounds}
/>
</div>
</div>
</div>
</main>
</div>
)
}
-34
View File
@@ -1,34 +0,0 @@
import { NextRequest, NextResponse } from 'next/server'
import { prisma } from '@/lib/prisma'
import { getSession } from '@/lib/auth-simple'
export async function GET(request: NextRequest) {
const session = await getSession()
if (!session) {
return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
}
const { searchParams } = new URL(request.url)
const limit = parseInt(searchParams.get('limit') || '20')
const offset = parseInt(searchParams.get('offset') || '0')
const type = searchParams.get('type')
const where: any = {}
if (type) {
where.type = type
}
const activities = await prisma.activity.findMany({
where,
orderBy: { createdAt: 'desc' },
take: limit,
skip: offset,
include: {
user: { select: { name: true } },
player: { select: { name: true } },
event: { select: { name: true } },
},
})
return NextResponse.json(activities)
}
-46
View File
@@ -1,46 +0,0 @@
import { NextRequest, NextResponse } from 'next/server'
import { prisma } from '@/lib/prisma'
import { getSession } from '@/lib/auth-simple'
export async function GET() {
const session = await getSession()
if (!session) {
return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
}
const settings = await (prisma as any).clubSettings.findFirst()
return NextResponse.json(settings)
}
export async function PATCH(request: NextRequest) {
const session = await getSession()
if (!session) {
return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
}
const data = await request.json()
// Get the existing settings record (should be id: 1 or first record)
let settings = await (prisma as any).clubSettings.findFirst()
if (!settings) {
// Create default settings if none exist
settings = await (prisma as any).clubSettings.create({
data: {
clubName: 'Euchre Club',
defaultEloRating: 1200,
partnershipEnabled: true,
notificationsEnabled: true,
matchVerification: false,
},
})
}
// Update the settings
const updatedSettings = await (prisma as any).clubSettings.update({
where: { id: settings.id },
data,
})
return NextResponse.json(updatedSettings)
}
-37
View File
@@ -1,37 +0,0 @@
import { NextResponse } from "next/server";
import { prisma } from "@/lib/prisma";
export async function POST(request: Request) {
try {
const body = await request.json();
const { email } = body;
if (!email) {
return NextResponse.json(
{ error: "Email is required" },
{ status: 400 }
);
}
const user = await prisma.user.findUnique({
where: { email: email.toLowerCase() },
});
if (!user) {
return NextResponse.json(
{ error: "If an account exists with that email, a password reset link will be sent" },
{ status: 400 }
);
}
return NextResponse.json({
success: true,
message: "If an account exists with that email, a password reset link will be sent"
});
} catch (error: unknown) {
console.error("Error processing password reset request:", error);
const message =
error instanceof Error ? error.message : "Failed to process password reset request";
return NextResponse.json({ error: message }, { status: 500 });
}
}
+3 -17
View File
@@ -1,4 +1,4 @@
import { NextRequest, NextResponse } from "next/server";
import { NextResponse } from "next/server";
import { prisma } from "@/lib/prisma";
/**
@@ -6,22 +6,10 @@ import { prisma } from "@/lib/prisma";
*
* Get all players with their user associations
* This is a public endpoint (no authentication required)
* Supports search query parameter
*/
export async function GET(request: NextRequest) {
export async function GET() {
try {
const { searchParams } = new URL(request.url)
const search = searchParams.get('search') || ''
const limit = parseInt(searchParams.get('limit') || '50')
const offset = parseInt(searchParams.get('offset') || '0')
const where: any = {}
if (search) {
where.name = { contains: search, mode: 'insensitive' }
}
const players = await prisma.player.findMany({
where,
include: {
user: {
select: {
@@ -29,9 +17,7 @@ export async function GET(request: NextRequest) {
},
},
},
orderBy: { currentElo: 'desc' },
take: limit,
skip: offset,
orderBy: { name: "asc" },
});
return NextResponse.json(players);
+6 -36
View File
@@ -1,5 +1,4 @@
import { NextResponse } from "next/server";
import { revalidatePath } from "next/cache";
import { prisma } from "@/lib/prisma";
import { canManageTournament } from "@/lib/permissions";
import { generateRoundRobin, validateScheduleInput, generateVariableRoundRobin, expectedRounds } from "@/lib/schedule-generator";
@@ -79,15 +78,11 @@ export async function GET(_request: Request, { params }: RouteParams) {
* Creates TournamentRound and BracketMatchup records.
*/
export async function POST(_request: Request, { params }: RouteParams) {
console.log(`[Schedule API] POST handler started`);
try {
const { id } = await params;
const tournamentId = parseInt(id);
console.log(`[Schedule API] POST /api/tournaments/${tournamentId}/schedule`);
if (isNaN(tournamentId)) {
console.log(`[Schedule API] Invalid tournament ID: ${id}`);
return NextResponse.json(
{ error: "Invalid tournament ID" },
{ status: 400 }
@@ -95,7 +90,6 @@ export async function POST(_request: Request, { params }: RouteParams) {
}
const permission = await canManageTournament(tournamentId);
console.log(`[Schedule API] Permission check: ${permission.allowed}, reason: ${permission.reason}`);
if (!permission.allowed) {
return NextResponse.json(
{ error: permission.reason || "Not authorized to manage this tournament" },
@@ -104,7 +98,6 @@ export async function POST(_request: Request, { params }: RouteParams) {
}
// Check tournament exists
console.log(`[Schedule API] Looking up tournament ${tournamentId}`);
const tournament = await prisma.event.findUnique({
where: { id: tournamentId },
include: {
@@ -118,17 +111,14 @@ export async function POST(_request: Request, { params }: RouteParams) {
});
if (!tournament) {
console.log(`[Schedule API] Tournament ${tournamentId} not found`);
return NextResponse.json(
{ error: "Tournament not found" },
{ status: 404 }
);
}
console.log(`[Schedule API] Found tournament ${tournamentId} with ${tournament.participants.length} participants and ${tournament.rounds.length} existing rounds`);
// Check if schedule already exists and delete it
if (tournament.rounds.length > 0) {
console.log(`[Schedule API] Deleting ${tournament.rounds.length} existing rounds`);
// Delete existing rounds and matchups before regenerating
await prisma.bracketMatchup.deleteMany({
where: { eventId: tournamentId },
@@ -145,8 +135,6 @@ export async function POST(_request: Request, { params }: RouteParams) {
currentElo: p.player.currentElo,
}));
console.log(`[Schedule API] Got ${participants.length} participants`);
// Check minimum participants
if (participants.length < 2) {
return NextResponse.json(
@@ -159,24 +147,20 @@ export async function POST(_request: Request, { params }: RouteParams) {
const teamDurability = tournament.teamDurability || "permanent";
const partnerRotation = (tournament.partnerRotation || "none") as 'none' | 'minimize_repeat' | 'maximize_even' | 'elo_based';
const allowByes = tournament.allowByes ?? true;
console.log(`[Schedule API] Team durability: ${teamDurability}, partner rotation: ${partnerRotation}, allow byes: ${allowByes}`);
// Determine number of teams from participants
const tempResult = generateTeams(participants, partnerRotation, allowByes);
const teamCount = tempResult.teams.length;
console.log(`[Schedule API] Generated ${teamCount} teams from ${participants.length} participants`);
if (teamCount < 2) {
console.log(`[Schedule API] Not enough teams: ${teamCount}`);
return NextResponse.json(
{ error: "At least 2 teams are required to generate a schedule" },
{ error: "At least 2 teams (4 players) are required to generate a schedule" },
{ status: 400 }
);
}
// Calculate expected rounds
// Calculate number of rounds needed
const numRounds = expectedRounds(teamCount);
console.log(`[Schedule API] Expected rounds: ${numRounds}`);
if (teamDurability === "permanent") {
// ============================================
@@ -202,14 +186,11 @@ export async function POST(_request: Request, { params }: RouteParams) {
// Generate schedule using fixed teams
const schedule = generateRoundRobin(teamPairings);
console.log(`[Schedule API] Generated ${schedule.length} rounds for ${teamCount} teams (fixed)`);
// Create rounds and matchups in a transaction
console.log(`[Schedule API] About to create ${schedule.length} rounds in transaction`);
const created = await prisma.$transaction(
schedule.map((round) => {
console.log(`[Schedule API] Creating round ${round.roundNumber} with ${round.matchups.length} matchups`);
return prisma.tournamentRound.create({
schedule.map((round) =>
prisma.tournamentRound.create({
data: {
eventId: tournamentId,
roundNumber: round.roundNumber,
@@ -237,17 +218,8 @@ export async function POST(_request: Request, { params }: RouteParams) {
},
},
})
})
)
);
console.log(`[Schedule API] Transaction complete. Created ${created.length} rounds`);
console.log(`[Schedule API] Verifying in database:`);
for (const round of created) {
console.log(`[Schedule API] Round ${round.roundNumber}: id=${round.id}, eventId=${round.eventId}`);
}
revalidatePath(`/admin/tournaments/${tournamentId}/schedule`);
console.log(`[Schedule API] revalidatePath called for /admin/tournaments/${tournamentId}/schedule`);
return NextResponse.json({
success: true,
@@ -323,8 +295,6 @@ export async function POST(_request: Request, { params }: RouteParams) {
)
);
revalidatePath(`/admin/tournaments/${tournamentId}/schedule`);
return NextResponse.json({
success: true,
roundsCreated: created.length,
+4 -3
View File
@@ -37,8 +37,9 @@ export default function LoginPage() {
} catch (err) {
console.error("Failed to refresh session:", err)
}
// Use window.location for more reliable redirect in E2E tests
window.location.href = "/admin"
// Navigate to admin page
router.push("/admin")
router.refresh()
}
} catch {
setError("An unexpected error occurred")
@@ -108,7 +109,7 @@ export default function LoginPage() {
href="/auth/register"
className="font-medium text-green-600 hover:text-green-500"
>
Create an account
Create account
</Link>
</div>
<div className="text-sm">
-124
View File
@@ -1,124 +0,0 @@
"use client"
import Link from "next/link"
import { useState } from "react"
export default function PasswordResetPage() {
const [email, setEmail] = useState("")
const [sent, setSent] = useState(false)
const [error, setError] = useState("")
const [loading, setLoading] = useState(false)
async function handleSubmit(e: React.FormEvent<HTMLFormElement>) {
e.preventDefault()
setLoading(true)
setError("")
try {
const response = await fetch("/api/auth/password-reset", {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({ email }),
})
const data = await response.json()
if (!response.ok) {
setError(data.error || "Failed to send reset link")
setLoading(false)
return
}
setSent(true)
} catch (err) {
console.error("Password reset error:", err)
setError("An unexpected error occurred")
} finally {
setLoading(false)
}
}
if (sent) {
return (
<div className="min-h-screen flex items-center justify-center bg-gray-50 py-12 px-4 sm:px-6 lg:px-8">
<div className="max-w-md w-full space-y-8">
<div className="text-center">
<h2 className="mt-6 text-3xl font-extrabold text-gray-900">
Check your email
</h2>
<p className="mt-2 text-sm text-gray-600">
If an account exists with that email, a password reset link will be sent.
</p>
</div>
<div className="text-center">
<Link
href="/auth/login"
className="font-medium text-green-600 hover:text-green-500"
>
Return to sign in
</Link>
</div>
</div>
</div>
)
}
return (
<div className="min-h-screen flex items-center justify-center bg-gray-50 py-12 px-4 sm:px-6 lg:px-8">
<div className="max-w-md w-full space-y-8">
<div>
<h2 className="mt-6 text-center text-3xl font-extrabold text-gray-900">
Reset Password
</h2>
<p className="mt-2 text-center text-sm text-gray-600">
Enter your email address and we will send you a link to reset your password.
</p>
</div>
<form className="mt-8 space-y-6" onSubmit={handleSubmit}>
{error && (
<div className="rounded-md bg-red-50 p-4">
<div className="text-sm text-red-700">{error}</div>
</div>
)}
<div>
<label htmlFor="email" className="sr-only">
Email address
</label>
<input
id="email"
name="email"
type="email"
autoComplete="email"
required
value={email}
onChange={(e) => setEmail(e.target.value)}
className="appearance-none rounded-md relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 focus:outline-none focus:ring-green-500 focus:border-green-500 focus:z-10 sm:text-sm"
placeholder="Email address"
/>
</div>
<div>
<button
type="submit"
disabled={loading}
className="group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 disabled:opacity-50 disabled:cursor-not-allowed"
>
{loading ? "Sending..." : "Send Reset Link"}
</button>
</div>
<div className="text-center text-sm">
<Link
href="/auth/login"
className="font-medium text-green-600 hover:text-green-500"
>
Remember your password? Sign in
</Link>
</div>
</form>
</div>
</div>
)
}
+23 -38
View File
@@ -10,31 +10,18 @@ export default function RegisterPage() {
const router = useRouter()
const { refreshSession } = useSession()
const [error, setError] = useState("")
const [fieldErrors, setFieldErrors] = useState<Record<string, string>>({})
const [loading, setLoading] = useState(false)
async function handleSubmit(e: React.FormEvent<HTMLFormElement>) {
e.preventDefault()
setLoading(true)
setError("")
setFieldErrors({})
const formData = new FormData(e.currentTarget)
const name = formData.get("name") as string
const email = formData.get("email") as string
const password = formData.get("password") as string
const errors: Record<string, string> = {}
if (!name?.trim()) errors.name = "name is required"
if (!email?.trim()) errors.email = "email is required"
if (!password?.trim()) errors.password = "password is required"
if (Object.keys(errors).length > 0) {
setFieldErrors(errors)
setLoading(false)
return
}
try {
console.log("Attempting signup...");
const result = await authClient.signUp.email({
@@ -42,27 +29,31 @@ export default function RegisterPage() {
password,
name,
})
console.log("Signup result:", JSON.stringify(result, null, 2));
console.log("Signup result:", result);
if (result.error) {
console.error("Signup error:", result.error);
setError(result.error.message || "Failed to create account")
setLoading(false);
return;
} else {
console.log("Signup successful, redirecting...");
console.log("Result data:", result.data);
// Refresh the session after successful registration
try {
await refreshSession()
console.log("Session refreshed successfully");
} catch (err) {
console.error("Failed to refresh session:", err);
}
console.log("About to redirect to /admin");
router.push("/admin")
router.refresh()
console.log("Redirect initiated");
}
console.log("Signup successful, redirecting...");
// autoSignIn is enabled in auth config, so session should be established
// Redirect to wordmark-redirect which will determine destination based on role
console.log("About to redirect to /wordmark-redirect");
window.location.href = "/wordmark-redirect";
return; // Stop execution here
} catch (err) {
console.error("Signup exception:", err);
setError("An unexpected error occurred")
setLoading(false);
} finally {
setLoading(false)
}
}
@@ -89,12 +80,10 @@ export default function RegisterPage() {
id="name"
name="name"
type="text"
className={`appearance-none rounded-none relative block w-full px-3 py-2 border placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none focus:ring-green-500 focus:border-green-500 focus:z-10 sm:text-sm ${fieldErrors.name ? 'border-red-500' : 'border-gray-300'}`}
required
className="appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none focus:ring-green-500 focus:border-green-500 focus:z-10 sm:text-sm"
placeholder="Full Name"
/>
{fieldErrors.name && (
<p className="text-sm text-red-600 mt-1">{fieldErrors.name}</p>
)}
</div>
<div>
<label htmlFor="email" className="sr-only">
@@ -104,12 +93,10 @@ export default function RegisterPage() {
id="email"
name="email"
type="email"
className={`appearance-none rounded-none relative block w-full px-3 py-2 border placeholder-gray-500 text-gray-900 focus:outline-none focus:ring-green-500 focus:border-green-500 focus:z-10 sm:text-sm ${fieldErrors.email ? 'border-red-500' : 'border-gray-300'}`}
required
className="appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 focus:outline-none focus:ring-green-500 focus:border-green-500 focus:z-10 sm:text-sm"
placeholder="Email address"
/>
{fieldErrors.email && (
<p className="text-sm text-red-600 mt-1">{fieldErrors.email}</p>
)}
</div>
<div>
<label htmlFor="password" className="sr-only">
@@ -119,12 +106,10 @@ export default function RegisterPage() {
id="password"
name="password"
type="password"
className={`appearance-none rounded-none relative block w-full px-3 py-2 border placeholder-gray-500 text-gray-900 rounded-b-md focus:outline-none focus:ring-green-500 focus:border-green-500 focus:z-10 sm:text-sm ${fieldErrors.password ? 'border-red-500' : 'border-gray-300'}`}
required
className="appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-b-md focus:outline-none focus:ring-green-500 focus:border-green-500 focus:z-10 sm:text-sm"
placeholder="Password"
/>
{fieldErrors.password && (
<p className="text-sm text-red-600 mt-1">{fieldErrors.password}</p>
)}
</div>
</div>
+3 -6
View File
@@ -1,7 +1,6 @@
import type { Metadata } from "next";
import "./globals.css";
import { SessionProvider } from "@/components/SessionProvider";
import { RoleSwitcherProvider } from "@/components/RoleSwitcher";
import Footer from "@/components/Footer";
const inter = {
@@ -23,12 +22,10 @@ export default function RootLayout({
lang="en"
className={`${inter.variable} h-full antialiased`}
>
<body className="min-h-full flex flex-col overflow-x-hidden">
<body className="min-h-full flex flex-col">
<SessionProvider>
<RoleSwitcherProvider>
{children}
<Footer />
</RoleSwitcherProvider>
{children}
<Footer />
</SessionProvider>
</body>
</html>
-2
View File
@@ -1,6 +1,5 @@
import { prisma } from "@/lib/prisma"
import Link from "next/link"
import Navigation from "@/components/Navigation"
export const dynamic = "force-dynamic"
@@ -51,7 +50,6 @@ export default async function Home() {
return (
<div className="min-h-screen bg-gradient-to-br from-green-50 to-blue-50">
<Navigation />
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
{/* Header Section */}
<div className="text-center mb-12">
+1 -1
View File
@@ -104,12 +104,12 @@ export default async function PlayerProfilePage({ params }: PageProps) {
<div className="px-4 py-6 sm:px-0">
{/* Player Header */}
<div className="bg-white shadow rounded-lg p-6 mb-6">
<h1 className="text-3xl font-bold text-gray-900 mb-2">Welcome, {player.name}</h1>
<div className="flex items-center">
<div className="h-20 w-20 bg-green-100 rounded-full flex items-center justify-center text-green-800 text-2xl font-bold">
{player.name.charAt(0).toUpperCase()}
</div>
<div className="ml-6">
<h1 className="text-2xl font-bold text-gray-900">{player.name}</h1>
<p className="text-gray-500">
Member since {new Date(player.createdAt).toLocaleDateString()}
</p>
+4 -5
View File
@@ -114,7 +114,7 @@ export default async function PlayerSchedulePage({ params }: PageProps) {
</h2>
{upcomingMatches.length === 0 ? (
<p className="text-gray-500">No upcoming matches</p>
<p className="text-gray-500">No upcoming matches scheduled.</p>
) : (
<div className="space-y-4">
{upcomingMatches.map((match) => {
@@ -128,10 +128,9 @@ export default async function PlayerSchedulePage({ params }: PageProps) {
].filter(Boolean).join(" + ")
return (
<Link
href={`/matches/${match.id}`}
<div
key={match.id}
className="block border border-gray-200 rounded-lg p-4 hover:bg-gray-50 cursor-pointer"
className="border border-gray-200 rounded-lg p-4 hover:bg-gray-50"
>
<div className="flex justify-between items-center">
<div className="flex-1">
@@ -148,7 +147,7 @@ export default async function PlayerSchedulePage({ params }: PageProps) {
</span>
</div>
</div>
</Link>
</div>
)
})}
</div>
+3 -3
View File
@@ -59,7 +59,7 @@ export default function RankingsClient({ players }: { players: PlayerWithRatings
{/* Elo Rating Tab */}
{activeTab === "elo" && (
<div className="bg-white shadow overflow-x-auto sm:rounded-lg">
<div className="bg-white shadow overflow-hidden sm:rounded-lg">
<h2 className="text-xl font-semibold text-gray-900 px-6 py-4 border-b">
Elo Rating Rankings
</h2>
@@ -117,7 +117,7 @@ export default function RankingsClient({ players }: { players: PlayerWithRatings
{/* OpenSkill Rating Tab */}
{activeTab === "openskill" && (
<div className="bg-white shadow overflow-x-auto sm:rounded-lg">
<div className="bg-white shadow overflow-hidden sm:rounded-lg">
<h2 className="text-xl font-semibold text-gray-900 px-6 py-4 border-b">
OpenSkill Rating Rankings
</h2>
@@ -178,7 +178,7 @@ export default function RankingsClient({ players }: { players: PlayerWithRatings
{/* Glicko2 Rating Tab */}
{activeTab === "glicko2" && (
<div className="bg-white shadow overflow-x-auto sm:rounded-lg">
<div className="bg-white shadow overflow-hidden sm:rounded-lg">
<h2 className="text-xl font-semibold text-gray-900 px-6 py-4 border-b">
Glicko2 Rating Rankings
</h2>
-37
View File
@@ -1,37 +0,0 @@
import { prisma } from "@/lib/prisma"
import { redirect } from "next/navigation"
import { getSession } from "@/lib/auth-simple"
export const dynamic = "force-dynamic"
export async function GET() {
const session = await getSession()
if (!session) {
redirect("/")
}
const userId = session.user?.id || session.user?.userId
if (!userId) {
redirect("/")
}
const user = await prisma.user.findUnique({
where: { id: userId }
})
if (!user) {
redirect("/")
}
if (user.role === "club_admin" || user.role === "site_admin") {
redirect("/admin")
}
if (user.playerId) {
redirect(`/players/${user.playerId}/profile`)
}
redirect("/rankings")
}
-168
View File
@@ -1,168 +0,0 @@
"use client"
interface Player {
id: number
name: string
}
interface BracketMatchup {
id: number
roundId: number
player1P1: Player | null
player1P2: Player | null
player2P1: Player | null
player2P2: Player | null
match: { id: number; team1Score: number; team2Score: number } | null
bracketPosition: number | null
status: string
}
interface TournamentRound {
id: number
roundNumber: number
status: string
bracketMatchups: BracketMatchup[]
}
interface BracketVisualizationProps {
rounds: TournamentRound[]
}
export function BracketVisualization({ rounds }: BracketVisualizationProps) {
if (rounds.length === 0) {
return (
<div className="bg-white shadow rounded-lg p-6">
<p className="text-gray-500">No schedule generated yet. Generate a schedule to see the bracket.</p>
</div>
)
}
const currentRoundIdx = rounds.findIndex(r => r.status === "in_progress")
const completedRounds = rounds.filter(r => r.status === "completed").length
return (
<div className="bg-white shadow rounded-lg p-6">
<div className="flex items-center justify-between mb-6">
<h2 className="text-lg font-semibold text-gray-900">Tournament Bracket</h2>
<div className="flex items-center space-x-4 text-sm text-gray-500">
<span>{rounds.length} rounds</span>
<span>{completedRounds} completed</span>
</div>
</div>
<div className="overflow-x-auto pb-4">
<div
className="inline-grid gap-4"
style={{
gridTemplateColumns: `repeat(${rounds.length}, minmax(200px, 1fr))`,
minWidth: `${rounds.length * 220}px`,
}}
>
{rounds.map((round, roundIdx) => {
const isCurrent = roundIdx === currentRoundIdx
const isCompleted = round.status === "completed"
return (
<div key={round.id} className="flex flex-col">
{/* Round Header */}
<div
className={`text-center py-2 px-3 rounded-t-lg font-medium text-sm ${
isCurrent
? "bg-green-100 text-green-800 border border-green-300"
: isCompleted
? "bg-gray-100 text-gray-600 border border-gray-200"
: "bg-gray-50 text-gray-500 border border-gray-200"
}`}
>
Round {round.roundNumber}
{isCurrent && (
<span className="ml-1 text-xs">(current)</span>
)}
</div>
{/* Matchups */}
<div className="flex flex-col gap-2 mt-2">
{round.bracketMatchups
.sort((a, b) => (a.bracketPosition || 0) - (b.bracketPosition || 0))
.map((matchup) => (
<MatchupCard key={matchup.id} matchup={matchup} isCurrentRound={isCurrent} />
))}
</div>
</div>
)
})}
</div>
</div>
</div>
)
}
function MatchupCard({ matchup, isCurrentRound }: { matchup: BracketMatchup; isCurrentRound: boolean }) {
const team1Name = matchup.player1P1 && matchup.player1P2
? `${matchup.player1P1.name.split(" ").pop()} & ${matchup.player1P2.name.split(" ").pop()}`
: "TBD"
const team2Name = matchup.player2P1 && matchup.player2P2
? `${matchup.player2P1.name.split(" ").pop()} & ${matchup.player2P2.name.split(" ").pop()}`
: "TBD"
const hasResult = matchup.match !== null
const team1Won = hasResult && matchup.match!.team1Score > matchup.match!.team2Score
const team2Won = hasResult && matchup.match!.team2Score > matchup.match!.team1Score
const borderColor = isCurrentRound
? "border-green-400"
: hasResult
? "border-gray-300"
: "border-gray-200"
return (
<div
className={`border rounded-md p-2 text-xs transition-colors ${borderColor} ${
isCurrentRound ? "shadow-sm" : ""
}`}
data-testid="bracket-matchup"
>
{/* Team 1 */}
<div
className={`flex justify-between items-center py-1 px-1 ${
team1Won ? "font-semibold" : ""
}`}
>
<span className={`truncate ${team1Won ? "text-green-700" : "text-gray-700"}`}>
{team1Name}
</span>
{hasResult && (
<span className={`ml-1 font-mono ${team1Won ? "text-green-700" : "text-gray-500"}`}>
{matchup.match!.team1Score}
</span>
)}
</div>
{/* Divider */}
<div className="border-t border-gray-200 my-0.5" />
{/* Team 2 */}
<div
className={`flex justify-between items-center py-1 px-1 ${
team2Won ? "font-semibold" : ""
}`}
>
<span className={`truncate ${team2Won ? "text-green-700" : "text-gray-700"}`}>
{team2Name}
</span>
{hasResult && (
<span className={`ml-1 font-mono ${team2Won ? "text-green-700" : "text-gray-500"}`}>
{matchup.match!.team2Score}
</span>
)}
</div>
{/* Status indicator */}
{!hasResult && matchup.status === "pending" && (
<div className="text-center text-gray-400 text-[10px] mt-1">
pending
</div>
)}
</div>
)
}
+2 -4
View File
@@ -1,7 +1,6 @@
"use client"
import { useState } from "react"
import { useRouter } from "next/navigation"
import type { Player, Match } from "@prisma/client"
interface MatchEditorProps {
@@ -41,7 +40,6 @@ export default function MatchEditor({
prefilledP4,
prefilledRound,
}: MatchEditorProps) {
const router = useRouter()
// Check if players are prefilled from URL params
const hasPrefilledPlayers = prefilledP1 && prefilledP2 && prefilledP3 && prefilledP4;
@@ -172,9 +170,9 @@ export default function MatchEditor({
isCasual: false,
})
// Refresh the page to show updated matches
// Reload the page to show updated matches
setTimeout(() => {
router.refresh()
window.location.reload()
}, 1000)
} catch {
setError("An error occurred. Please try again.")
+87 -140
View File
@@ -4,13 +4,12 @@ import Link from "next/link"
import { useSession } from "./SessionProvider"
import { authClient } from "@/lib/auth-client"
import { useEffect, useState } from "react"
import { useRoleSwitcher } from "./RoleSwitcher"
export default function Navigation() {
const { session, loading } = useSession()
const [userRole, setUserRole] = useState<string | null>(null)
const { viewAsRole, setViewAsRole, effectiveRole } = useRoleSwitcher()
// Fetch user role whenever session changes
useEffect(() => {
const fetchUserRole = async () => {
const userId = (session?.user as { id?: string })?.id
@@ -35,158 +34,106 @@ export default function Navigation() {
}, [session])
const handleLogout = async () => {
setViewAsRole(null)
await authClient.signOut()
window.location.href = '/auth/login'
}
const displayRole = effectiveRole || userRole
const isSiteAdmin = userRole === "site_admin"
const wordmarkHref = session
? (displayRole === "club_admin" || displayRole === "site_admin")
? "/admin"
: "/rankings"
: "/"
const roleLabels: Record<string, string> = {
player: "Player",
tournament_admin: "Tournament Admin",
club_admin: "Club Admin",
site_admin: "Site Admin",
}
return (
<>
{viewAsRole && (
<div className="bg-yellow-50 border-b border-yellow-200 px-4 py-2">
<div className="max-w-7xl mx-auto flex items-center justify-between">
<p className="text-sm text-yellow-800">
<span className="font-medium">Viewing as {roleLabels[viewAsRole]}</span>
{" "}&mdash; you are seeing what a {roleLabels[viewAsRole]?.toLowerCase()} would see.
</p>
<button
onClick={() => setViewAsRole(null)}
className="text-sm font-medium text-yellow-800 hover:text-yellow-900 underline"
data-testid="reset-view-as"
>
Reset to Site Admin
</button>
</div>
</div>
)}
<nav className="bg-white shadow-sm">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="flex justify-between h-16">
<div className="flex items-center min-w-0 overflow-hidden">
<nav className="bg-white shadow-sm">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="flex justify-between h-16">
<div className="flex items-center">
<Link href="/" className="text-xl font-bold text-gray-900">
EuchreCamp
</Link>
<div className="hidden md:ml-6 md:flex md:space-x-8">
<Link
href="/"
className="text-xl font-bold text-gray-900 no-underline flex-shrink-0"
href="/rankings"
className="border-transparent text-gray-500 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium"
>
EuchreCamp
Rankings
</Link>
<div className="hidden md:ml-6 md:flex md:space-x-8 min-w-0 overflow-hidden">
<Link
href="/rankings"
className="border-transparent text-gray-500 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium"
>
Rankings
</Link>
{session && (
<>
<Link
href="/admin/tournaments"
className="border-transparent text-gray-500 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium"
>
Tournaments
</Link>
{(displayRole === "club_admin" || displayRole === "site_admin") && (
<>
<Link
href="/admin"
className="border-transparent text-gray-500 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium"
>
Admin
</Link>
<Link
href="/admin/matches"
className="border-transparent text-gray-500 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium"
>
Matches
</Link>
<Link
href="/admin/players"
className="border-transparent text-gray-500 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium"
>
Players
</Link>
<Link
href="/admin/users"
className="border-transparent text-gray-500 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium"
>
Users
</Link>
<Link
href="/admin/matches/upload"
className="border-transparent text-gray-500 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium"
>
Upload Matches
</Link>
</>
)}
</>
)}
</div>
</div>
<div className="flex items-center min-w-0 overflow-hidden space-x-4">
{isSiteAdmin && (
<select
value={viewAsRole || ""}
onChange={(e) => setViewAsRole(e.target.value ? e.target.value as "player" | "tournament_admin" | "club_admin" : null)}
className="text-sm border border-gray-300 rounded-md px-2 py-1 bg-white text-gray-700 focus:outline-none focus:ring-green-500 focus:border-green-500"
data-testid="role-switcher"
>
<option value="">Viewing as Site Admin</option>
<option value="player">View as Player</option>
<option value="tournament_admin">View as Tournament Admin</option>
<option value="club_admin">View as Club Admin</option>
</select>
)}
{loading ? (
<div className="text-gray-500">Loading...</div>
) : session ? (
<div className="flex items-center space-x-4">
<span className="text-gray-700 text-sm font-medium">
{(session.user as { name?: string; email?: string })?.name ||
(session.user as { name?: string; email?: string })?.email}
</span>
<button
onClick={handleLogout}
className="text-gray-500 hover:text-gray-700 text-sm font-medium"
>
Sign out
</button>
</div>
) : (
<div className="flex items-center space-x-4">
{session && (
<>
<Link
href="/auth/login"
className="text-gray-500 hover:text-gray-700 text-sm font-medium"
href="/admin/tournaments"
className="border-transparent text-gray-500 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium"
>
Sign in
Tournaments
</Link>
<Link
href="/auth/register"
className="bg-green-600 text-white px-3 py-1 rounded-md text-sm font-medium hover:bg-green-700"
>
Sign up
</Link>
</div>
{(userRole === "club_admin" || userRole === "site_admin") && (
<>
<Link
href="/admin"
className="border-transparent text-gray-500 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium"
>
Admin
</Link>
<Link
href="/admin/matches"
className="border-transparent text-gray-500 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium"
>
Matches
</Link>
<Link
href="/admin/players"
className="border-transparent text-gray-500 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium"
>
Players
</Link>
<Link
href="/admin/users"
className="border-transparent text-gray-500 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium"
>
Users
</Link>
<Link
href="/admin/matches/upload"
className="border-transparent text-gray-500 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium"
>
Upload Matches
</Link>
</>
)}
</>
)}
</div>
</div>
<div className="flex items-center">
{loading ? (
<div className="text-gray-500">Loading...</div>
) : session ? (
<div className="flex items-center space-x-4">
<span className="text-gray-700 text-sm font-medium">
{(session.user as { name?: string; email?: string })?.name ||
(session.user as { name?: string; email?: string })?.email}
</span>
<button
onClick={handleLogout}
className="text-gray-500 hover:text-gray-700 text-sm font-medium"
>
Sign out
</button>
</div>
) : (
<div className="flex items-center space-x-4">
<Link
href="/auth/login"
className="text-gray-500 hover:text-gray-700 text-sm font-medium"
>
Sign in
</Link>
<Link
href="/auth/register"
className="bg-green-600 text-white px-3 py-1 rounded-md text-sm font-medium hover:bg-green-700"
>
Sign up
</Link>
</div>
)}
</div>
</div>
</nav>
</>
</div>
</nav>
)
}
+1 -3
View File
@@ -1,10 +1,8 @@
"use client"
import { useState } from "react"
import { useRouter } from "next/navigation"
export function RecalculateEloButton() {
const router = useRouter()
const [isLoading, setIsLoading] = useState(false)
const handleClick = async () => {
@@ -35,7 +33,7 @@ export function RecalculateEloButton() {
if (data.success) {
alert(`Recalculation completed: ${JSON.stringify(data.data)}`)
router.refresh()
window.location.reload()
} else {
alert(`Error: ${data.error}`)
}
-37
View File
@@ -1,37 +0,0 @@
"use client"
import { createContext, useContext, useState, useCallback, ReactNode } from "react"
type ViewAsRole = "player" | "tournament_admin" | "club_admin" | null
interface RoleSwitcherContextType {
viewAsRole: ViewAsRole
setViewAsRole: (role: ViewAsRole) => void
effectiveRole: string | null
}
const RoleSwitcherContext = createContext<RoleSwitcherContextType | undefined>(undefined)
export function RoleSwitcherProvider({ children }: { children: ReactNode }) {
const [viewAsRole, setViewAsRole] = useState<ViewAsRole>(null)
const value = {
viewAsRole,
setViewAsRole: useCallback((role: ViewAsRole) => setViewAsRole(role), []),
effectiveRole: viewAsRole,
}
return (
<RoleSwitcherContext.Provider value={value}>
{children}
</RoleSwitcherContext.Provider>
)
}
export function useRoleSwitcher() {
const context = useContext(RoleSwitcherContext)
if (!context) {
throw new Error("useRoleSwitcher must be used within RoleSwitcherProvider")
}
return context
}
-90
View File
@@ -1,90 +0,0 @@
"use client"
import Link from "next/link"
interface Player {
id: number
name: string
}
interface BracketMatchup {
id: number
player1P1: Player | null
player1P2: Player | null
player2P1: Player | null
player2P2: Player | null
match: { id: number } | null
bracketPosition: number | null
status: string
}
interface TournamentRound {
id: number
roundNumber: number
status: string
bracketMatchups: BracketMatchup[]
}
interface ScheduleDisplayProps {
rounds: TournamentRound[]
tournamentId: number
}
export function ScheduleDisplay({ rounds, tournamentId }: ScheduleDisplayProps) {
return (
<div className="space-y-6">
{rounds.map((round) => (
<div key={round.id} className="bg-white rounded-lg shadow p-4">
<div className="flex items-center justify-between mb-4">
<h3 className="text-lg font-semibold">Round {round.roundNumber}</h3>
<span className={`text-sm px-2 py-1 rounded ${
round.status === 'completed' ? 'bg-green-100 text-green-800' : 'bg-gray-100 text-gray-600'
}`}>
{round.status}
</span>
</div>
<div className="space-y-2">
{round.bracketMatchups.map((matchup) => {
const content = (
<div className="p-3 border border-gray-200 rounded hover:border-green-500 transition-colors">
<div className="flex justify-between items-center">
<div className="flex-1">
<p className="text-sm text-gray-500">
Match {matchup.bracketPosition || matchup.id}
</p>
<p className="font-medium">
{matchup.player1P1?.name || 'TBD'} & {matchup.player1P2?.name || 'TBD'}
</p>
<p className="text-sm text-gray-500">vs</p>
<p className="font-medium">
{matchup.player2P1?.name || 'TBD'} & {matchup.player2P2?.name || 'TBD'}
</p>
</div>
<div className="text-right">
{matchup.match ? (
<span className="text-sm text-green-600">Completed</span>
) : (
<span className="text-sm text-gray-400">Pending</span>
)}
</div>
</div>
</div>
)
return (
<Link
key={matchup.id}
href={`/admin/tournaments/${tournamentId}/entry?matchup=${matchup.id}`}
className="block hover:bg-gray-100 rounded-md transition-colors"
data-testid="matchup"
>
{content}
</Link>
)
})}
</div>
</div>
))}
</div>
)
}
+6 -6
View File
@@ -1,7 +1,6 @@
"use client"
import { useState } from "react"
import { useRouter } from "next/navigation"
interface ScheduleGeneratorProps {
tournamentId: number
@@ -10,7 +9,6 @@ interface ScheduleGeneratorProps {
}
export function ScheduleGenerator({ tournamentId, teamCount, existingRounds }: ScheduleGeneratorProps) {
const router = useRouter()
const [isGenerating, setIsGenerating] = useState(false)
const [error, setError] = useState("")
const [result, setResult] = useState<{
@@ -49,9 +47,11 @@ export function ScheduleGenerator({ tournamentId, teamCount, existingRounds }: S
matchupsCreated: data.matchupsCreated,
})
setIsGenerating(false)
// Re-fetch the schedule data from the server
router.refresh()
// Reload to show the schedule
setTimeout(() => {
window.location.reload()
}, 1500)
} catch {
setError("An error occurred. Please try again.")
setIsGenerating(false)
@@ -86,7 +86,7 @@ export function ScheduleGenerator({ tournamentId, teamCount, existingRounds }: S
return
}
router.refresh()
window.location.reload()
} catch {
setError("An error occurred. Please try again.")
setIsGenerating(false)
-29
View File
@@ -1,29 +0,0 @@
import { prisma } from './prisma'
export type ActivityType =
| 'player_registration'
| 'tournament_created'
| 'match_completed'
| 'partnership_recorded'
export interface ActivityData {
type: ActivityType
description: string
userId?: string
playerId?: number
eventId?: number
matchId?: number
}
export async function logActivity(data: ActivityData) {
return prisma.activity.create({
data: {
type: data.type,
description: data.description,
userId: data.userId,
playerId: data.playerId,
eventId: data.eventId,
matchId: data.matchId,
},
})
}
+27 -18
View File
@@ -3,34 +3,42 @@ import { prismaAdapter } from "better-auth/adapters/prisma";
import { prisma } from "./prisma";
import { testUtils } from "better-auth/plugins";
// Detect database provider from environment
const databaseProvider = process.env.DATABASE_PROVIDER || "sqlite";
export const auth = betterAuth({
database: prismaAdapter(prisma, {
provider: "postgresql",
provider: databaseProvider as "sqlite" | "postgresql",
}),
emailAndPassword: {
enabled: true,
autoSignIn: true,
requireEmailVerification: false,
minPasswordLength: 8,
maxPasswordLength: 128,
autoSignIn: true, // Automatically sign in after registration
requireEmailVerification: false, // Don't require email verification for tests
minPasswordLength: 8, // Set minimum password length
maxPasswordLength: 128, // Set maximum password length
},
secret: process.env.BETTER_AUTH_SECRET || process.env.NEXTAUTH_SECRET,
baseURL: process.env.BETTER_AUTH_URL || process.env.NEXTAUTH_URL || "http://localhost:3000/api/auth",
baseURL: process.env.BETTER_AUTH_URL || process.env.NEXTAUTH_URL || "http://localhost:3000",
// Configure trusted origins - parse from environment or use defaults
trustedOrigins: (() => {
const origins = [];
// Add environment-specified origins
if (process.env.TRUSTED_ORIGINS) {
origins.push(...process.env.TRUSTED_ORIGINS.split(',').map(o => o.trim()));
}
// Add BETTER_AUTH_URL if set
if (process.env.BETTER_AUTH_URL) {
origins.push(process.env.BETTER_AUTH_URL);
}
// Add NEXTAUTH_URL if set
if (process.env.NEXTAUTH_URL) {
origins.push(process.env.NEXTAUTH_URL);
}
// Add defaults
origins.push(
"https://euchre.notsosm.art",
"http://euchre.notsosm.art",
@@ -39,34 +47,35 @@ export const auth = betterAuth({
"http://127.0.0.1:3000",
"http://0.0.0.0:3000"
);
// Remove duplicates and empty strings
return [...new Set(origins.filter(o => o))];
})(),
session: {
cookieCache: {
enabled: false,
enabled: false, // Disable cookie cache to avoid session cache issues
},
},
rateLimit: {
enabled: false,
},
databaseHooks: {
user: {
create: {
async after(user) {
// Generate a unique player name using timestamp and random string
const timestamp = Date.now();
const randomId = Math.random().toString(36).substring(2, 8);
const baseName = user.name || user.email.split('@')[0];
const uniqueName = `${baseName}-${timestamp}-${randomId}`;
// Create a Player record for the new user
const newPlayer = await prisma.player.create({
data: {
name: uniqueName,
normalizedName: uniqueName.toLowerCase(),
},
});
// Update the User with the playerId
await prisma.user.update({
where: { id: user.id },
data: { playerId: newPlayer.id },
@@ -79,4 +88,4 @@ export const auth = betterAuth({
plugins: [
testUtils()
]
});
});
+27 -7
View File
@@ -1,19 +1,39 @@
import { PrismaClient } from '@prisma/client'
import { PrismaPg } from '@prisma/adapter-pg'
// Load .env file if it exists
require('dotenv').config()
const globalForPrisma = globalThis as unknown as {
prisma: PrismaClient | undefined
}
// Detect database provider from environment (default to sqlite for local development)
const databaseProvider = process.env.DATABASE_PROVIDER || 'sqlite'
const databaseUrl = process.env.DATABASE_URL
if (!databaseUrl) {
throw new Error('DATABASE_URL environment variable is required.')
}
// Create PrismaClient with appropriate adapter
const createPrismaClient = () => {
const adapter = new PrismaPg({ connectionString: databaseUrl })
return new PrismaClient({ adapter })
let client: PrismaClient
if (databaseProvider === 'postgresql') {
// Validate DATABASE_URL is present for PostgreSQL
if (!databaseUrl) {
throw new Error(
'DATABASE_URL environment variable is required when DATABASE_PROVIDER is set to postgresql. ' +
'Current DATABASE_PROVIDER: ' + databaseProvider
)
}
// Use PrismaPg adapter for PostgreSQL
const { PrismaPg } = require('@prisma/adapter-pg')
const adapter = new PrismaPg({ connectionString: databaseUrl })
client = new PrismaClient({ adapter })
} else {
// No adapter needed for SQLite
client = new PrismaClient()
}
return client
}
export const prisma = globalForPrisma.prisma ?? createPrismaClient()