gods-eye-view/src/ui/shellFeedbackStatusLocalization.test.mjs

// The global loading chip in the UI language: the status vocabulary, the ALPR
// retry prefix and every mapped-site failure reason.
import test from 'node:test';
import assert from 'node:assert/strict';
import { setLocale, t } from '../i18n/index.js';
import {
  aggregateLayerLoading,
  createLoadingFeedbackState,
  presentLoadingFeedback,
  reduceLoadingFeedback,
} from '../loadingFeedback.js';

const elements = {
  'global-loading-status': { hidden: true, dataset: {} },
  'global-loading-detail': { textContent: '' },
};
globalThis.document ??= {
  getElementById: (id) => elements[id] ?? null,
  addEventListener() {},
  removeEventListener() {},
  // The layer panel reaches Vue, whose DOM runtime creates one element as it
  // loads.
  createElement: () => ({}),
  hidden: false,
};
const { ShellFeedback, localizeLoadingPresentation } =
  await import('./shellFeedback.js');

function alprChipDetail(locale, retryInMs) {
  setLocale(locale);
  const layer = {
    id: 'alpr-cameras',
    name: 'ALPR cameras',
    enabled: true,
    stats: {
      status: 'unavailable',
      error: 'Unavailable',
      retryAt: Date.now() + retryInMs,
    },
  };
  const feedback = new ShellFeedback({ readLayers: () => [layer] });
  feedback._armLoadingFeedbackTicker = () => {};
  feedback._updateGlobalLoadingFeedback(0);
  return elements['global-loading-detail'].textContent;
}

test.afterEach(() => setLocale('en'));

test('English ALPR retry chip keeps the layer name (as on main)', () => {
  assert.equal(alprChipDetail('en', 12000), 'ALPR cameras · retrying in 12s');
  assert.equal(alprChipDetail('en', -1000), 'ALPR cameras · retry pending');
});

test('Spanish ALPR retry chip keeps the layer name', () => {
  assert.match(alprChipDetail('es', 12000), /ALPR.* · reintento en 12 s/);
});

test('Spanish ALPR retry-pending chip is translated', () => {
  const detail = alprChipDetail('es', -1000);
  assert.match(detail, /ALPR/);
  assert.doesNotMatch(detail, /retry pending/);
});

test('English presentation passes through unchanged', () => {
  setLocale('en');
  for (const label of [
    'OVERPASS TEMPORARILY UNAVAILABLE',
    'OVERPASS RATE-LIMITED',
    'OVERPASS TIMED OUT',
    'OVERPASS COULD NOT COMPLETE THE QUERY',
    'MAP TILES TEMPORARILY UNAVAILABLE',
    'MAPPED NAMES TEMPORARILY UNAVAILABLE',
  ]) {
    assert.deepEqual(
      localizeLoadingPresentation({
        state: 'retry',
        label,
        detail: 'retrying in 12s',
      }),
      { state: 'retry', label, detail: 'retrying in 12s' },
    );
  }
});

for (const locale of ['es', 'ru']) {
  test(`${locale}: every mapped-site retry label is translated with its detail`, () => {
    setLocale(locale);
    for (const label of [
      'OVERPASS TEMPORARILY UNAVAILABLE',
      'OVERPASS RATE-LIMITED',
      'OVERPASS TIMED OUT',
      'OVERPASS COULD NOT COMPLETE THE QUERY',
      'MAP TILES TEMPORARILY UNAVAILABLE',
      'MAPPED NAMES TEMPORARILY UNAVAILABLE',
    ]) {
      const localized = localizeLoadingPresentation({
        state: 'retry',
        label,
        detail: 'retrying in 12s',
      });
      assert.notEqual(localized.label, label, `label stays English: ${label}`);
      assert.notEqual(localized.detail, 'retrying in 12s');
    }
  });

  test(`${locale}: a live provider error label passes through verbatim`, () => {
    setLocale(locale);
    const localized = localizeLoadingPresentation({
      state: 'retry',
      label: 'HTTP 503 FROM OVERPASS-API.DE',
      detail: 'retry pending',
    });
    assert.equal(localized.label, 'HTTP 503 FROM OVERPASS-API.DE');
    assert.notEqual(localized.detail, 'retry pending');
  });

  // An incomplete Overpass answer (alpr/source.js) on the ALPR retry chip,
  // which shows the layer's error upper-cased.
  test(`${locale}: the ALPR retry chip translates an incomplete Overpass answer`, () => {
    setLocale(locale);
    const error = 'Overpass returned an incomplete camera response';
    assert.notEqual(t(error), error, 'the catalog has the entry');
    const now = Date.now();
    const layer = {
      id: 'alpr-cameras',
      name: 'ALPR cameras',
      enabled: true,
      stats: { status: 'unavailable', error, retryAt: now + 12000 },
    };
    const summary = aggregateLayerLoading([layer]);
    const state = reduceLoadingFeedback(
      createLoadingFeedbackState(),
      summary,
      now,
    );
    const shown = localizeLoadingPresentation(
      presentLoadingFeedback(state, summary, now),
    );
    assert.equal(shown.state, 'retry', 'the ALPR retry chip is up');
    assert.equal(shown.label, t(error).toLocaleUpperCase(locale));
  });
}