mirror of
https://github.com/koala73/worldmonitor.git
synced 2026-04-25 17:14:57 +02:00
bb44805381
* feat(resilience): integrate widget into country deep dive Wire the resilience widget into the country deep-dive summary area, keep it responsive next to the existing CII card, and destroy the widget on panel lifecycle transitions so auth subscriptions and fetches do not leak across country changes. Validation: - node --import tsx --test tests/resilience-country-brief.test.mjs tests/resilience-widget.test.mts - npm run typecheck (fails only on the existing Dodo/Clerk baseline already broken on this branch) * fix(resilience): centralize deep-dive widget teardown Remove duplicate ResilienceWidget destroys across panel state transitions and replace the source-text regression with a mini-DOM behavioural harness. * fix(test): correct mini-DOM querySelector semantics and widget stub fidelity - querySelectorAll no longer matches the root element itself (matches real DOM spec: only descendants are searched) - Widget stub destroy() no longer self-removes from DOM (matches real ResilienceWidget.destroy() which only unsubscribes) - Test now correctly asserts hide() destroys subscriptions but keeps DOM intact (panel is visually hidden, DOM cleared on next show()) --------- Co-authored-by: lspassos1 <lspassos@icloud.com>
95 lines
3.1 KiB
JavaScript
95 lines
3.1 KiB
JavaScript
import assert from 'node:assert/strict';
|
|
import test from 'node:test';
|
|
import { createCountryDeepDivePanelHarness } from './helpers/country-deep-dive-panel-harness.mjs';
|
|
|
|
const sampleScore = {
|
|
score: 42,
|
|
trend: 'stable',
|
|
lastUpdated: '2026-04-04T00:00:00.000Z',
|
|
components: {
|
|
unrest: 10,
|
|
conflict: 20,
|
|
security: 30,
|
|
information: 40,
|
|
},
|
|
};
|
|
|
|
const emptySignals = {
|
|
criticalNews: 0,
|
|
protests: 0,
|
|
militaryFlights: 0,
|
|
militaryVessels: 0,
|
|
outages: 0,
|
|
aisDisruptions: 0,
|
|
satelliteFires: 0,
|
|
radiationAnomalies: 0,
|
|
temporalAnomalies: 0,
|
|
cyberThreats: 0,
|
|
earthquakes: 0,
|
|
displacementOutflow: 0,
|
|
climateStress: 0,
|
|
conflictEvents: 0,
|
|
activeStrikes: 0,
|
|
travelAdvisories: 0,
|
|
travelAdvisoryMaxLevel: null,
|
|
orefSirens: 0,
|
|
orefHistory24h: 0,
|
|
aviationDisruptions: 0,
|
|
gpsJammingHexes: 0,
|
|
};
|
|
|
|
test('country deep-dive panel mounts the resilience widget beside the score card', async () => {
|
|
const harness = await createCountryDeepDivePanelHarness();
|
|
try {
|
|
const panel = harness.createPanel();
|
|
panel.show('Norway', 'NO', sampleScore, emptySignals);
|
|
|
|
const root = harness.getPanelRoot();
|
|
const summaryGrid = root?.querySelector('.cdp-summary-grid');
|
|
const widget = summaryGrid?.querySelector('.resilience-widget-stub');
|
|
|
|
assert.ok(root, 'expected panel root to be created');
|
|
assert.ok(summaryGrid, 'expected summary grid to render');
|
|
assert.ok(summaryGrid?.querySelector('.cdp-score-card'), 'expected score card to render');
|
|
assert.ok(widget, 'expected resilience widget to render');
|
|
assert.equal(widget?.getAttribute('data-country-code'), 'NO');
|
|
assert.equal(summaryGrid?.childElementCount, 2);
|
|
} finally {
|
|
harness.cleanup();
|
|
}
|
|
});
|
|
|
|
test('country deep-dive panel destroys each resilience widget exactly once across state transitions', async () => {
|
|
const harness = await createCountryDeepDivePanelHarness();
|
|
try {
|
|
const panel = harness.createPanel();
|
|
|
|
panel.show('Norway', 'NO', sampleScore, emptySignals);
|
|
const firstWidget = harness.getWidgets().at(-1);
|
|
panel.showLoading();
|
|
|
|
assert.ok(firstWidget, 'expected first widget instance');
|
|
assert.equal(firstWidget.destroyCount, 1);
|
|
assert.equal(harness.document.querySelectorAll('.resilience-widget-stub').length, 0);
|
|
|
|
panel.show('Yemen', 'YE', sampleScore, emptySignals);
|
|
const secondWidget = harness.getWidgets().at(-1);
|
|
panel.showGeoError(() => {});
|
|
|
|
assert.ok(secondWidget, 'expected second widget instance');
|
|
assert.equal(secondWidget.destroyCount, 1);
|
|
assert.equal(harness.document.querySelectorAll('.resilience-widget-stub').length, 0);
|
|
|
|
panel.show('United States', 'US', sampleScore, emptySignals);
|
|
const thirdWidget = harness.getWidgets().at(-1);
|
|
panel.hide();
|
|
|
|
assert.ok(thirdWidget, 'expected third widget instance');
|
|
assert.equal(thirdWidget.destroyCount, 1, 'hide() must destroy widget subscriptions');
|
|
// hide() keeps DOM intact (panel is visually hidden); DOM is cleared on next show()
|
|
assert.equal(harness.document.querySelectorAll('.resilience-widget-stub').length, 1, 'hide() does not clear DOM');
|
|
} finally {
|
|
harness.cleanup();
|
|
}
|
|
});
|