185 lines
10 KiB
JavaScript
185 lines
10 KiB
JavaScript
// i18n unit tests: dict parity, t() semantics, Intl formatters (EN/FR),
|
|
// static applyI18n over the real index.html (parsed shim), lang persistence + load precedence.
|
|
// Run: node tests/i18n.test.js (exits 0 + prints I18N-OK)
|
|
'use strict';
|
|
const fs = require('fs'), path = require('path');
|
|
const SITE = path.join(__dirname, '..', 'site');
|
|
const LS = 'retire-planner-v1';
|
|
let fails = 0, total = 0;
|
|
function ok(name, cond, extra) {
|
|
total++;
|
|
console.log((cond ? ' PASS ' : ' FAIL ') + name + (extra !== undefined ? ' [' + String(extra).slice(0, 90) + ']' : ''));
|
|
if (!cond) fails++;
|
|
}
|
|
const N = s => String(s == null ? '' : s).replace(/[\u202f\u00a0]/g, ' '); // narrow-nbsp/nbsp → space
|
|
|
|
/* ---------- shim: minimal document that mirrors the real index.html static attrs ---------- */
|
|
function parseStatic(html) {
|
|
const els = { text: [], html: [], attr: [] };
|
|
let m; const reT = /<(\w+)[^>]*\sdata-i18n="([^"]+)"[^>]*>/g;
|
|
while ((m = reT.exec(html))) els.text.push(mk(m[2], 'data-i18n'));
|
|
const reH = /<(\w+)[^>]*\sdata-i18n-html="([^"]+)"[^>]*>/g;
|
|
while ((m = reH.exec(html))) els.html.push(mk(m[2], 'data-i18n-html'));
|
|
const reA = /<(\w+)[^>]*\sdata-i18n-attr="([^"]+)"[^>]*>/g;
|
|
while ((m = reA.exec(html))) els.attr.push(mk(m[2], 'data-i18n-attr'));
|
|
return els;
|
|
}
|
|
function mk(v, attr) {
|
|
const attrs = {}; attrs[attr] = v;
|
|
return {
|
|
attrs, textContent: '', innerHTML: '',
|
|
getAttribute(k) { return attrs[k] === undefined ? null : attrs[k]; },
|
|
setAttribute(k, v2) { attrs[k] = String(v2); },
|
|
};
|
|
}
|
|
function fresh(opts) {
|
|
opts = opts || {};
|
|
const els = parseStatic(fs.readFileSync(path.join(SITE, 'index.html'), 'utf8'));
|
|
const store = Object.assign({}, opts.store);
|
|
const langBtns = { 'lang-en': mk('', 'id'), 'lang-fr': mk('', 'id') };
|
|
global.document = {
|
|
title: '',
|
|
documentElement: { lang: 'en', setAttribute() { } },
|
|
querySelector: () => null,
|
|
querySelectorAll(sel) {
|
|
if (sel === '[data-i18n]') return els.text;
|
|
if (sel === '[data-i18n-html]') return els.html;
|
|
if (sel === '[data-i18n-attr]') return els.attr;
|
|
return [];
|
|
},
|
|
getElementById: id => langBtns[id] || null,
|
|
createElement: () => mk('', 'tmp'),
|
|
addEventListener() { },
|
|
};
|
|
global.localStorage = { getItem: k => (store[k] === undefined ? null : store[k]), setItem: (k, v) => { store[k] = String(v); }, removeItem: k => { delete store[k]; } };
|
|
global.location = { hash: opts.hash || '', pathname: '/index.html', origin: 'http://x' };
|
|
global.history = { replaceState() { } };
|
|
Object.defineProperty(global, 'navigator', { value: { language: opts.nav || 'en-CA' }, configurable: true });
|
|
global.window = { scrollTo() { }, print() { }, prompt() { } };
|
|
global.confirm = () => true;
|
|
global.fetch = () => Promise.resolve({ ok: true, json: () => Promise.resolve({}) });
|
|
eval(fs.readFileSync(path.join(SITE, 'i18n.js'), 'utf8'));
|
|
return { els, store, langBtns };
|
|
}
|
|
|
|
/* ---------- 1. load + dict parity ---------- */
|
|
let ctx = fresh();
|
|
const { I18N, t, getLang, setLang, detectLang, applyI18n, fmtMoney, fmtMoneyK, fmtInt, fmtPct, fmtMoney2 } = global.window;
|
|
|
|
function leafKeys(obj, prefix, out) {
|
|
for (const k in obj) {
|
|
const v = obj[k], key = prefix ? prefix + '.' + k : k;
|
|
if (v && typeof v === 'object') leafKeys(v, key, out); else out.push(key);
|
|
}
|
|
return out;
|
|
}
|
|
const enK = leafKeys(I18N.en, '', []), frK = leafKeys(I18N.fr, '', []);
|
|
const enSet = new Set(enK), frSet = new Set(frK);
|
|
ok('en/fr key parity', enK.every(k => frSet.has(k)) && frK.every(k => enSet.has(k)),
|
|
'missing in fr: ' + enK.filter(k => !frSet.has(k)) + ' | extra in fr: ' + frK.filter(k => !enSet.has(k)));
|
|
const get = (o, key) => key.split('.').reduce((x, p) => (x && typeof x === 'object' ? x[p] : undefined), o);
|
|
const empty = enK.filter(k => !get(I18N.en, k).trim()).concat(frK.filter(k => !get(I18N.fr, k).trim()));
|
|
ok('no empty values', empty.length === 0, empty.join(','));
|
|
const ph = s => (s.match(/\{\w+\}/g) || []).slice().sort().join(',');
|
|
const phBad = enK.filter(k => frSet.has(k) && ph(get(I18N.en, k)) !== ph(get(I18N.fr, k)));
|
|
ok('{placeholder} sets equal en↔fr', phBad.length === 0, phBad.map(k => k + ': ' + ph(get(I18N.en, k)) + ' vs ' + ph(get(I18N.fr, k))).join(' | '));
|
|
|
|
/* every key used in app.js exists in the dict */
|
|
const appSrc = fs.readFileSync(path.join(SITE, 'app.js'), 'utf8');
|
|
const used = [...new Set([...appSrc.matchAll(/\bt\(\s*'([^']+)'/g)].map(m => m[1]))];
|
|
const miss = used.filter(k => !enSet.has(k));
|
|
ok('every t() key in app.js exists (en)', miss.length === 0, miss.join(','));
|
|
const missFr = used.filter(k => !frSet.has(k));
|
|
ok('every t() key in app.js exists (fr)', missFr.length === 0, missFr.join(','));
|
|
ok('app.js uses t() extensively', used.length > 90, used.length + ' keys');
|
|
|
|
/* every static data-i18n key in index.html resolves */
|
|
const staticKeys = [...ctx.els.text.map(e => e.getAttribute('data-i18n')),
|
|
...ctx.els.html.map(e => e.getAttribute('data-i18n-html')),
|
|
...ctx.els.attr.flatMap(e => e.getAttribute('data-i18n-attr').split(',').map(p => p.split(':')[1].trim()))];
|
|
const sMiss = staticKeys.filter(k => t(k) === k);
|
|
ok('static keys resolve in en', sMiss.length === 0, sMiss.join(','));
|
|
|
|
/* ---------- 2. t() semantics ---------- */
|
|
ok('getLang default en', getLang() === 'en');
|
|
ok('t interp', t('q.cppstart.hint', { age: 70, adj: 'Full rate' }) === 'Age 70: Full rate');
|
|
ok('t missing key falls back to key', t('nope.nope') === 'nope.nope');
|
|
|
|
/* ---------- 3. formatters EN ---------- */
|
|
ok('fmtMoney en', fmtMoney(959835) === '$959,835', fmtMoney(959835));
|
|
ok('fmtMoney en negative', fmtMoney(-32962) === '\u2212$32,962', fmtMoney(-32962));
|
|
ok('fmtMoneyK en K', fmtMoneyK(523000) === '$523K', fmtMoneyK(523000));
|
|
ok('fmtMoneyK en M', fmtMoneyK(1050000) === '$1.05M', fmtMoneyK(1050000));
|
|
ok('fmtMoneyK en rounds', fmtMoneyK(959835) === '$960K', fmtMoneyK(959835));
|
|
ok('fmtMoneyK en zero', fmtMoneyK(0) === '$0', fmtMoneyK(0));
|
|
ok('fmtInt en', fmtInt(959835) === '959,835', fmtInt(959835));
|
|
ok('fmtPct en', N(fmtPct(0.05)) === '5%' && N(fmtPct(0.035, 2)) === '3.5%', N(fmtPct(0.035, 2)));
|
|
ok('fmtMoney2 en', fmtMoney2(1507.65) === '$1,507.65', fmtMoney2(1507.65));
|
|
|
|
/* ---------- 4. formatters FR (setLang) ---------- */
|
|
setLang('fr');
|
|
ok('setLang fr', getLang() === 'fr');
|
|
ok('t fr', t('quiz.next') === 'Suivant \u2192', t('quiz.next'));
|
|
ok('fmtMoney fr', N(fmtMoney(959835)) === '959 835 $', N(fmtMoney(959835)));
|
|
ok('fmtMoney fr negative', N(fmtMoney(-32962)) === '\u221232 962 $', N(fmtMoney(-32962)));
|
|
ok('fmtMoneyK fr K', N(fmtMoneyK(523000)) === '523 k$', N(fmtMoneyK(523000)));
|
|
ok('fmtMoneyK fr M', N(fmtMoneyK(1050000)) === '1,05 M$', N(fmtMoneyK(1050000)));
|
|
ok('fmtMoneyK fr zero', N(fmtMoneyK(0)) === '0 $', N(fmtMoneyK(0)));
|
|
ok('fmtInt fr', N(fmtInt(959835)) === '959 835', N(fmtInt(959835)));
|
|
ok('fmtPct fr', N(fmtPct(0.05)) === '5 %' && N(fmtPct(0.035, 2)) === '3,5 %', N(fmtPct(0.035, 2)));
|
|
ok('fmtMoney2 fr', N(fmtMoney2(1507.65)) === '1 507,65 $', N(fmtMoney2(1507.65)));
|
|
ok('t fr interp', t('q.retire.years', { v: 20 }) === '20 ans', t('q.retire.years', { v: 20 }));
|
|
|
|
/* ---------- 5. French typography (frNorm) ---------- */
|
|
ok('fr apostrophe is U+2019', /d\u2019argent/.test(I18N.fr.r.depletion), I18N.fr.r.depletion.slice(0, 40));
|
|
ok('fr NBSP before %', /6\u00a0%/.test(I18N.fr.intro.lede), N(I18N.fr.intro.lede).slice(0, 40));
|
|
ok('fr guillemets NBSP', /\u00ab\u00a0\{name\}\u00a0\u00bb/.test(I18N.fr.g4.best), N(I18N.fr.g4.best));
|
|
ok('fr NBSP before ?', /\u00a0\?/.test(I18N.fr.g1.h), N(I18N.fr.g1.h));
|
|
|
|
/* ---------- 6. static applyI18n (FR active) ---------- */
|
|
ok('title fr', /Planificateur de retraite/.test(document.title), document.title);
|
|
const h1 = ctx.els.text.find(e => e.getAttribute('data-i18n') === 'intro.h1');
|
|
ok('static h1 fr', h1 && h1.textContent === I18N.fr.intro.h1, h1 && N(h1.textContent));
|
|
const desc = ctx.els.attr.find(e => /content:doc\.desc/.test(e.getAttribute('data-i18n-attr')));
|
|
ok('meta description fr', desc && desc.attrs.content === I18N.fr.doc.desc);
|
|
ok('documentElement.lang fr', document.documentElement.lang === 'fr');
|
|
ok('aria-pressed synced', ctx.langBtns['lang-en'].attrs['aria-pressed'] === 'false' && ctx.langBtns['lang-fr'].attrs['aria-pressed'] === 'true');
|
|
setLang('en');
|
|
ok('static h1 back to en', h1 && h1.textContent === I18N.en.intro.h1 && document.title.startsWith('Retire Planner'));
|
|
|
|
/* ---------- 7. persistence + load precedence ---------- */
|
|
setLang('fr');
|
|
ok('setLang persists lang into LS merge', JSON.parse(ctx.store[LS]).lang === 'fr');
|
|
ctx.store[LS] = JSON.stringify({ a: { age: 50 }, step: 3, screen: 'results' });
|
|
setLang('en'); setLang('fr');
|
|
const merged = JSON.parse(ctx.store[LS]);
|
|
ok('merge keeps a/step/screen', merged.a.age === 50 && merged.step === 3 && merged.screen === 'results' && merged.lang === 'fr', JSON.stringify(merged));
|
|
|
|
function b64(o) { return Buffer.from(JSON.stringify(o)).toString('base64'); }
|
|
/* NB: fresh() re-evals i18n.js → new closure instance; read exports off global.window each time */
|
|
const G = () => global.window;
|
|
let c2 = fresh({ nav: 'fr-CA' });
|
|
ok('detectLang fr-CA → fr', G().detectLang() === 'fr' && G().getLang() === 'fr', G().getLang());
|
|
c2 = fresh({ nav: 'en-CA' });
|
|
ok('detectLang en-CA → en', G().getLang() === 'en');
|
|
c2 = fresh({ store: { [LS]: JSON.stringify({ lang: 'fr' }) }, nav: 'en-CA' });
|
|
ok('saved lang beats detection', G().getLang() === 'fr', G().getLang());
|
|
c2 = fresh({ store: { [LS]: JSON.stringify({ lang: 'en' }) }, nav: 'fr-CA', hash: '#p=' + b64({ a: {}, step: 0, lang: 'fr' }) });
|
|
ok('payload lang beats saved + detect', G().getLang() === 'fr', G().getLang());
|
|
c2 = fresh({ store: { [LS]: JSON.stringify({ lang: 'fr' }) }, hash: '#p=' + b64({ a: {}, step: 0 }) });
|
|
ok('legacy payload (no lang) → en', G().getLang() === 'en', G().getLang());
|
|
c2 = fresh({ store: { [LS]: JSON.stringify({ lang: 'fr' }) }, hash: '#p=' + b64({ a: {}, step: 0, lang: 'en' }) });
|
|
ok('payload en beats saved fr', G().getLang() === 'en', G().getLang());
|
|
|
|
/* ---------- 2026-10 math fix: mixed-row legend + FIRE hint keys ---------- */
|
|
ok('t.mixedNote present EN + FR (mixed-row legend)',
|
|
typeof get(I18N.en, 't.mixedNote') === 'string' && get(I18N.en, 't.mixedNote').indexOf('†') === 0 &&
|
|
typeof get(I18N.fr, 't.mixedNote') === 'string' && get(I18N.fr, 't.mixedNote').indexOf('†') === 0,
|
|
get(I18N.en, 't.mixedNote').slice(0, 40));
|
|
ok('q.retire.hint mentions FIRE support EN + FR',
|
|
/FIRE/.test(get(I18N.en, 'q.retire.hint')) && /FIRE/.test(get(I18N.fr, 'q.retire.hint')),
|
|
get(I18N.fr, 'q.retire.hint').slice(0, 60));
|
|
|
|
console.log(fails ? '\nI18N-FAIL: ' + fails + ' of ' + total : '\nI18N-OK all i18n checks passed (' + total + ')');
|
|
process.exit(fails ? 1 : 0);
|