mirror of
https://github.com/got-feedBack/feedBack.git
synced 2026-07-26 23:01:22 +00:00
133 lines
7.3 KiB
JavaScript
133 lines
7.3 KiB
JavaScript
const { test } = require('node:test');
|
|
const assert = require('node:assert/strict');
|
|
const fs = require('node:fs');
|
|
const path = require('node:path');
|
|
|
|
const ROOT = path.join(__dirname, '..', '..');
|
|
const APP_JS = path.join(ROOT, 'static', 'app.js');
|
|
const MANIFEST = path.join(ROOT, 'plugins', 'capability_inspector', 'plugin.json');
|
|
const SCREEN_HTML = path.join(ROOT, 'plugins', 'capability_inspector', 'screen.html');
|
|
const SETTINGS_HTML = path.join(ROOT, 'plugins', 'capability_inspector', 'settings.html');
|
|
|
|
function source(file) {
|
|
return fs.readFileSync(file, 'utf8');
|
|
}
|
|
|
|
function region(src, needle, length = 1800) {
|
|
const start = src.indexOf(needle);
|
|
assert.ok(start !== -1, `missing source needle: ${needle}`);
|
|
return src.slice(start, start + length);
|
|
}
|
|
|
|
test('capability inspector manifest ships settings but no default nav entry', () => {
|
|
const manifest = JSON.parse(source(MANIFEST));
|
|
|
|
assert.equal(manifest.id, 'capability_inspector');
|
|
assert.equal(manifest.nav, undefined);
|
|
assert.equal(manifest.settings.html, 'settings.html');
|
|
});
|
|
|
|
test('capability inspector plugins menu entry is localStorage opt-in', () => {
|
|
const src = source(APP_JS);
|
|
const helper = region(src, "const CAPABILITY_INSPECTOR_NAV_SETTING = 'capability_inspector.showInPluginsMenu'", 1400);
|
|
const menu = region(src, 'const navPlugins = plugins.map', 1000);
|
|
const contributions = region(src, 'async function _registerLegacyPluginUiContributions(plugin)', 1400);
|
|
|
|
assert.match(helper, /localStorage\.getItem\(CAPABILITY_INSPECTOR_NAV_SETTING\)\s*===\s*['"]1['"]/);
|
|
assert.match(helper, /if \(plugin\.id === ['"]capability_inspector['"]\)/);
|
|
assert.match(helper, /return null/);
|
|
assert.match(helper, /label:\s*['"]Capabilities['"]/);
|
|
assert.match(menu, /_pluginNav\(plugin\)/);
|
|
assert.match(contributions, /const nav = _pluginNav\(plugin\)/);
|
|
assert.doesNotMatch(contributions, /if \(plugin\.nav\)/);
|
|
});
|
|
|
|
test('capability inspector settings toggles the plugins menu setting', () => {
|
|
const html = source(SETTINGS_HTML);
|
|
|
|
assert.match(html, /id="capability-inspector-show-nav"/);
|
|
assert.match(html, /capability_inspector\.showInPluginsMenu/);
|
|
assert.match(html, /localStorage\.setItem\(key, '1'\)/);
|
|
assert.match(html, /localStorage\.removeItem\(key\)/);
|
|
assert.match(html, /window\.loadPlugins\(\)/);
|
|
assert.match(html, /window\.showScreen\('plugin-capability_inspector'\)/);
|
|
});
|
|
|
|
test('capability inspector screen ships scoped graph lane CSS', () => {
|
|
const html = source(SCREEN_HTML);
|
|
|
|
assert.match(html, /<style>/);
|
|
assert.match(html, /\.capability-inspector \[data-domain-graph-fallback\]/);
|
|
assert.match(html, /display: flex !important/);
|
|
assert.match(html, /\.capability-inspector \[data-domain-provider-card\]/);
|
|
assert.match(html, /\.capability-inspector \[data-domain-participant-lane\]/);
|
|
assert.match(html, /flex: 0 0 24rem/);
|
|
assert.match(html, /\.capability-inspector \[data-domain-graph-cy\]/);
|
|
assert.match(html, /display: block !important/);
|
|
assert.match(html, /\.capability-inspector \[data-endpoint-icon="command"\]/);
|
|
assert.match(html, /background: #fb923c !important/);
|
|
assert.match(html, /\.capability-inspector \[data-endpoint-icon="operation"\]/);
|
|
assert.match(html, /background: #c084fc !important/);
|
|
assert.match(html, /\.capability-inspector \[data-endpoint-flow="provider-operation"\]/);
|
|
assert.match(html, /background: #d8b4fe !important/);
|
|
assert.match(html, /\.capability-inspector \[data-toggle-graph-group\]/);
|
|
assert.match(html, /gap: 0\.625rem !important/);
|
|
assert.match(html, /\.capability-inspector \[data-graph-provider-endpoint-row\]/);
|
|
assert.match(html, /\.capability-inspector \[data-graph-participant-endpoint-row\]/);
|
|
assert.match(html, /\.capability-inspector \[data-role-icon\]/);
|
|
assert.match(html, /\.capability-inspector \[data-origin-icon\]/);
|
|
assert.match(html, /\.capability-inspector \[data-availability-icon\]/);
|
|
assert.match(html, /width: 2\.125rem !important/);
|
|
assert.match(html, /margin-left: 0\.5rem !important/);
|
|
assert.match(html, /\.capability-inspector \[data-domain-owner-footer\]/);
|
|
assert.match(html, /padding-top: 1rem !important/);
|
|
assert.match(html, /\.capability-inspector \[data-domain-owner-description\]/);
|
|
assert.match(html, /line-height: 1\.45 !important/);
|
|
assert.match(html, /\.capability-inspector \[data-domain-graph-filter\]/);
|
|
assert.match(html, /background: rgba\(31, 41, 55, 0\.72\) !important/);
|
|
assert.match(html, /\.capability-inspector \[data-domain-graph-filter\]\[aria-pressed="true"\]/);
|
|
assert.match(html, /background: rgba\(126, 34, 206, 0\.55\) !important/);
|
|
assert.match(html, /\.capability-inspector \[data-legend-icon="command"\]/);
|
|
assert.match(html, /background: #fb923c !important/);
|
|
assert.match(html, /\.capability-inspector \[data-legend-line="shimmed"\]/);
|
|
assert.match(html, /border-top: 2px dashed #9ca3af !important/);
|
|
assert.match(html, /<div class="max-w-7xl mx-auto px-6 pt-24 pb-16 capability-inspector">/);
|
|
assert.match(html, /data-inspector-header/);
|
|
assert.match(html, /\.capability-inspector \[data-summary-dashboard\]/);
|
|
assert.match(html, /width: 100% !important/);
|
|
assert.match(html, /grid-template-columns: repeat\(4, minmax\(0, 1fr\)\) !important/);
|
|
assert.match(html, /\.capability-inspector \[data-summary-card\]\[data-tone="clean"\]/);
|
|
assert.match(html, /border-color: rgba\(52, 211, 153, 0\.55\) !important/);
|
|
assert.match(html, /\.capability-inspector \[data-summary-status-value\]/);
|
|
assert.match(html, /color: #34d399 !important/);
|
|
assert.match(html, /\.capability-inspector \[data-graph-capability-port\]/);
|
|
assert.match(html, /right: -1\.75rem/);
|
|
assert.match(html, /\.capability-inspector \[data-graph-participant-port\]/);
|
|
assert.match(html, /left: -1\.75rem/);
|
|
});
|
|
test('_navLabel resolves string, object, synthesized, and empty nav values', () => {
|
|
const src = source(APP_JS);
|
|
const m = src.match(/function _navLabel\(nav, plugin\) \{[\s\S]*?\n\}/);
|
|
assert.ok(m, 'could not extract _navLabel from app.js');
|
|
const _navLabel = new Function(`${m[0]}; return _navLabel;`)();
|
|
// String nav (manifest "nav": "Declared") must win over the plugin name.
|
|
assert.equal(_navLabel('Declared', { name: 'Fallback', id: 'x' }), 'Declared');
|
|
// Object nav with a label.
|
|
assert.equal(_navLabel({ label: 'Capabilities' }, { name: 'Fallback', id: 'x' }), 'Capabilities');
|
|
// Object nav without a label falls back to name then id.
|
|
assert.equal(_navLabel({}, { name: 'My Plugin', id: 'x' }), 'My Plugin');
|
|
assert.equal(_navLabel({}, { id: 'x' }), 'x');
|
|
// Null / whitespace-only nav falls back too.
|
|
assert.equal(_navLabel(null, { name: 'My Plugin' }), 'My Plugin');
|
|
assert.equal(_navLabel(' ', { name: 'My Plugin' }), 'My Plugin');
|
|
});
|
|
|
|
test('plugin nav dropdown label uses the computed nav, not the raw plugin.nav', () => {
|
|
const src = source(APP_JS);
|
|
// Regression guard for the string/synthesized-nav label fix: the dropdown
|
|
// label must derive from the loop's computed nav via _navLabel, not from
|
|
// plugin.nav?.label (which drops string and synthesized labels).
|
|
assert.match(src, /const label = _navLabel\(nav, plugin\);/);
|
|
assert.doesNotMatch(src, /const label = plugin\.nav\?\.label/);
|
|
});
|