64 lines
2.8 KiB
JavaScript
64 lines
2.8 KiB
JavaScript
// @ts-check
|
|
const { test, expect } = require('@playwright/test');
|
|
|
|
// Console/page errors that are environmental (offline backends, missing engines) and
|
|
// must NOT fail the smoke test. Real JS exceptions (ReferenceError, etc.) still fail.
|
|
const IGNORE = [/Failed to load resource/i, /favicon/i, /net::ERR/i, /AbortError/i];
|
|
|
|
function watchForErrors(page) {
|
|
const errors = [];
|
|
page.on('pageerror', (e) => errors.push(String(e)));
|
|
page.on('console', (m) => { if (m.type() === 'error' && !IGNORE.some(r => r.test(m.text()))) errors.push(m.text()); });
|
|
return errors;
|
|
}
|
|
|
|
test('app shell loads without JS errors', async ({ page }) => {
|
|
const errors = watchForErrors(page);
|
|
await page.goto('/', { waitUntil: 'domcontentloaded' });
|
|
await expect(page.locator('#sidebar')).toBeVisible();
|
|
await expect(page.locator('.nav-item').first()).toBeVisible();
|
|
// Let dynamic sections + module scripts settle
|
|
await page.waitForTimeout(1500);
|
|
const real = errors.filter(e => /ReferenceError|TypeError|SyntaxError|is not defined|is not a function/.test(e));
|
|
expect(real, real.join('\n')).toHaveLength(0);
|
|
});
|
|
|
|
// Navigate via the app's global router (sidebar is hidden behind a menu on mobile,
|
|
// so clicking sidebar pixels is unreliable across viewports).
|
|
async function navTo(page, section) {
|
|
await page.waitForFunction(() => typeof window.navTo === 'function', null, { timeout: 15_000 });
|
|
await page.evaluate((s) => window.navTo(s), section);
|
|
}
|
|
|
|
test('core sections render', async ({ page }) => {
|
|
await page.goto('/', { waitUntil: 'domcontentloaded' });
|
|
const sections = [
|
|
['s-clone', /Clone a Voice/i],
|
|
['s-studio', /Get Voices Online/i],
|
|
['s-rehearser', /Script Rehearser/i],
|
|
];
|
|
for (const [nav, heading] of sections) {
|
|
await navTo(page, nav);
|
|
await expect(page.getByText(heading).first()).toBeVisible({ timeout: 10_000 });
|
|
}
|
|
});
|
|
|
|
test('clone tabs switch and show one panel at a time', async ({ page }) => {
|
|
await page.goto('/', { waitUntil: 'domcontentloaded' });
|
|
await navTo(page, 's-clone');
|
|
await expect(page.locator('.clone-src-tab[data-src="url"]')).toBeVisible({ timeout: 10_000 });
|
|
// The app uses a fixed bottom status bar; dispatching the real DOM click
|
|
// avoids a viewport-dependent overlap while still exercising the handler.
|
|
await page.locator('.clone-src-tab[data-src="url"]').evaluate((el) => el.click());
|
|
await expect(page.locator('#clone-src-url')).toBeVisible();
|
|
await expect(page.locator('#clone-src-mic')).toBeHidden();
|
|
});
|
|
|
|
test('PWA manifest and service worker are served', async ({ page, request }) => {
|
|
await page.goto('/', { waitUntil: 'domcontentloaded' });
|
|
const mani = await request.get('/manifest.webmanifest');
|
|
expect(mani.ok()).toBeTruthy();
|
|
const sw = await request.get('/sw.js');
|
|
expect(sw.ok()).toBeTruthy();
|
|
});
|