MichilisandClaude Opus 5
e4eb1617d1
GSAP carries the counter roll-ups, the bandeja card physics, the dialog transitions and the three success moments FLOWS.md allows. Every one of them checks prefers-reduced-motion first and does nothing when it is set. boneyard and canvas-ui are not what SPEC.md's stack table says they are: on npm the names belong to two abandoned projects that do neither job. The skeletons were already ours; the two canvas spots are now sixty lines each with no dependency. DECISIONS.md records the substitution. The app installs, keeps a scan taken with no network in IndexedDB and sends it when there is one, falls back to a page that explains itself, and can push a deadline notice. Reading the log of what is queued is the source of truth, so the notice clears when the capture actually lands. The CSP now allows scripts by per-request nonce rather than by 'unsafe-inline'. That forced /offline to render per request: a prerendered page carries a build-time nonce no live policy matches, so its scripts were blocked and it never hydrated. Two crashes fixed on the way. web-push throws on a VAPID subject that is not https: or mailto:, and the code handed it APP_PUBLIC_URL, so any machine with push keys died at boot; a misconfigured optional channel now switches itself off and says why. And a subscription the push service answers 410 for is deleted rather than retried forever. Lighthouse on the production build: accessibility 100, best practices 96, SEO 100, performance 73. The performance number is not trustworthy on this machine and DECISIONS.md says why; total blocking time did fall from 17.6s to 1.7s once the hero canvas stopped drawing at full resolution every frame and the landing page stopped importing GSAP. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
54 lines
2.1 KiB
TypeScript
54 lines
2.1 KiB
TypeScript
import { fileURLToPath } from 'node:url';
|
|
import { es } from '@impuestos/i18n';
|
|
import { expect, test, type Page } from '@playwright/test';
|
|
|
|
/**
|
|
* SPEC.md section 13: a scan taken with no network is queued and syncs when there is one.
|
|
*
|
|
* Serial and desktop only, like the other ingestion paths: it adds a document to the shared
|
|
* demo account.
|
|
*/
|
|
test.describe.configure({ mode: 'serial' });
|
|
|
|
const fixture = (name: string) =>
|
|
fileURLToPath(new URL(`../fixtures/${name}.png`, import.meta.url));
|
|
|
|
async function signIn(page: Page): Promise<void> {
|
|
await page.goto('/es/login');
|
|
await page.getByLabel(es['auth.register.email']).fill('maria@demo.local');
|
|
await page.getByLabel(es['auth.login.password']).fill('demo-maria-1');
|
|
await page.getByRole('button', { name: es['auth.login.submit'] }).click();
|
|
await expect(page).not.toHaveURL(/\/login$/, { timeout: 20_000 });
|
|
}
|
|
|
|
test.describe('offline capture', () => {
|
|
test.beforeEach(() => {
|
|
test.skip(test.info().project.name !== 'desktop', 'adds a document to shared seed data');
|
|
});
|
|
|
|
test('queues a scan with no network and sends it when there is one', async ({ page, context }) => {
|
|
await signIn(page);
|
|
await page.goto('/es/escanear');
|
|
// The scanner has to be up before the network goes: it is a client screen either way,
|
|
// but waiting on it avoids racing the first paint.
|
|
await expect(page.locator('input[type="file"]')).toBeAttached();
|
|
|
|
await context.setOffline(true);
|
|
await page.locator('input[type="file"]').setInputFiles(fixture('factura-qr-farmacia'));
|
|
|
|
// Nothing is lost and the reader is told so, on the screen and in the shell.
|
|
await expect(page.getByText(es['offline.queued']).first()).toBeVisible({ timeout: 20_000 });
|
|
|
|
await context.setOffline(false);
|
|
|
|
// The chip clears itself once the capture has gone.
|
|
await expect(page.getByText(es['offline.queued'])).toHaveCount(0, { timeout: 30_000 });
|
|
|
|
// And the document is really there, whether this run was the first to scan it or not.
|
|
await page.goto('/es/comprobantes');
|
|
await expect(page.getByText('FARMACIA', { exact: false }).first()).toBeVisible({
|
|
timeout: 20_000,
|
|
});
|
|
});
|
|
});
|