db756eb333
Convert all 18 query-tool Vue components from Tailwind utility classes to semantic CSS classes (.header, .card, .btn-primary, .query-tool-tab, etc.) consistent with reject-history, hold-overview, and other pages. Create self-contained style.css with design tokens, base classes, and page-specific styles. Fix portal-shell native module loader to load query-tool/style.css instead of resource-shared/styles.css. Add CSS link tags to Django template for standalone page rendering. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
88 lines
2.9 KiB
JavaScript
88 lines
2.9 KiB
JavaScript
import test from 'node:test';
|
|
import assert from 'node:assert/strict';
|
|
import fs from 'node:fs';
|
|
import path from 'node:path';
|
|
import { fileURLToPath } from 'node:url';
|
|
|
|
import {
|
|
getDeferredRoutes,
|
|
getInScopeRoutes,
|
|
getRouteContract,
|
|
getKnownRoutes,
|
|
validateRouteContractMap,
|
|
} from '../src/portal-shell/routeContracts.js';
|
|
|
|
const __dirname = path.dirname(fileURLToPath(import.meta.url));
|
|
const backendContractPath = path.resolve(
|
|
__dirname,
|
|
'../../docs/migration/full-modernization-architecture-blueprint/route_contracts.json',
|
|
);
|
|
|
|
|
|
test('all route contracts satisfy governance metadata requirements', () => {
|
|
const errors = validateRouteContractMap();
|
|
assert.deepEqual(errors, []);
|
|
});
|
|
|
|
|
|
test('admin shell targets are governed with correct render modes', () => {
|
|
const pagesContract = getRouteContract('/admin/pages');
|
|
const perfContract = getRouteContract('/admin/performance');
|
|
|
|
assert.equal(pagesContract.scope, 'in-scope');
|
|
assert.equal(perfContract.scope, 'in-scope');
|
|
assert.equal(pagesContract.visibilityPolicy, 'admin_only');
|
|
assert.equal(perfContract.visibilityPolicy, 'admin_only');
|
|
assert.equal(pagesContract.renderMode, 'external');
|
|
assert.equal(perfContract.renderMode, 'native');
|
|
});
|
|
|
|
|
|
test('formerly deferred routes are now promoted to in-scope', () => {
|
|
const inScope = new Set(getInScopeRoutes());
|
|
const deferred = getDeferredRoutes();
|
|
const promotedRoutes = ['/tables', '/excel-query', '/query-tool', '/mid-section-defect'];
|
|
|
|
assert.equal(deferred.length, 0, 'all deferred routes should be promoted');
|
|
|
|
promotedRoutes.forEach((route) => {
|
|
assert.equal(inScope.has(route), true, `promoted route missing from in-scope: ${route}`);
|
|
const contract = getRouteContract(route);
|
|
assert.equal(contract.scope, 'in-scope');
|
|
assert.equal(contract.compatibilityPolicy, 'redirect_to_shell_when_spa_enabled');
|
|
});
|
|
});
|
|
|
|
|
|
test('known route inventory covers in-scope + deferred surfaces', () => {
|
|
const known = new Set(getKnownRoutes());
|
|
[...getInScopeRoutes(), ...getDeferredRoutes()].forEach((route) => {
|
|
assert.equal(known.has(route), true, `missing known route: ${route}`);
|
|
});
|
|
});
|
|
|
|
|
|
test('frontend route inventory stays aligned with backend route contracts', () => {
|
|
const backendPayload = JSON.parse(fs.readFileSync(backendContractPath, 'utf-8'));
|
|
const backendRoutes = new Map(
|
|
(backendPayload.routes || []).map((route) => [route.route, route.scope]),
|
|
);
|
|
const frontendRoutes = getKnownRoutes();
|
|
|
|
assert.deepEqual(
|
|
[...new Set(frontendRoutes)].sort(),
|
|
[...backendRoutes.keys()].sort(),
|
|
'route set drift between frontend routeContracts.js and backend route_contracts.json',
|
|
);
|
|
|
|
frontendRoutes.forEach((route) => {
|
|
const frontendScope = getRouteContract(route).scope;
|
|
const backendScope = backendRoutes.get(route);
|
|
assert.equal(
|
|
frontendScope,
|
|
backendScope,
|
|
`scope mismatch for ${route}: frontend=${frontendScope}, backend=${backendScope}`,
|
|
);
|
|
});
|
|
});
|