Ilia Denisov
5287794a72
CI / changes (pull_request) Successful in 2s
CI / unit (pull_request) Successful in 9s
CI / integration (pull_request) Successful in 12s
CI / ui (pull_request) Successful in 47s
CI / gate (pull_request) Successful in 0s
CI / deploy (pull_request) Successful in 1m8s
- style the About feedback button and the form's Send/attach/remove buttons with
the accent/border tokens used by the New Game CTA, so they follow light/dark
theme (the previous .btn/.ghost classes were not defined globally); the attach
button is a neutral 📎 icon button with an aria-label
- show a round badge on the About 'Feedback' button when a reply is waiting
- admin: one 'ban from feedback' checkbox shared by Delete and Delete-all (via
button formaction); hide Mark read when already read and Archive when archived
- e2e: match the About button by substring (its name gains the badge)
48 lines
2.1 KiB
TypeScript
48 lines
2.1 KiB
TypeScript
import { expect, test, type Page } from './fixtures';
|
|
|
|
// User feedback against the mock transport (no backend). The mock profile is a
|
|
// durable (non-guest) account, so the Settings → Info "Feedback" entry is shown.
|
|
|
|
async function loginLobby(page: Page): Promise<void> {
|
|
await page.goto('/');
|
|
await page.getByRole('button', { name: /guest/i }).click();
|
|
await expect(page.getByText('Your turn')).toBeVisible();
|
|
}
|
|
|
|
// openFeedback navigates lobby ⚙️ → Info tab → the Feedback screen.
|
|
async function openFeedback(page: Page): Promise<void> {
|
|
await page.getByRole('button', { name: /Settings/ }).click();
|
|
await expect(page.locator('.pane')).toHaveCount(1);
|
|
await page.getByRole('button', { name: 'Info', exact: true }).click();
|
|
// The About "Feedback" button: its accessible name gains the "1" badge once a reply
|
|
// is waiting, so match by substring rather than exact.
|
|
await page.getByRole('button', { name: /Feedback/ }).click();
|
|
}
|
|
|
|
test('feedback: submit a message, then resend is blocked', async ({ page }) => {
|
|
await loginLobby(page);
|
|
await openFeedback(page);
|
|
|
|
await expect(page.getByPlaceholder(/Describe the problem/)).toBeVisible();
|
|
await page.locator('textarea').fill('The board does not render on my phone.');
|
|
await page.getByRole('button', { name: 'Send', exact: true }).click();
|
|
|
|
await expect(page.getByText('Your message has been sent.')).toBeVisible();
|
|
await expect(page.getByRole('button', { name: 'Send', exact: true })).toBeDisabled();
|
|
});
|
|
|
|
test('feedback: an operator reply raises the badge and shows on the screen', async ({ page }) => {
|
|
await loginLobby(page);
|
|
|
|
// Simulate the operator answering: clears any pending message, sets the reply and
|
|
// pushes the admin_reply live event.
|
|
await page.evaluate(() => (window as unknown as { __mock: { adminReply(): void } }).__mock.adminReply());
|
|
|
|
// The lobby ⚙️ badge folds the awaiting reply into its count.
|
|
await expect(page.getByRole('button', { name: /Settings/ }).locator('.badge')).toBeVisible();
|
|
|
|
await openFeedback(page);
|
|
await expect(page.getByText('Reply to your last message')).toBeVisible();
|
|
await expect(page.getByText(/looking into it/)).toBeVisible();
|
|
});
|