thandClaude Opus 4.6
fe3399a44b
* runner.js: shows a 30px fixed-top progress strip during runs (label "test x/total:", current suite/test name with ellipsis on the left, fixed 50%-wide progress fill on the right that turns danger-red on the first failure). The DOM node is created in loader.js so it appears immediately on shortcut press; runner.js only updates it. The fill width is fixed at flex:0 0 50% so it doesn't jiggle as the test name changes length. Suites now live on window._testSuites as a defensive fallback so two runner instances stay in sync. * Cache invalidation: every test file's `from './runner.js'` is now `from './runner.js?v=2'`, and loader.js imports the runner with the same RUNNER_V suffix. Same URL → one module instance → suite registration and runAll see the same array. Bumping RUNNER_V (in loader.js + every test file in lock-step) is the way to force a re-fetch when runner.js changes. * loader.js: ensureProgressBar() draws the strip via setProperty(..., 'important') with z-index 2147483647 attached to documentElement so nothing in user CSS, scanline overlay (z 9999) or modals can occlude it. Auto-run path (?test=1) also pre-renders the strip. chore: bump version to 0.9.1 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
80 lines
3.4 KiB
JavaScript
80 lines
3.4 KiB
JavaScript
// ── Tests Plugin: conditional loader ──
|
|
//
|
|
// The test runner is heavy (40+ test files), so we only load it when:
|
|
// - URL contains ?test query param → auto-run
|
|
// - Ctrl+Shift+Alt+T pressed → manual open
|
|
//
|
|
// Tests are completely optional — without this plugin the app has no
|
|
// test runner code loaded at all.
|
|
|
|
const hyprcrd = window.hyprcrd;
|
|
|
|
// Cache-bust the test modules so edits to test files are picked up without
|
|
// a hard refresh. The browser treats each unique URL as a distinct module,
|
|
// so a fresh query string on each page load forces re-import.
|
|
const V = '?v=' + Date.now();
|
|
|
|
// Auto-load if ?test in query string
|
|
if (new URLSearchParams(location.search).has('test')) {
|
|
ensureProgressBar();
|
|
import('./tests.js' + V);
|
|
}
|
|
|
|
// Keyboard shortcut: Ctrl+Shift+Alt+T → open runner.
|
|
//
|
|
// runner.js is imported with the SAME `?v=2` query string the test
|
|
// files use (see RUNNER_V below). Same URL → same module instance, so
|
|
// suite registration in test files and runAll in the loader run against
|
|
// the same `suites` array. Bump RUNNER_V whenever runner.js changes
|
|
// in a way that needs cache invalidation across users.
|
|
document.addEventListener('keydown', e => {
|
|
if (e.ctrlKey && e.shiftKey && e.altKey && (e.key === 'T' || e.key === 't')) {
|
|
e.preventDefault();
|
|
ensureProgressBar();
|
|
import('./tests.js' + V).then(() =>
|
|
import('./runner.js' + RUNNER_V).then(m => m.open?.())
|
|
);
|
|
}
|
|
});
|
|
|
|
// Must match the `?v=…` suffix used in test files' `from './runner.js?v=…'`
|
|
// imports — bump both in lock-step to invalidate the runner.js cache.
|
|
const RUNNER_V = '?v=2';
|
|
|
|
function ensureProgressBar() {
|
|
if (document.getElementById('test-progress')) return;
|
|
const bar = document.createElement('div');
|
|
bar.id = 'test-progress';
|
|
const s = bar.style;
|
|
s.setProperty('position', 'fixed', 'important');
|
|
s.setProperty('top', '0', 'important');
|
|
s.setProperty('left', '0', 'important');
|
|
s.setProperty('right', '0', 'important');
|
|
s.setProperty('height', '30px', 'important');
|
|
s.setProperty('z-index', '2147483647', 'important');
|
|
s.setProperty('background', '#000', 'important');
|
|
s.setProperty('color', '#cbd5e1', 'important');
|
|
s.setProperty('font-family', 'monospace', 'important');
|
|
s.setProperty('font-size', '11px', 'important');
|
|
s.setProperty('display', 'flex', 'important');
|
|
s.setProperty('align-items', 'center', 'important');
|
|
s.setProperty('gap', '10px', 'important');
|
|
s.setProperty('padding', '0 12px', 'important');
|
|
s.setProperty('border-bottom', '1px solid #334155', 'important');
|
|
s.setProperty('pointer-events', 'none', 'important');
|
|
bar.innerHTML = `
|
|
<span id="test-progress-label" style="white-space:nowrap;color:#38bdf8;font-weight:bold;flex-shrink:0;">tests starting…</span>
|
|
<span id="test-progress-name" style="flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#94a3b8;"></span>
|
|
<div style="position:relative;flex:0 0 50%;height:10px;background:#1e293b;border:1px solid #334155;">
|
|
<div id="test-progress-fill" style="position:absolute;left:0;top:0;bottom:0;width:0%;background:#38bdf8;transition:width 0.15s linear;"></div>
|
|
</div>
|
|
`;
|
|
document.documentElement.appendChild(bar);
|
|
}
|
|
|
|
hyprcrd?.registerPlugin?.({
|
|
name: 'tests',
|
|
version: '1.0.0',
|
|
description: 'UI + state test runner',
|
|
});
|