test: SIZE option for screenshots and form alignment; scale filter rows (T9)
Query filter rows kept a fixed 40px height, so in Compact their labels sat 3px below the operator select. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
+8
-1
@@ -1,12 +1,15 @@
|
||||
// Captures the page checklist in light/dark × desktop/mobile into ../screenshots/.
|
||||
// Usage: node screenshots.mjs [filter] e.g. `node screenshots.mjs issue` for pages whose name contains "issue".
|
||||
// SIZE=compact|large node screenshots.mjs (in that size mode, files end in -compact/-large; needs the plugin)
|
||||
// Needs the dev server with seed data (see README).
|
||||
import { chromium } from 'playwright';
|
||||
import { mkdir } from 'node:fs/promises';
|
||||
import { setSize } from './size.mjs';
|
||||
|
||||
const BASE = process.env.REDMINE_URL ?? 'http://127.0.0.1:3070';
|
||||
const OUT = new URL('../screenshots/', import.meta.url).pathname;
|
||||
const filter = process.argv[2] ?? '';
|
||||
const SIZE = process.env.SIZE;
|
||||
|
||||
const pages = [
|
||||
['my-page', '/my/page'],
|
||||
@@ -111,9 +114,11 @@ for (const scheme of ['light', 'dark']) {
|
||||
for (const [vpName, vp] of Object.entries(viewports)) {
|
||||
const { width, height, ...rest } = vp;
|
||||
const context = await browser.newContext({ viewport: { width, height }, colorScheme: scheme, ...rest });
|
||||
// Logged out, the size comes from localStorage; logged in, from the account (set below)
|
||||
if (SIZE) await context.addInitScript((size) => localStorage.setItem('tonalmine', JSON.stringify({ size })), SIZE);
|
||||
const page = await context.newPage();
|
||||
const shot = (name, fullPage = true) =>
|
||||
page.screenshot({ path: `${OUT}${name}-${scheme}-${vpName}.png`, fullPage });
|
||||
page.screenshot({ path: `${OUT}${name}-${scheme}-${vpName}${SIZE ? `-${SIZE}` : ''}.png`, fullPage });
|
||||
|
||||
for (const [name, path] of publicPages.filter(([n]) => n.includes(filter))) {
|
||||
await page.goto(`${BASE}${path}`, { waitUntil: 'networkidle' });
|
||||
@@ -124,6 +129,7 @@ for (const scheme of ['light', 'dark']) {
|
||||
await page.fill('#password', 'admin');
|
||||
await page.click('#login-submit');
|
||||
await page.waitForURL((url) => !url.pathname.startsWith('/login'));
|
||||
if (SIZE) await setSize(page, SIZE);
|
||||
|
||||
for (const [name, path] of pages.filter(([n]) => n.includes(filter))) {
|
||||
await page.goto(`${BASE}${path}`, { waitUntil: 'networkidle' });
|
||||
@@ -135,6 +141,7 @@ for (const scheme of ['light', 'dark']) {
|
||||
await act(page);
|
||||
await shot(name, !opts.viewportOnly);
|
||||
}
|
||||
if (SIZE) await setSize(page);
|
||||
await context.close();
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user