Ilia Denisov
453ddc5e94
- plain Svelte 5 + TS + Vite (no SvelteKit); CSS-token design system (Telegram-ready), hash router, IndexedDB session - pure libs: domain model, premium/value maps ported from solver, board replay, placement state machine, i18n en/ru - in-memory mock transport + seed data; pnpm start runs lobby->active game->board with no backend - board: pointer-drag + tap placement, MakeMove (popup / 1s-hold commit), two-state zoom, blank chooser, exchange, hint, word-check, chat - Playwright smoke (mock) green; svelte-check clean; mock bundle ~37 KB gzip
30 lines
1.3 KiB
TypeScript
30 lines
1.3 KiB
TypeScript
import { expect, test } from '@playwright/test';
|
|
|
|
// The playable-slice smoke against the mock transport: guest login -> lobby shows the
|
|
// seeded active game -> open it -> the board renders committed tiles -> place a rack
|
|
// tile (tap) and see the score preview.
|
|
test('guest reaches a board and previews a placement', async ({ page }) => {
|
|
await page.goto('/');
|
|
|
|
await page.getByRole('button', { name: /guest/i }).click();
|
|
|
|
await expect(page.getByText('Active games')).toBeVisible();
|
|
const activeRow = page.getByRole('button', { name: /Ann/ });
|
|
await expect(activeRow).toBeVisible();
|
|
await activeRow.click();
|
|
|
|
// Board renders, including a committed tile from the seeded HELLO play.
|
|
await expect(page.locator('[data-cell]').first()).toBeVisible();
|
|
await expect(page.locator('[data-cell] .letter', { hasText: 'H' }).first()).toBeVisible();
|
|
|
|
// Tap a rack tile, then an empty board cell -> a pending tile + score preview.
|
|
const rackTile = page.locator('.rack .tile').first();
|
|
await rackTile.click();
|
|
await page.locator('[data-cell]:not(.filled)').nth(30).click();
|
|
await expect(page.locator('[data-cell].pending')).toHaveCount(1);
|
|
await expect(page.locator('.preview')).toContainText(/\d/);
|
|
|
|
// The contextual MakeMove control appears once a tile is pending.
|
|
await expect(page.getByRole('button', { name: /make move/i })).toBeVisible();
|
|
});
|