jestronaut 0.2.0 → 0.3.16

package/lib/ui/overlays/testDetail.js

@@ -1,86 +0,0 @@
-'use strict';
-
-const blessed = require('blessed');
-
-function createTestDetail(screen) {
-  const widget = blessed.box({
-    top: '8%', left: '8%', width: '84%', height: '84%',
-    label: ' Test Failure Detail ',
-    border: { type: 'line' },
-    tags: true, scrollable: true, alwaysScroll: true,
-    keys: true, vi: true,
-    scrollbar: { ch: '|', style: { fg: 'red' } },
-    style: {
-      border: { fg: 'red' }, label: { fg: 'red', bold: true },
-      bg: '#0d0000', fg: 'white',
-    },
-    padding: { left: 2, right: 2, top: 1, bottom: 1 },
-    hidden: true,
-  });
-  screen.append(widget);
-  return widget;
-}
-
-function openTestDetail(widget, failure, stats) {
-  const rawMsg = (failure.messages || []).join('\n');
-  const expectedMatch = rawMsg.match(/Expected[:\s]+(.+)/);
-  const receivedMatch = rawMsg.match(/Received[:\s]+(.+)/);
-  const stackLines = rawMsg.split('\n')
-    .filter(l => l.trim().startsWith('at '))
-    .map(l => l.trim());
-
-  const lines = [
-    `{red-fg}{bold}FAILED: ${failure.suiteName} > ${failure.title}{/bold}{/red-fg}`,
-    '',
-    `{yellow-fg}Suite   :{/yellow-fg}  ${failure.suiteName}`,
-    `{yellow-fg}Test    :{/yellow-fg}  ${failure.title}`,
-    `{yellow-fg}Duration:{/yellow-fg}  ${failure.duration != null ? failure.duration + 'ms' : 'N/A'}`,
-    '',
-    '{cyan-fg}── Error Message ──────────────────────────────────────────────────{/cyan-fg}',
-    '',
-  ];
-
-  if (expectedMatch) lines.push(`  {green-fg}Expected:{/green-fg}  ${expectedMatch[1].trim()}`);
-  if (receivedMatch) lines.push(`  {red-fg}Received:{/red-fg}  ${receivedMatch[1].trim()}`);
-
-  lines.push('');
-  rawMsg.split('\n').slice(0, 15).forEach(l =>
-    lines.push(`  ${l.replace(/\{/g, '(').replace(/\}/g, ')')}`)
-  );
-
-  lines.push(
-    '',
-    '{cyan-fg}── Stack Trace ─────────────────────────────────────────────────────{/cyan-fg}',
-    '',
-  );
-
-  if (stackLines.length > 0) {
-    const firstUser = stackLines.findIndex(l => !l.includes('node_modules'));
-    stackLines.forEach((l, i) => {
-      if (i === firstUser) lines.push(`  {yellow-fg}> ${l}{/yellow-fg}`);
-      else lines.push(`  {grey-fg}${l}{/grey-fg}`);
-    });
-  } else {
-    lines.push('  {grey-fg}(no stack trace){/grey-fg}');
-  }
-
-  lines.push(
-    '',
-    '{cyan-fg}── Run Metrics ─────────────────────────────────────────────────────{/cyan-fg}',
-    '',
-    `  {white-fg}Passed  :{/white-fg}  {green-fg}${stats.passed}{/green-fg}`,
-    `  {white-fg}Failed  :{/white-fg}  {red-fg}${stats.failed}{/red-fg}`,
-    `  {white-fg}Skipped :{/white-fg}  {yellow-fg}${stats.skipped}{/yellow-fg}`,
-    `  {white-fg}Elapsed :{/white-fg}  ${((Date.now() - stats.startTime) / 1000).toFixed(1)}s`,
-    '',
-    '{grey-fg}  [Esc] back   [j/k] scroll{/grey-fg}',
-  );
-
-  widget.setLabel(` Test Failure: ${failure.title} `);
-  widget.setContent(lines.join('\n'));
-  widget.scrollTo(0);
-  widget.show();
-  widget.setFront();
-}
-
-module.exports = { createTestDetail, openTestDetail };

package/lib/ui/panels/footer.js

