Commiting Template MMORPG Code

Author: ClaytonWas

README.md

@@ -43,21 +43,22 @@ A real-time multiplayer dungeon crawler with **Vampire Survivors-style combat**,
 
 ### Services Overview
 
+
 ```
 ┌───────────────────────────────────────────────────────────────────┐
-│                        Docker Compose                              │
-├─────────────┬─────────────┬─────────────┬────────────────────────┤
-│ Profile     │ Profile     │ Game Server │ Game Client            │
-│ Client      │ API         │             │ (React/Three.js)       │
-│ (React)     │ (Express)   │ (Socket.IO) │                        │
-│             │             │             │                        │
-│ Port: 3000  │ Port: 3001  │ Port: 3030  │ Port: 5173            │
-│ ─────────   │ ─────────   │ ─────────   │ ─────────             │
-│ • Login UI  │ • Auth API  │ • Gameplay  │ • Three.js Rendering  │
-│ • Register  │ • Sessions  │ • Combat    │ • Game UI/Tabs        │
-│ • Dashboard │ • SQLite    │ • Parties   │ • Socket.IO Client    │
-│ • Routing   │ • Play Ticket Auth│ • Chat      │ • Camera Controls     │
-└─────────────┴─────────────┴─────────────┴────────────────────────┘
+│                        Docker Compose                             │
+├─────────────┬─────────────┬─────────────┬─────────────────────────┤
+│ Profile     │ Profile     │ Game Server │ Game Client             │
+│ Client      │ API         │             │ (React/Three.js)        │
+│ (React)     │ (Express)   │ (Socket.IO) │                         │
+│             │             │             │                         │
+│ Port: 3000  │ Port: 3001  │ Port: 3030  │ Port: 5173              │
+│ ─────────   │ ─────────   │ ─────────   │ ─────────               │
+│ • Login UI  │ • Auth API  │ • Gameplay  │ • Three.js Rendering    │
+│ • Register  │ • Sessions  │ • Combat    │ • Game UI/Tabs          │
+│ • Dashboard │ • SQLite    │ • Parties   │ • Socket.IO Client      │
+│ • Routing   │ • Play Ticket Auth│ • Chat│ • Camera Controls       │
+└─────────────┴─────────────┴─────────────┴─────────────────────────┘
 ```
 
 ### Directory Structure

__tests__/playwright.test.js

@@ -1,7 +1,50 @@
 const { test, expect } = require('@playwright/test');
 
-test('hello world test', async ({ page }) => {
-    await page.goto('http://localhost:3000'); // Adjust the URL as needed
-    const title = await page.title();
-    expect(title).toBe('Expected Title'); // Replace with the expected title of your application
-});
+// Simple smoke test to ensure the profile/login app is up
+test('profile login page loads', async ({ page }) => {
+  await page.goto('http://localhost:3000/login');
+  await expect(page).toHaveTitle(/Dungeon Crawler - Login/i);
+});
+
+// Happy path: register -> login -> go to game client -> create party -> see Start Dungeon enabled
+test('can register, login, open game, and create a party', async ({ page }) => {
+  const unique = Date.now();
+  const username = `testuser_${unique}`;
+  const password = 'TestPass123!';
+
+  // Go to register page
+  await page.goto('http://localhost:3000/register');
+
+  // Fill and submit registration form
+  await page.getByLabel(/Username/i).fill(username);
+  await page.getByLabel(/Password/i).fill(password);
+  await page.getByLabel(/Confirm Password/i).fill(password);
+  await page.getByRole('button', { name: /Register/i }).click();
+
+  // After successful register, we should land on /home
+  await page.waitForURL('**/home');
+
+  // From home, open the game client via the "⚔️ Enter Game" button
+  const playButton = await page.getByRole('button', { name: /Enter Game/i });
+  await playButton.click();
+
+  // New tab/window with game client at 5173
+  const [gamePage] = await Promise.all([
+    page.context().waitForEvent('page'),
+  ]);
+
+  await gamePage.waitForLoadState('domcontentloaded');
+
+  // Ensure we are on game client
+  await expect(gamePage).toHaveTitle(/Dungeon Crawler/i);
+
+  // Open Social tab
+  await gamePage.getByRole('button', { name: 'Social' }).click();
+
+  // Click "Create Party"
+  await gamePage.getByRole('button', { name: /Create Party/i }).click();
+
+  // Wait for Start Dungeon button to appear and be enabled
+  const startButton = await gamePage.getByRole('button', { name: /Start Dungeon/i });
+  await expect(startButton).toBeEnabled();
+});