/** Test status display. */

import { esc } from './util.js';

export function updateTestStatus(data) {
  const el = document.getElementById('test-status');
  if (!el) return;
  const results = data.results || [];
  const pass = results.filter(r => r.status === 'PASS').length;
  const fail = results.filter(r => r.status === 'FAIL').length;
  const done = results.length;
  const expected = data.total_expected || done;

  if (data.running) {
    const current = data.current || '';
    el.innerHTML = `<span class="ts-running">TESTING</span> `
      + `<span class="ts-pass">${done}</span>/<span>${expected}</span>`
      + (fail ? ` <span class="ts-fail">${fail}F</span>` : '')
      + ` <span style="color:#888;max-width:20rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">${esc(current)}</span>`;
  } else if (done > 0) {
    const allGreen = fail === 0;
    el.innerHTML = `<span class="${allGreen ? 'ts-pass' : 'ts-fail'}">${pass}/${expected}</span>`
      + (fail ? ` <span class="ts-fail">${fail} failed</span>` : ' <span class="ts-pass">all green</span>');
  }
}