@@ -1,46 +0,0 @@
-'use strict';
-
-const blessed = require('blessed');
-const { SPINNER } = require('../../constants');
-
-function createFooter(screen) {
-  const widget = blessed.box({
-    bottom: 0, left: 0, width: '100%', height: 3,
-    tags: true,
-    style: { fg: 'white', bg: '#111133' },
-  });
-  screen.append(widget);
-  return widget;
-}
-
-function updateFooter(widget, state) {
-  const endTime = state.stats.endTime || Date.now();
-  const elapsed = ((endTime - state.stats.startTime) / 1000).toFixed(1);
-  const suiteStr = `${state.stats.suitesCompleted}/${state.stats.suites} suites`;
-  const spin = SPINNER[state.spinFrame];
-  const running = Object.values(state.suites).filter(s => !s.done).length;
-  const runningStr = running > 0 ? ` {yellow-fg}${spin} ${running} running{/yellow-fg}  |` : '';
-  const hint = _getHint(state);
-
-  widget.setContent(
-    `{center}{grey-fg} Time: ${elapsed}s  |${runningStr}  ${suiteStr}  |  ${hint}  |  [q] quit {/grey-fg}{/center}`
-  );
-}
-
-function _getHint(state) {
-  if (state.testDetailOpen) {
-    return '{cyan-fg}[Esc]{/cyan-fg} close  |  {cyan-fg}[j/k]{/cyan-fg} scroll';
-  }
-  if (state.suiteDetailOpen) {
-    return '{cyan-fg}[j/k]{/cyan-fg} navigate failed tests  |  {cyan-fg}[Enter]{/cyan-fg} open failure  |  {cyan-fg}[Esc]{/cyan-fg} back';
-  }
-  if (state.watchWaiting) {
-    return '{yellow-fg}[a]{/yellow-fg} run all tests';
-  }
-  if (state.focus === 'results') {
-    return '{cyan-fg}[Tab]{/cyan-fg} switch panel  |  {cyan-fg}[Enter]{/cyan-fg} open failure';
-  }
-  return '{cyan-fg}[Tab]{/cyan-fg} switch panel  |  {cyan-fg}[Enter]{/cyan-fg} open suite';
-}
-
-module.exports = { createFooter, updateFooter };

package/lib/ui/panels/header.js

@@ -1,23 +0,0 @@
-'use strict';
-
-const blessed = require('blessed');
-
-function createHeader(screen) {
-  const widget = blessed.box({
-    top: 0, left: 0, width: '100%', height: 2,
-    content: '{center}{bold} JEST TEST DASHBOARD {/bold}{/center}',
-    tags: true,
-    style: { fg: 'white', bg: 'blue', bold: true },
-  });
-  screen.append(widget);
-  return widget;
-}
-
-function updateHeader(widget, ok) {
-  widget.style.bg = ok ? 'green' : 'red';
-  widget.setContent(
-    `{center}{bold} ${ok ? 'ALL TESTS PASSED' : 'SOME TESTS FAILED'} {/bold}{/center}`
-  );
-}
-
-module.exports = { createHeader, updateHeader };

package/lib/ui/panels/progress.js

@@ -1,30 +0,0 @@
-'use strict';
-
-const blessed = require('blessed');
-
-function createProgress(screen) {
-  const widget = blessed.box({
-    top: 4, left: 0, width: '100%', height: 2,
-    tags: true,
-    style: { fg: 'white', bg: '#111133' },
-  });
-  screen.append(widget);
-  return widget;
-}
-
-function updateProgress(widget, stats, screenWidth) {
-  const suiteTotal = stats.suites || 1;
-  const pct = Math.min(100, Math.round((stats.suitesCompleted / suiteTotal) * 100));
-  const bar = _buildBar(pct, screenWidth, stats.failed > 0);
-  widget.setContent(` Progress: ${bar} ${pct}%`);
-}
-
-function _buildBar(pct, screenWidth, hasFailed) {
-  const w = Math.max(20, (screenWidth || 80) - 20);
-  const filled = Math.round((pct / 100) * w);
-  const bar = '#'.repeat(filled) + '-'.repeat(w - filled);
-  const color = hasFailed ? 'red' : 'green';
-  return `{${color}-fg}${bar}{/${color}-fg}`;
-}
-
-module.exports = { createProgress, updateProgress };

package/lib/ui/panels/results.js

