Phase 8: player view (local/projector) + sync seam

- Player View (/play): read-only projector screen — party HP bars + conditions,
  active-encounter initiative with current turn; enemy HP hidden behind a
  Healthy/Bloodied/Down status band; Fullscreen button
- SyncAdapter seam (src/lib/sync): local-first default via Dexie liveQuery;
  documents where a future networked (WebSocket/CRDT) backend plugs in
- Dashboard + routes get a Player View entry
- Robustness: encountersRepo.mutate() does transactional read-modify-write so
  rapid combat mutations can't overwrite each other (old C19 race); tracker uses it

New player-view e2e. Networked multiplayer backend intentionally deferred.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-06-08 02:07:27 +02:00
parent 1632018ce9
commit 744e91f703
8 changed files with 212 additions and 2 deletions
+42
View File
@@ -0,0 +1,42 @@
import { test, expect } from '@playwright/test';
test.beforeEach(async ({ page }) => {
await page.goto('/');
await page.evaluate(async () => {
indexedDB.deleteDatabase('ttrpg-manager');
localStorage.clear();
});
await page.reload();
});
test('player view shows the party and hides enemy HP numbers', async ({ page }) => {
await page.getByRole('button', { name: '+ New campaign' }).first().click();
await page.locator('input[data-autofocus]').fill('Show');
await page.getByRole('button', { name: 'Create' }).click();
// A player character
await page.getByRole('link', { name: 'Characters' }).click();
await page.getByRole('button', { name: '+ New character' }).first().click();
await page.locator('input[data-autofocus]').fill('Hero');
await page.getByRole('button', { name: 'Create' }).click();
// An active encounter with the hero + a monster
await page.getByRole('link', { name: 'Combat' }).click();
await page.getByRole('button', { name: '+ New encounter' }).first().click();
await page.locator('input[data-autofocus]').fill('Skirmish');
await page.getByRole('button', { name: 'Create' }).click();
await page.getByLabel('Name').fill('Bandit');
await page.getByRole('button', { name: 'Add', exact: true }).click();
const addChar = page.locator('select').filter({ has: page.locator('option', { hasText: 'Choose…' }) });
await addChar.selectOption({ label: 'Hero (Lv 1)' });
await page.getByRole('button', { name: 'Start combat' }).click();
// Player view
await page.getByRole('link', { name: 'Dashboard' }).click();
await page.getByRole('link', { name: 'Player View' }).click();
await expect(page.getByRole('heading', { name: 'Show' })).toBeVisible();
await expect(page.getByText('Hero').first()).toBeVisible();
// Enemy shows a status word, not exact HP
await expect(page.getByText('Bandit')).toBeVisible();
await expect(page.getByText(/Healthy|Bloodied|Down/)).toBeVisible();
});