36 lines
1.4 KiB
TypeScript
36 lines
1.4 KiB
TypeScript
|
import { expect, test } from '@playwright/test';
|
||
|
|
|
||
|
|
/** First E2E test in this repo. If this fails, nothing else in the suite matters. */
|
||
|
|
test.describe('smoke', () => {
|
||
|
|
test('storefront boots with no console errors', async ({ page }) => {
|
||
|
|
const errors: string[] = [];
|
||
|
|
// pageerror catches uncaught exceptions - always a real bug, always kept.
|
||
|
|
page.on('pageerror', err => errors.push(err.message));
|
||
|
|
page.on('console', msg => {
|
||
|
|
if (msg.type() !== 'error') {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
// "Failed to load resource" is Chrome's own message for a failed
|
||
|
|
// network request (404/502/etc), not application code. With
|
||
|
|
// environment.useMockData: false and no live backend behind this dev
|
||
|
|
// server (docs/backend/BACKEND-HANDOFF.md), every /api/ call 404s by
|
||
|
|
// design - that is a backend-availability fact, not something this
|
||
|
|
// smoke test exists to catch. A real app-level console.error still
|
||
|
|
// fails this test.
|
||
|
|
if (/^Failed to load resource/.test(msg.text())) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
errors.push(msg.text());
|
||
|
|
});
|
||
|
|
|
||
|
|
await page.goto('/');
|
||
|
|
await expect(page.locator('body')).toBeVisible();
|
||
|
|
|
||
|
|
// Give the bootstrap fetch + first render cycle time to settle before
|
||
|
|
// asserting on the error list, or this is a race against app.config.ts.
|
||
|
|
await page.waitForLoadState('networkidle');
|
||
|
|
|
||
|
|
expect(errors, `console errors on first paint: ${errors.join('\n')}`).toEqual([]);
|
||
|
|
});
|
||
|
|
});
|