@@ -1,41 +0,0 @@
-'use strict';
-
-const blessed = require('blessed');
-
-function createResults(screen) {
-  const widget = blessed.list({
-    top: 6, left: 0, width: '65%', bottom: 3,
-    label: ' Test Results ',
-    border: { type: 'line' },
-    tags: true, scrollable: true, alwaysScroll: true,
-    keys: false, mouse: false,
-    scrollbar: { ch: '|', style: { fg: 'cyan' } },
-    style: {
-      border: { fg: 'cyan' }, label: { fg: 'cyan', bold: true },
-      bg: '#0a0a1a', item: { fg: 'white', bg: '#0a0a1a' },
-      selected: { bg: '#1a1a4a', bold: true },
-    },
-    padding: { left: 1, right: 1 },
-  });
-  screen.append(widget);
-  return widget;
-}
-
-function refreshResults(widget, state) {
-  const overlayOpen = state.suiteDetailOpen || state.testDetailOpen;
-  const active = !overlayOpen && state.focus === 'results' && state.resultCursor >= 0;
-  widget.setItems(state.resultLines);
-  if (active) {
-    widget.select(state.resultCursor);
-    widget.scrollTo(state.resultCursor);
-  } else {
-    widget.select(-1);
-  }
-}
-
-function updateBorder(widget, focused) {
-  widget.style.border.fg = focused ? 'white' : 'cyan';
-  widget.setLabel(focused ? ' Test Results [FOCUSED] ' : ' Test Results ');
-}
-
-module.exports = { createResults, refreshResults, updateBorder };

package/lib/ui/panels/stats.js

@@ -1,27 +0,0 @@
-'use strict';
-
-const blessed = require('blessed');
-
-function createStats(screen) {
-  const widget = blessed.box({
-    top: 2, left: 0, width: '100%', height: 2,
-    tags: true,
-    style: { fg: 'white', bg: '#111133' },
-  });
-  screen.append(widget);
-  return widget;
-}
-
-function updateStats(widget, stats) {
-  const { passed, failed, skipped, total } = stats;
-  widget.setContent(
-    '{center}' +
-    `{green-fg}{bold}  PASSED: ${passed}  {/bold}{/green-fg}` +
-    `{red-fg}{bold}  FAILED: ${failed}  {/bold}{/red-fg}` +
-    `{yellow-fg}{bold}  SKIPPED: ${skipped}  {/bold}{/yellow-fg}` +
-    `{white-fg}  TOTAL: ${total}  {/white-fg}` +
-    '{/center}'
-  );
-}
-
-module.exports = { createStats, updateStats };

package/lib/ui/panels/suites.js

@@ -1,66 +0,0 @@
-'use strict';
-
-const blessed = require('blessed');
-const { SPINNER } = require('../../constants');
-
-function createSuites(screen) {
-  const widget = blessed.list({
-    top: 6, right: 0, width: '35%', bottom: 3,
-    label: ' Suites ',
-    border: { type: 'line' },
-    tags: true, scrollable: true, alwaysScroll: true,
-    keys: false, mouse: false,
-    scrollbar: { ch: '|', style: { fg: 'magenta' } },
-    style: {
-      border: { fg: 'magenta' }, label: { fg: 'magenta', bold: true },
-      bg: '#0a0a1a', item: { fg: 'white', bg: '#0a0a1a' },
-      selected: { bg: '#1a0a3a', bold: true },
-    },
-    padding: { left: 1, right: 1 },
-  });
-  screen.append(widget);
-  return widget;
-}
-
-function updateSuites(widget, state) {
-  const spin = SPINNER[state.spinFrame];
-  const items = state.suiteOrder.map((path, i) => {
-    const s = state.suites[path];
-    const name = path.split('/').pop().replace(/\.test\.[jt]sx?$/, '');
-    const elapsed = s.startTime ? ` ${((Date.now() - s.startTime) / 1000).toFixed(1)}s` : '';
-
-    let icon, detail;
-    if (s.done) {
-      icon = s.failed > 0 ? '{red-fg}FAIL{/red-fg}' : '{green-fg}PASS{/green-fg}';
-      detail = ` {grey-fg}[${s.passed}p ${s.failed}f]{/grey-fg}`;
-    } else {
-      icon = `{yellow-fg}${spin}{/yellow-fg}`;
-      detail = `{grey-fg}${elapsed} [${s.passed}p ${s.failed}f]{/grey-fg}`;
-    }
-
-    const runningLines = s.running && s.running.size > 0
-      ? '\n' + [...s.running].map(t => `  {cyan-fg}> ${t}{/cyan-fg}`).join('\n')
-      : '';
-
-    const isCursor = state.focus === 'suites' && !state.suiteDetailOpen && !state.testDetailOpen && i === state.suiteCursor;
-    const hint = isCursor ? ' {cyan-fg}[Enter]{/cyan-fg}' : '';
-
-    return `${icon} {white-fg}${name}{/white-fg}${detail}${hint}${runningLines}`;
-  });
-
-  widget.setItems(items.length ? items : ['{grey-fg}waiting...{/grey-fg}']);
-  const active = state.focus === 'suites' && !state.suiteDetailOpen && !state.testDetailOpen;
-  if (active && state.suiteCursor >= 0) {
-    widget.select(state.suiteCursor);
-    widget.scrollTo(state.suiteCursor);
-  } else {
-    widget.select(-1);
-  }
-}
-
-function updateBorder(widget, focused) {
-  widget.style.border.fg = focused ? 'white' : 'magenta';
-  widget.setLabel(focused ? ' Suites [FOCUSED] ' : ' Suites ');
-}
-
-module.exports = { createSuites, updateSuites, updateBorder };

