mirror of
https://github.com/Matysh/houseplan-card
synced 2026-09-29 03:09:36 +00:00
Прежде эталон принимался только из артефакта CI: растеризация шрифтов на другой машине может отличаться, а доказать обратное было нечем. Цена — два полных прогона на каждый визуальный фикс, при версии матрицы 48 она платится часто. Доказательство теперь эмпирическое: среда равна раннеру, если каждая сцена, которую менять не собирались, совпала со своим эталоном. Расхождение растеризации спрятать нельзя — оно задевает все сцены с текстом. Ревьюер объявляет намерение через --expect-change, всё разошедшееся помимо списка приёмку запрещает. Поэтому неверно угаданный тег образа не может испортить эталоны: он может только не сработать. То же правило независимо от среды запрещает «принять всё, чтобы CI позеленел» — именно так эталон перестаёт быть эталоном, молча и одной командой. scripts/golden-container.mjs снимает кандидатов в образе Playwright той же версии, что залочена в package-lock. Хозяйский node_modules прячется анонимным томом: он собран под Windows, и npm ci внутри контейнера сломал бы дерево. Обёртка, а не правка demo/golden/accept.mjs, — намеренно. sourceFingerprint включает ВСЕ .mjs из demo/golden, включая accept.mjs и policy.mjs, которые исполняются после съёмки и ни одного пикселя изменить не могут. Их правка объявляет устаревшими бандл и оба манифеста, то есть требует ровно того двойного цикла, который эта задача убирает. Сужение корпуса отпечатка — отдельная задача: сам source-fingerprint.mjs в корпусе, и одна пересборка бандла неизбежна. Issue: #334 User-Visible: no
85 lines
4.7 KiB
JavaScript
85 lines
4.7 KiB
JavaScript
#!/usr/bin/env node
|
||
/**
|
||
* Съёмка golden-кандидатов в пиновом образе Playwright (#334).
|
||
*
|
||
* node scripts/golden-container.mjs # capture
|
||
* node scripts/golden-container.mjs --mode=verify
|
||
* node scripts/golden-container.mjs --image=mcr.microsoft.com/playwright:v1.62.0-jammy
|
||
* node scripts/golden-container.mjs --dry-run # только напечатать команду
|
||
*
|
||
* Зачем. Прежде эталон принимался только из артефакта CI, и каждый визуальный
|
||
* фикс стоил двух полных прогонов: пуш, ожидание, скачивание артефакта,
|
||
* приёмка, второй пуш. Здесь картинки снимаются локально в том же образе, что
|
||
* стоит на раннере, — одинаковый Chromium и одинаковые шрифты.
|
||
*
|
||
* Гарантия при этом не на слове. `accept.mjs` принимает съёмку только если
|
||
* разошлись РОВНО объявленные сцены (`--expect-change`), а всё остальное
|
||
* совпало с принятыми эталонами. Если растеризация в образе всё-таки другая,
|
||
* разойдутся посторонние сцены с текстом — и приёмка будет запрещена с их
|
||
* перечислением. Поэтому даже неверно угаданный тег образа не может испортить
|
||
* эталоны: он может только не сработать.
|
||
*
|
||
* Почему node_modules прячется анонимным томом: в репозитории владельца он
|
||
* собран под Windows, а `npm ci` внутри контейнера поставил бы туда
|
||
* linux-бинарники и сломал бы хозяйское дерево. Том перекрывает каталог, и
|
||
* установка живёт только внутри контейнера.
|
||
*/
|
||
import { spawnSync } from 'node:child_process';
|
||
import { readFileSync } from 'node:fs';
|
||
import { dirname, resolve } from 'node:path';
|
||
import { fileURLToPath } from 'node:url';
|
||
|
||
const ROOT = resolve(dirname(fileURLToPath(import.meta.url)), '..');
|
||
const arg = (name, fallback = '') => {
|
||
const found = process.argv.find((item) => item.startsWith(`--${name}=`));
|
||
return found ? found.slice(name.length + 3) : fallback;
|
||
};
|
||
|
||
const lock = JSON.parse(readFileSync(resolve(ROOT, 'package-lock.json'), 'utf8'));
|
||
const pinned = lock.packages?.['node_modules/playwright']?.version;
|
||
if (!pinned) throw new Error('в package-lock.json не найдена залоченная версия playwright');
|
||
|
||
const image = arg('image', `mcr.microsoft.com/playwright:v${pinned}`);
|
||
const mode = arg('mode', 'capture');
|
||
if (!['capture', 'verify'].includes(mode)) throw new Error(`неизвестный режим: ${mode}`);
|
||
const dryRun = process.argv.includes('--dry-run');
|
||
|
||
// `CI=` пустой намеренно: отчёт должен честно говорить, что съёмка локальная.
|
||
const inner = [
|
||
'set -eu',
|
||
'npm ci --no-audit --no-fund',
|
||
'npm run bundle:sync',
|
||
`npm run golden:${mode}`,
|
||
].join(' && ');
|
||
|
||
const args = [
|
||
'run', '--rm', '--ipc=host',
|
||
'-v', `${ROOT}:/work`,
|
||
// Анонимный том перекрывает хозяйский node_modules — см. комментарий выше.
|
||
'-v', '/work/node_modules',
|
||
'-w', '/work',
|
||
'-e', 'CI=',
|
||
image, 'bash', '-lc', inner,
|
||
];
|
||
|
||
console.log(`Залоченный playwright: ${pinned}`);
|
||
console.log(`Образ: ${image}`);
|
||
console.log(`docker ${args.slice(0, -1).join(' ')} '${inner}'`);
|
||
if (dryRun) process.exit(0);
|
||
|
||
const docker = spawnSync('docker', ['--version'], { encoding: 'utf8' });
|
||
if (docker.status !== 0) {
|
||
console.error('docker недоступен. Съёмка возможна и без контейнера — в любой Linux-среде,'
|
||
+ ' включая WSL: правило приёмки одинаково и само отвергнет съёмку, если растеризация'
|
||
+ ' разойдётся с раннером. См. demo/golden/README.md.');
|
||
process.exit(2);
|
||
}
|
||
|
||
const run = spawnSync('docker', args, { stdio: 'inherit' });
|
||
if (run.status !== 0) {
|
||
console.error(`\nСъёмка в контейнере не удалась (код ${run.status}).`
|
||
+ ' Если docker не смог получить образ — укажите тег дистрибутива:'
|
||
+ ` --image=mcr.microsoft.com/playwright:v${pinned}-jammy`);
|
||
}
|
||
process.exit(run.status ?? 1);
|