Files
DashBoard/frontend/tests/portal-shell-parity-table-chart-matrix.test.js
egg 7cb0985b12 feat(modernization): full architecture blueprint with hardening follow-up
Implement phased modernization infrastructure for transitioning from
multi-page legacy routing to SPA portal-shell architecture, plus
post-delivery hardening fixes for policy loading, fallback consistency,
and governance drift detection.

Key changes:
- Add route contract enrichment with scope/visibility/compatibility policies
- Canonical 302 redirects from legacy direct-entry to /portal-shell/ routes
- Asset readiness enforcement and runtime fallback retirement for in-scope routes
- Shared feature-flag helpers (env > config > default) replacing duplicated _to_bool
- Defensive copy for lru_cached policy payloads preventing mutation corruption
- Unified retired-fallback response helper across app and blueprint routes
- Frontend/backend route-contract cross-validation in governance gates
- Shell CSS token fallback values for routes rendered outside shell scope
- Local-safe .env.example defaults with production recommendation comments
- Legacy contract fallback warning logging and single-hop redirect optimization

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-12 11:26:02 +08:00

75 lines
3.2 KiB
JavaScript

import test from 'node:test';
import assert from 'node:assert/strict';
import { existsSync, readFileSync } from 'node:fs';
import { resolve } from 'node:path';
function readSource(relativePath) {
const directPath = resolve(process.cwd(), relativePath);
if (existsSync(directPath)) {
return readFileSync(directPath, 'utf8');
}
return readFileSync(resolve(process.cwd(), 'frontend', relativePath), 'utf8');
}
test('table parity: Wave B native pages keep deterministic column and empty-state handling', () => {
const jobSource = readSource('src/job-query/App.vue');
assert.match(jobSource, /jobsColumns/);
assert.match(jobSource, /txnColumns/);
assert.match(jobSource, /目前無資料/);
const excelSource = readSource('src/excel-query/App.vue');
assert.match(excelSource, /queryResult\.columns/);
assert.match(excelSource, /queryResult\.rows\.length === 0/);
const queryToolSource = readSource('src/query-tool/App.vue');
assert.match(queryToolSource, /resolvedColumns/);
assert.match(queryToolSource, /historyColumns/);
assert.match(queryToolSource, /associationColumns/);
assert.match(queryToolSource, /equipmentColumns/);
});
test('table parity: list/detail pages preserve pagination and sort continuity hooks', () => {
const wipDetailSource = readSource('src/wip-detail/App.vue');
assert.match(wipDetailSource, /const page = ref\(1\)/);
assert.match(wipDetailSource, /page_size|pageSize/);
const holdDetailSource = readSource('src/hold-detail/App.vue');
assert.match(holdDetailSource, /page|currentPage|perPage/);
assert.match(holdDetailSource, /distribution|lots/i);
const tmttTableSource = readSource('src/tmtt-defect/components/TmttDetailTable.vue');
assert.match(tmttTableSource, /sort/i);
});
test('chart parity: chart pages keep tooltip, legend, autoresize and click linkage', () => {
const qcChartSource = readSource('src/qc-gate/components/QcGateChart.vue');
assert.match(qcChartSource, /tooltip\s*:/);
assert.match(qcChartSource, /legend\s*:/);
assert.match(qcChartSource, /autoresize/);
assert.match(qcChartSource, /@click="handleChartClick"/);
const holdParetoSource = readSource('src/hold-history/components/ReasonPareto.vue');
assert.match(holdParetoSource, /tooltip\s*:/);
assert.match(holdParetoSource, /legend\s*:/);
assert.match(holdParetoSource, /@click="handleChartClick"/);
const tmttChartSource = readSource('src/tmtt-defect/components/TmttChartCard.vue');
assert.match(tmttChartSource, /tooltip\s*:/);
assert.match(tmttChartSource, /legend\s*:/);
assert.match(tmttChartSource, /autoresize/);
});
test('matrix interaction parity: selection/highlight/drill handlers remain present', () => {
const wipMatrixSource = readSource('src/wip-overview/components/MatrixTable.vue');
assert.match(wipMatrixSource, /emit\('drilldown'/);
const holdMatrixSource = readSource('src/hold-overview/components/HoldMatrix.vue');
assert.match(holdMatrixSource, /emit\('select'/);
assert.match(holdMatrixSource, /isCellActive|isRowActive|isColumnActive/);
const resourceMatrixSource = readSource('src/resource-status/components/MatrixSection.vue');
assert.match(resourceMatrixSource, /cell-filter/);
assert.match(resourceMatrixSource, /selectedColumns/);
assert.match(resourceMatrixSource, /toggle-all/);
});