package/lib/ui/screen.js

@@ -1,100 +0,0 @@
-'use strict';
-
-const blessed = require('blessed');
-const { SPINNER } = require('../constants');
-const { createHeader, updateHeader } = require('./panels/header');
-const { createStats, updateStats } = require('./panels/stats');
-const { createProgress, updateProgress } = require('./panels/progress');
-const { createResults, refreshResults, updateBorder: updateResultsBorder } = require('./panels/results');
-const { createSuites, updateSuites, updateBorder: updateSuitesBorder } = require('./panels/suites');
-const { createFooter, updateFooter } = require('./panels/footer');
-const { createSuiteDetail } = require('./overlays/suiteDetail');
-const { createTestDetail } = require('./overlays/testDetail');
-const { bindKeys, refreshOpenSuiteDetail } = require('./keys');
-
-function createScreen(state) {
-  // Reuse screen and widgets across watch re-runs — Jest re-instantiates the
-  // reporter on every run, but we must not create a second blessed screen.
-  if (global.__jestronaut_ui__) {
-    const { screen, widgets, startTicker, state: sharedState } = global.__jestronaut_ui__;
-    screen.realloc();
-    return {
-      screen, widgets,
-      renderAll: () => renderAll(screen, widgets, sharedState),
-      refreshOpenSuiteDetail: () => refreshOpenSuiteDetail(widgets, sharedState),
-      startTicker,
-    };
-  }
-
-  const screen = blessed.screen({
-    smartCSR: true,
-    title: 'Jest Dashboard',
-    fullUnicode: false,
-    warnings: false,
-    terminal: 'xterm-256color',
-  });
-
-  const widgets = {
-    header:      createHeader(screen),
-    stats:       createStats(screen),
-    progress:    createProgress(screen),
-    results:     createResults(screen),
-    suites:      createSuites(screen),
-    footer:      createFooter(screen),
-    suiteDetail: createSuiteDetail(screen),
-    testDetail:  createTestDetail(screen),
-  };
-
-  // render helpers passed to key bindings
-  const render = {
-    all: () => renderAll(screen, widgets, state),
-    destroy: () => {
-      if (state._ticker) clearInterval(state._ticker);
-      screen.destroy();
-    },
-  };
-
-  bindKeys(screen, widgets, state, render);
-
-  function startTicker() {
-    if (state._ticker) clearInterval(state._ticker);
-    state._ticker = setInterval(() => {
-      state.spinFrame = (state.spinFrame + 1) % SPINNER.length;
-      updateSuites(widgets.suites, state);
-      updateFooter(widgets.footer, state);
-      screen.render();
-    }, 120);
-  }
-
-  global.__jestronaut_ui__ = { screen, widgets, startTicker, state };
-
-  startTicker();
-  renderAll(screen, widgets, state);
-
-  return { screen, widgets, renderAll: () => renderAll(screen, widgets, state), refreshOpenSuiteDetail: () => refreshOpenSuiteDetail(widgets, state), startTicker };
-}
-
-function renderAll(screen, widgets, state) {
-  // Only pass keypresses to Jest's watch mode when truly idle:
-  // watch waiting, no overlays, and no results to navigate
-  global.__jestronaut_block_jest_input__ = !(
-    state.watchWaiting &&
-    !state.suiteDetailOpen &&
-    !state.testDetailOpen &&
-    state.resultLines.length === 0
-  );
-  updateStats(widgets.stats, state.stats);
-  updateProgress(widgets.progress, state.stats, screen.width);
-  updateSuites(widgets.suites, state);
-  updateFooter(widgets.footer, state);
-  _updateBorders(widgets, state);
-  refreshResults(widgets.results, state);
-  screen.render();
-}
-
-function _updateBorders(widgets, state) {
-  updateResultsBorder(widgets.results, state.focus === 'results');
-  updateSuitesBorder(widgets.suites, state.focus === 'suites');
-}
-
-module.exports = { createScreen };