mi-fitness-health/qa/dashboard.test.cjs

const test = require('node:test');
const assert = require('node:assert/strict');
const fs = require('node:fs');
const path = require('node:path');
const vm = require('node:vm');

const file = path.resolve('src/mi_fitness_mcp/web_assets/static/js/app.js');
function dashboard(responses) {
  const nodes = new Map();
  const get = id => {
    if (!nodes.has(id)) nodes.set(id, {textContent: '--', innerHTML: '', value: id === 'startDate' ? '2026-10-15' : '2026-10-16', classList: {add(){}, remove(){}}});
    return nodes.get(id);
  };
  const context = vm.createContext({
    localStorage: {getItem() {return '';}, setItem() {}},
    document: {getElementById: get, querySelectorAll() {return [];}, addEventListener() {}},
    responses, console, AbortController, setTimeout() {}, clearTimeout() {}, setInterval() {}, clearInterval() {},
  });
 vm.runInContext(fs.readFileSync('src/mi_fitness_mcp/web_assets/static/js/health-ui.js','utf8'),context);
  vm.runInContext(fs.readFileSync(file, 'utf8'), context);
  vm.runInContext("showToast = () => {}; api = async (method, url) => responses[url.split('?')[0]] || {status:'ok',data:{steps:null,active_kcal:null,distance_m:null,resting_mean_bpm:null,mean_daily_asleep_minutes:null,mean_spo2_pct:null,mean_stress:null,activity_days:0,sleep_days:0,resting_count:0,spo2_count:0}};", context);
  return {context, get};
}

test('overview aggregates the selected range instead of taking the latest day', async () => {
  const ui = dashboard({
    '/api/overview': {status:'ok',data:{steps:8754,active_kcal:846,distance_m:5364,resting_mean_bpm:62,mean_daily_asleep_minutes:495.5,mean_spo2_pct:98,mean_stress:0,activity_days:2,sleep_days:2,resting_count:1,spo2_count:1}},
  });
  await vm.runInContext('loadOverview()',ui.context);
  assert.equal(ui.get('statSteps').textContent, (8754).toLocaleString());
  assert.equal(String(ui.get('statCalories').textContent),'846');
  assert.equal(ui.get('statDistance').textContent,'5.36');
  assert.equal(String(ui.get('statHr').textContent),'62');
  assert.equal(ui.get('statSleep').textContent,'8.3');
  assert.equal(ui.get('statSpo2').textContent,'98%');
  assert.equal(String(ui.get('statStress').textContent),'0');
});

test('overview displays server range averages and wake-day coverage without filling missing days', async () => {
  const ui=dashboard({
    '/api/overview':{status:'ok',data:{steps:null,active_kcal:null,distance_m:null,resting_mean_bpm:65,mean_spo2_pct:97,mean_stress:30,mean_daily_asleep_minutes:525.5,activity_days:0,sleep_days:2,resting_count:2,spo2_count:2}},
  });
  ui.get('startDate').value='2026-10-01';
  await vm.runInContext('loadOverview()',ui.context);
  assert.equal(String(ui.get('statHr').textContent),'65');
  assert.equal(ui.get('statSpo2').textContent,'97%');
  assert.equal(String(ui.get('statStress').textContent),'30');
  assert.equal(ui.get('statSleep').textContent,'8.8');
  assert.match(ui.get('statSleepCoverage').textContent,/2/);
});

test('30 day preset is inclusive and refreshes the overview without manual reload', async () => {
  const ui=dashboard({});
  vm.runInContext(`Date = class extends Date { constructor(...args) { super(...(args.length ? args : ['2026-10-16T12:00:00+08:00'])); } }; calls=[]; api=async(method,path)=>{ calls.push(path); return {status:'ok',data:[]}; };`,ui.context);
  await vm.runInContext("setDatePreset('30d')",ui.context);
  assert.equal(ui.get('startDate').value,'2026-09-17');
  assert.equal(ui.get('endDate').value,'2026-10-16');
  const calls=vm.runInContext('calls',ui.context);
  assert.equal(calls.length,1);
  assert.equal(calls[0],'/api/overview?start_date=2026-09-17&end_date=2026-10-16');
  assert.ok(calls.every(path=>!path.includes('limit=1')));
  await vm.runInContext("setDatePreset('yesterday')",ui.context);
  assert.equal(ui.get('startDate').value,'2026-10-15');
  assert.equal(ui.get('endDate').value,'2026-10-16');
});

test('empty date range clears old values rather than showing stale measurements', async () => {
  const ui=dashboard({});
  for (const id of ['statSteps','statCalories','statDistance','statHr','statSleep','statSpo2','statStress']) ui.get(id).textContent='old-value';
  await vm.runInContext('loadOverview()',ui.context);
  for (const id of ['statSteps','statCalories','statDistance','statHr','statSleep','statSpo2','statStress']) assert.equal(ui.get(id).textContent,'--');
});

test('daily table and metric chart consume response envelope without losing units', () => {
  const ui=dashboard({});
  ui.context.payload={status:'ok',data:[{date:'2026-10-15',steps:4691,active_kcal:596,distance_m:2979}]};
  vm.runInContext('renderSummaryVisual(payload)',ui.context);
  assert.match(ui.get('summaryVisualContainer').innerHTML,/596 kcal/);
  assert.match(ui.get('summaryVisualContainer').innerHTML,/2\.98 km/);
  ui.context.payload={status:'ok',data:[{date:'2026-10-15',value:4691}]};
  vm.runInContext("renderMetricChart(payload,'steps')",ui.context);
  assert.match(ui.get('metricChartContainer').innerHTML,/4,691/);
});

test('sleep timeline reads stage list and separately reported awake minutes', () => {
  const ui=dashboard({});
  ui.context.payload={status:'ok',data:[{end_at:'2026-10-16T08:54:00+08:00',duration_minutes:517,time_awake_minutes:85,stages:[{stage:'deep',minutes:120},{stage:'light',minutes:300},{stage:'rem',minutes:97}]}]};
  vm.runInContext('renderSleepTimeline(payload)',ui.context);
  const html=ui.get('sleepTimelineWrapper').innerHTML;
  assert.match(html,/深睡 120m/);
  assert.match(html,/浅睡 300m/);
  assert.match(html,/REM 97m/);
  assert.match(html,/清醒 85m/);
});

test('failed synchronization does not show a success message', async () => {
  const ui=dashboard({});
  vm.runInContext("notices=[]; showToast=(...args)=>notices.push(args); api=async()=>({status:'error'});",ui.context);
  await vm.runInContext('triggerSync(false)',ui.context);
  const notices=vm.runInContext('notices',ui.context);
  assert.ok(!notices.some(args=>args[2]==='success'));
  assert.ok(notices.some(args=>args[2]==='error'));
});

test('key list reads masked keys from envelope and safely renders labels', () => {
  const ui=dashboard({});
  ui.context.payload={status:'ok',data:[{key_masked:'mif_sk_abcde…1234',label:'<script>example</script>',user_id:'synthetic',created_at:'2026-10-16',revoked:false}]};
  vm.runInContext('renderKeysTable(payload)',ui.context);
  const html=ui.get('keysTableWrapper').innerHTML;
  assert.match(html,/mif_sk_abcde…1234/);
  assert.ok(!html.includes('<script>'));
  assert.match(html,/revokeKeyByPrefix\('mif_sk_abcde'\)/);
});