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:
@@ -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();
|
||||
});
|
||||
Reference in New Issue
Block a user