+ );
}
diff --git a/package-lock.json b/package-lock.json
index debef18..5760de5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
{
"name": "hoerdle",
- "version": "0.1.6.11",
+ "version": "0.1.6.26",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "hoerdle",
- "version": "0.1.6.11",
+ "version": "0.1.6.26",
"dependencies": {
"@prisma/client": "^6.19.0",
"bcryptjs": "^3.0.3",
@@ -21,6 +21,7 @@
"unist-util-visit-parents": "^6.0.2"
},
"devDependencies": {
+ "@playwright/test": "^1.57.0",
"@types/bcryptjs": "^2.4.6",
"@types/node": "^20",
"@types/react": "^19",
@@ -1292,6 +1293,22 @@
"node": ">=12.4.0"
}
},
+ "node_modules/@playwright/test": {
+ "version": "1.57.0",
+ "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.57.0.tgz",
+ "integrity": "sha512-6TyEnHgd6SArQO8UO2OMTxshln3QMWBtPGrOCgs3wVEmQmwyuNtB10IZMfmYDE0riwNR1cu4q+pPcxMVtaG3TA==",
+ "devOptional": true,
+ "license": "Apache-2.0",
+ "dependencies": {
+ "playwright": "1.57.0"
+ },
+ "bin": {
+ "playwright": "cli.js"
+ },
+ "engines": {
+ "node": ">=18"
+ }
+ },
"node_modules/@prisma/client": {
"version": "6.19.0",
"resolved": "https://registry.npmjs.org/@prisma/client/-/client-6.19.0.tgz",
@@ -4040,6 +4057,21 @@
"url": "https://github.com/sponsors/ljharb"
}
},
+ "node_modules/fsevents": {
+ "version": "2.3.2",
+ "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+ "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+ "dev": true,
+ "hasInstallScript": true,
+ "license": "MIT",
+ "optional": true,
+ "os": [
+ "darwin"
+ ],
+ "engines": {
+ "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+ }
+ },
"node_modules/function-bind": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
@@ -6417,6 +6449,38 @@
"pathe": "^2.0.3"
}
},
+ "node_modules/playwright": {
+ "version": "1.57.0",
+ "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.57.0.tgz",
+ "integrity": "sha512-ilYQj1s8sr2ppEJ2YVadYBN0Mb3mdo9J0wQ+UuDhzYqURwSoW4n1Xs5vs7ORwgDGmyEh33tRMeS8KhdkMoLXQw==",
+ "devOptional": true,
+ "license": "Apache-2.0",
+ "dependencies": {
+ "playwright-core": "1.57.0"
+ },
+ "bin": {
+ "playwright": "cli.js"
+ },
+ "engines": {
+ "node": ">=18"
+ },
+ "optionalDependencies": {
+ "fsevents": "2.3.2"
+ }
+ },
+ "node_modules/playwright-core": {
+ "version": "1.57.0",
+ "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.57.0.tgz",
+ "integrity": "sha512-agTcKlMw/mjBWOnD6kFZttAAGHgi/Nw0CZ2o6JqWSbMlI219lAFLZZCyqByTsvVAJq5XA5H8cA6PrvBRpBWEuQ==",
+ "devOptional": true,
+ "license": "Apache-2.0",
+ "bin": {
+ "playwright-core": "cli.js"
+ },
+ "engines": {
+ "node": ">=18"
+ }
+ },
"node_modules/po-parser": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/po-parser/-/po-parser-1.0.2.tgz",
diff --git a/package.json b/package.json
index 84a9fd7..2c24a47 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,9 @@
"dev": "next dev",
"build": "next build",
"start": "prisma migrate deploy && next start",
- "lint": "eslint"
+ "lint": "eslint",
+ "test:e2e": "playwright test",
+ "test:e2e:ui": "playwright test --ui"
},
"dependencies": {
"@prisma/client": "^6.19.0",
@@ -22,6 +24,7 @@
"unist-util-visit-parents": "^6.0.2"
},
"devDependencies": {
+ "@playwright/test": "^1.57.0",
"@types/bcryptjs": "^2.4.6",
"@types/node": "^20",
"@types/react": "^19",
diff --git a/playwright.config.ts b/playwright.config.ts
new file mode 100644
index 0000000..b2a32cf
--- /dev/null
+++ b/playwright.config.ts
@@ -0,0 +1,42 @@
+import { defineConfig, devices } from '@playwright/test';
+import path from 'path';
+
+const PORT = 3000;
+const baseURL = `http://localhost:${PORT}`;
+
+export default defineConfig({
+ testDir: './tests',
+ fullyParallel: true,
+ forbidOnly: !!process.env.CI,
+ /* Maximum time one test can run for. */
+ timeout: 60 * 1000,
+ expect: {
+ timeout: 20000
+ },
+ retries: process.env.CI ? 2 : 0,
+ workers: process.env.CI ? 1 : undefined,
+ reporter: 'html',
+ use: {
+ baseURL,
+ trace: 'on-first-retry',
+ },
+ projects: [
+ {
+ name: 'chromium',
+ use: { ...devices['Desktop Chrome'] },
+ },
+ {
+ name: 'firefox',
+ use: { ...devices['Desktop Firefox'] },
+ },
+ {
+ name: 'webkit',
+ use: { ...devices['Desktop Safari'] },
+ },
+ ],
+ webServer: {
+ command: 'npm run dev',
+ url: baseURL,
+ reuseExistingServer: !process.env.CI,
+ },
+});
diff --git a/tests/admin.spec.ts b/tests/admin.spec.ts
new file mode 100644
index 0000000..30a0a18
--- /dev/null
+++ b/tests/admin.spec.ts
@@ -0,0 +1,26 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Admin Dashboard', () => {
+ // Use a beforeEach hook to log in before each test
+ test.beforeEach(async ({ page }) => {
+ await page.goto('/en/admin');
+
+ // Check if login is needed
+ const passwordInput = page.getByPlaceholder('Password');
+ if (await passwordInput.isVisible()) {
+ await passwordInput.fill('admin123'); // Default dev password
+ await page.getByRole('button', { name: 'Login' }).click({ force: true });
+ }
+ });
+
+ test('Can access Admin Dashboard', async ({ page }) => {
+ // Song Library was moved, check for Dashboard title and other sections
+ await expect(page.getByRole('heading', { name: 'Hördle Admin Dashboard' })).toBeVisible();
+ await expect(page.getByText('Manage Specials')).toBeVisible();
+ });
+
+ test('Shows Daily Puzzles section', async ({ page }) => {
+ // "Today's Daily Puzzles" is the text in en.json
+ await expect(page.getByText("Today's Daily Puzzles")).toBeVisible();
+ });
+});
diff --git a/tests/auth.spec.ts b/tests/auth.spec.ts
new file mode 100644
index 0000000..2dc792a
--- /dev/null
+++ b/tests/auth.spec.ts
@@ -0,0 +1,31 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Authentication', () => {
+ test('Public pages should be accessible without login', async ({ page }) => {
+ await page.goto('/');
+ await expect(page).toHaveTitle(/Hördle/);
+ await expect(page.getByRole('button', { name: 'Start' })).toBeVisible();
+ });
+
+ test('Admin page should be protected', async ({ page }) => {
+ await page.goto('/en/admin');
+ // We expect to see the Login form, NOT the dashboard content
+ await expect(page.getByPlaceholder('Password')).toBeVisible();
+ await expect(page.getByText('Manage Specials')).not.toBeVisible();
+ });
+
+ test('Admin login flow', async ({ page }) => {
+ // Navigate to admin login
+ await page.goto('/en/admin');
+
+ const passwordInput = page.getByPlaceholder('Password');
+
+ if (await passwordInput.isVisible()) {
+ await passwordInput.fill('admin123');
+ await page.getByRole('button', { name: 'Login' }).click({ force: true });
+
+ // Should now be on admin page
+ await expect(page.getByRole('heading', { name: 'Hördle Admin Dashboard' })).toBeVisible();
+ }
+ });
+});
diff --git a/tests/curator.spec.ts b/tests/curator.spec.ts
new file mode 100644
index 0000000..726a234
--- /dev/null
+++ b/tests/curator.spec.ts
@@ -0,0 +1,23 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Curator Dashboard', () => {
+ test('Curator login form should be displayed', async ({ page }) => {
+ await page.goto('/en/curator');
+ // Check for login form elements
+ await expect(page.getByPlaceholder('Username')).toBeVisible();
+ await expect(page.getByPlaceholder('Password')).toBeVisible();
+ await expect(page.getByRole('button', { name: 'Log in' })).toBeVisible();
+ });
+
+ // Valid login cannot be tested without seed data in this environment
+ test('Curator login attempt (invalid credentials)', async ({ page }) => {
+ await page.goto('/en/curator');
+
+ await page.getByPlaceholder('Username').fill('invalid_user');
+ await page.getByPlaceholder('Password').fill('invalid_pass');
+ await page.getByRole('button', { name: 'Log in' }).click({ force: true });
+
+ // Should show error message
+ await expect(page.getByText('Login failed')).toBeVisible();
+ });
+});
diff --git a/tests/gameplay.spec.ts b/tests/gameplay.spec.ts
new file mode 100644
index 0000000..8a4a109
--- /dev/null
+++ b/tests/gameplay.spec.ts
@@ -0,0 +1,31 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Gameplay', () => {
+ test.beforeEach(async ({ page }) => {
+ await page.goto('/');
+ });
+
+ test('Game loads correctly', async ({ page }) => {
+ await expect(page.locator('h1')).toBeVisible(); // Logo or main header
+ await expect(page.getByRole('button', { name: 'Start' })).toBeVisible();
+ });
+
+ test('Can play audio', async ({ page }) => {
+ const startButton = page.getByRole('button', { name: 'Start' });
+ await startButton.click({ force: true });
+
+ // In CI/Headless, audio might not play, so button might not change to "Skip".
+ // We check that the button is still there and interactive, or changed.
+ await expect(page.getByRole('button', { name: /Start|Skip/ })).toBeVisible();
+ });
+
+ test('Can submit a guess', async ({ page }) => {
+ const input = page.getByPlaceholder(/guess/i);
+ await expect(input).toBeVisible();
+ await input.fill('Test Song');
+ await page.keyboard.press('Enter');
+
+ // Expect input to be cleared after submission
+ await expect(input).toHaveValue('');
+ });
+});