@nutin/cli 1.3.1 → 2.0.0

package/templates/base/tools/testin-nutin/core/globals/clock.js.hbs

@@ -0,0 +1,206 @@
+let _installed = false;
+let _now = 0;                  // virtual clock, ms since epoch
+let _idSeq = 1;                // fake timer id counter — starts at 1, never falsy
+const _timers = new Map();     // id -> { id, type: 'timeout'|'interval', callback, args, delay, due }
+let _originals = null;         // real fns captured at install time
+const MAX_LOOP_ITERATIONS = 100000;
+
+function _schedule(type, cb, delay, args) {
+  if (typeof cb !== 'function') {
+    throw new Error(`${type === 'timeout' ? 'setTimeout' : 'setInterval'} requires a function callback`);
+  }
+  const id = _idSeq++;
+  const safeDelay = Math.max(0, Number(delay) || 0);
+  _timers.set(id, { id, type, callback: cb, args, delay: safeDelay, due: _now + safeDelay });
+  return id;
+}
+
+const fakeSetTimeout = (cb, delay = 0, ...args) => _schedule('timeout', cb, delay, args);
+const fakeSetInterval = (cb, delay = 0, ...args) => _schedule('interval', cb, delay, args);
+const fakeClearTimeout = (id) => { _timers.delete(id); };
+const fakeClearInterval = fakeClearTimeout;
+
+function _makeFakeDate(RealDate) {
+  return class FakeDate extends RealDate {
+    constructor(...args) {
+      if (args.length === 0) {
+        super(_now);
+      } else {
+        super(...args);
+      }
+    }
+    static now() {
+      return _now;
+    }
+  };
+}
+
+// Sugar over the fake timers rather than relying on jsdom-setup.js's
+// `window.requestAnimationFrame ??= (cb) => setTimeout(cb, 0)` shim, which is
+// dead code with `pretendToBeVisual: true` jsdom config
+const fakeRequestAnimationFrame = (cb) => fakeSetTimeout(() => cb(_now), 16);
+const fakeCancelAnimationFrame = (id) => fakeClearTimeout(id);
+
+function _assertFake(name) {
+  if (!_installed) {
+    throw new Error(`${name}() requires useFakeTimers() to be called first`);
+  }
+}
+
+function _earliestDue(predicate) {
+  let best = null;
+  for (const timer of _timers.values()) {
+    if (predicate(timer) && (!best || timer.due < best.due || (timer.due === best.due && timer.id < best.id))) {
+      best = timer;
+    }
+  }
+  return best;
+}
+
+function _fire(timer) {
+  if (timer.type === 'timeout') {
+    _timers.delete(timer.id);
+    timer.callback(...timer.args);
+  } else {
+    timer.due += timer.delay;
+    timer.callback(...timer.args);
+  }
+}
+
+global.useFakeTimers = function useFakeTimers() {
+  if (_installed) return;
+
+  _originals = {
+    setTimeout: global.setTimeout,
+    clearTimeout: global.clearTimeout,
+    setInterval: global.setInterval,
+    clearInterval: global.clearInterval,
+    Date: global.Date,
+    requestAnimationFrame: global.requestAnimationFrame,
+    cancelAnimationFrame: global.cancelAnimationFrame,
+    windowSetTimeout: typeof window !== 'undefined' ? window.setTimeout : undefined,
+    windowClearTimeout: typeof window !== 'undefined' ? window.clearTimeout : undefined,
+    windowSetInterval: typeof window !== 'undefined' ? window.setInterval : undefined,
+    windowClearInterval: typeof window !== 'undefined' ? window.clearInterval : undefined,
+    windowDate: typeof window !== 'undefined' ? window.Date : undefined,
+    windowRequestAnimationFrame: typeof window !== 'undefined' ? window.requestAnimationFrame : undefined,
+    windowCancelAnimationFrame: typeof window !== 'undefined' ? window.cancelAnimationFrame : undefined,
+  };
+
+  _now = _originals.Date.now();
+  _idSeq = 1;
+  _timers.clear();
+
+  const FakeDate = _makeFakeDate(_originals.Date);
+
+  global.setTimeout = fakeSetTimeout;
+  global.clearTimeout = fakeClearTimeout;
+  global.setInterval = fakeSetInterval;
+  global.clearInterval = fakeClearInterval;
+  global.Date = FakeDate;
+  // Compiled app code calls the bare `requestAnimationFrame` identifier, which
+  // resolves via normal scope lookup to `global.requestAnimationFrame` — not
+  // `window.requestAnimationFrame` — so both must be faked, not just window's.
+  global.requestAnimationFrame = fakeRequestAnimationFrame;
+  global.cancelAnimationFrame = fakeCancelAnimationFrame;
+
+  if (typeof window !== 'undefined') {
+    window.setTimeout = fakeSetTimeout;
+    window.clearTimeout = fakeClearTimeout;
+    window.setInterval = fakeSetInterval;
+    window.clearInterval = fakeClearInterval;
+    window.Date = FakeDate;
+    window.requestAnimationFrame = fakeRequestAnimationFrame;
+    window.cancelAnimationFrame = fakeCancelAnimationFrame;
+  }
+
+  _installed = true;
+};
+
+global.useRealTimers = function useRealTimers() {
+  if (!_installed) return;
+
+  global.setTimeout = _originals.setTimeout;
+  global.clearTimeout = _originals.clearTimeout;
+  global.setInterval = _originals.setInterval;
+  global.clearInterval = _originals.clearInterval;
+  global.Date = _originals.Date;
+  global.requestAnimationFrame = _originals.requestAnimationFrame;
+  global.cancelAnimationFrame = _originals.cancelAnimationFrame;
+
+  if (typeof window !== 'undefined') {
+    window.setTimeout = _originals.windowSetTimeout;
+    window.clearTimeout = _originals.windowClearTimeout;
+    window.setInterval = _originals.windowSetInterval;
+    window.clearInterval = _originals.windowClearInterval;
+    window.Date = _originals.windowDate;
+    window.requestAnimationFrame = _originals.windowRequestAnimationFrame;
+    window.cancelAnimationFrame = _originals.windowCancelAnimationFrame;
+  }
+
+  _timers.clear();
+  _installed = false;
+  _originals = null;
+};
+
+global.advanceTimersByTime = function advanceTimersByTime(ms) {
+  _assertFake('advanceTimersByTime');
+  const target = _now + Math.max(0, Number(ms) || 0);
+  let iterations = 0;
+
+  for (;;) {
+    const next = _earliestDue(timer => timer.due <= target);
+    if (!next) break;
+    if (++iterations > MAX_LOOP_ITERATIONS) {
+      throw new Error(`advanceTimersByTime: exceeded ${MAX_LOOP_ITERATIONS} timer firings — likely an interval rescheduling itself with delay 0`);
+    }
+    _now = next.due;
+    _fire(next);
+  }
+
+  _now = target;
+};
+
+global.tick = global.advanceTimersByTime;
+
+global.runAllTimers = function runAllTimers() {
+  _assertFake('runAllTimers');
+  let iterations = 0;
+
+  while (_timers.size > 0) {
+    if (++iterations > MAX_LOOP_ITERATIONS) {
+      throw new Error(`runAllTimers: aborting after ${MAX_LOOP_ITERATIONS} timers — likely an infinite loop (e.g. an uncleared setInterval)`);
+    }
+    const next = _earliestDue(() => true);
+    _now = Math.max(_now, next.due);
+    _fire(next);
+  }
+};
+
+global.runOnlyPendingTimers = function runOnlyPendingTimers() {
+  _assertFake('runOnlyPendingTimers');
+  const pendingIds = new Set(_timers.keys());
+
+  for (;;) {
+    const next = _earliestDue(timer => pendingIds.has(timer.id));
+    if (!next) break;
+    pendingIds.delete(next.id);
+    _now = Math.max(_now, next.due);
+    _fire(next);
+  }
+};
+
+global.clearAllTimers = function clearAllTimers() {
+  _assertFake('clearAllTimers');
+  _timers.clear();
+};
+
+global.getTimerCount = function getTimerCount() {
+  _assertFake('getTimerCount');
+  return _timers.size;
+};
+
+global.setSystemTime = function setSystemTime(msOrDate) {
+  _assertFake('setSystemTime');
+  _now = msOrDate instanceof Date ? msOrDate.getTime() : Number(msOrDate);
+};

package/templates/{features/testinNutin/testin-nutin/core/src → base/tools/testin-nutin/core}/globals/jsdom-setup.js.hbs

@@ -1,8 +1,11 @@
 import fs from 'fs';
 import path from 'path';
 import { JSDOM } from 'jsdom';
-import config from '#root/testin-nutin.config.js';
+import { print } from '../../../utils/index.js';
+import config from '#root/nutin.config.js';
+
 let currentDom = null;
+const nativeGlobalKeys = new Set(Object.getOwnPropertyNames(global));
 
 export function setupJsdom(htmlPath = 'dist/src/index.html') {
   const html = fs.readFileSync(path.resolve(process.cwd(), htmlPath), 'utf8');
@@ -12,7 +15,7 @@ export function setupJsdom(htmlPath = 'dist/src/index.html') {
     resources,
     freezeGlobals,
     pretendToBeVisual,
-  } = config.jsdomOptions;
+  } = config.testinNutin.jsdomOptions;
 
   const dom = new JSDOM(html, {
     url: 'http://localhost',
@@ -26,9 +29,11 @@ export function setupJsdom(htmlPath = 'dist/src/index.html') {
   global.window = dom.window;
   global.document = dom.window.document;
 
-  // DOM globals
+  // DOM globals — re-synced every call so classes like HTMLInputElement always
+  // match the current jsdom realm, not whichever realm happened to run first.
+  // Real Node globals (console, setTimeout, fetch, Event, ...) are left untouched.
   Object.getOwnPropertyNames(dom.window)
-    .filter(prop => !(prop in global))
+    .filter(prop => !nativeGlobalKeys.has(prop))
     .forEach(prop => {
       global[prop] = dom.window[prop];
   });
@@ -41,7 +46,13 @@ export function setupJsdom(htmlPath = 'dist/src/index.html') {
     removeEventListener: () => {},
   });
 
-  window.scrollTo ??= () => {};
+  // jsdom already ships a real (but "not implemented") scrollTo, so ??= never
+  // fires here — always override it with a working no-op.
+  window.scrollTo = () => {};
+
+  // jsdom doesn't implement Element.prototype.scrollIntoView at all (no layout
+  // engine to compute a real scroll position), so any code calling it throws.
+  window.Element.prototype.scrollIntoView ??= function () {};
 
   window.requestAnimationFrame ??= (cb) => setTimeout(cb, 0);
   window.cancelAnimationFrame ??= (id) => clearTimeout(id);
@@ -72,7 +83,9 @@ export function teardownJsdom() {
   if (currentDom) {
     try {
       currentDom.window.close();
-    } catch {}
+    } catch (err) {
+      print.grayError(`[jsdom] window.close() failed: ${err.message}`);
+    }
   }
 
   currentDom = null;

package/templates/{features/testinNutin/testin-nutin/core/src → base/tools/testin-nutin/core}/globals/register-test-globals.js.hbs

@@ -1,8 +1,11 @@
-import { print, addTest } from '../../index.js';
-import config from '#root/testin-nutin.config.js';
+import { print, addTest } from '../index.js';
 import { setupJsdom, teardownJsdom, resetDom, flushPromises } from './jsdom-setup.js';
+import { silenceConsole } from './silence-console.js';
 import './assertion-lib.js';
 import './spyon.js';
+import './clock.js';
+
+const verboseEnabled = process.argv.includes('--verbose');
 
 export function registerTestGlobals() {
   let currentSuite = '';
@@ -16,7 +19,7 @@ export function registerTestGlobals() {
       afterEach: null,
       afterAll: null
     };
-    if (config.verbose) print.boldSuccess('📂 ' + name);
+    if (verboseEnabled) print.boldSuccess('📂 ' + name);
     fn();
   };
 
@@ -31,6 +34,9 @@ export function registerTestGlobals() {
       afterAll: currentSuiteHooks.afterAll
     });
   };
+  global.it.todo = (s) => {
+    addTest({ suiteName: currentSuite, testName: s, isTodo: true });
+  };
 
   global.beforeAll = (fn) => {
     currentSuiteHooks.beforeAll = fn;
@@ -49,11 +55,14 @@ export function registerTestGlobals() {
   global.teardownJsdom = teardownJsdom;
   global.resetDom = resetDom;
   global.flushPromises = flushPromises;
+  global.silenceConsole = silenceConsole;
 
   global.$ = (selector) => document.querySelector(selector);
   global.$$ = (selector) => [...document.querySelectorAll(selector)];
 
-  global.click = (el) => el.dispatchEvent(new window.MouseEvent("click", { bubbles: true }));
+  // cancelable: true matches a real browser's native click event, so code
+  // under test that calls preventDefault() actually sees defaultPrevented.
+  global.click = (el) => el.dispatchEvent(new window.MouseEvent("click", { bubbles: true, cancelable: true }));
   global.type = (el, text) => { el.value = text; el.dispatchEvent(new window.InputEvent("input", { bubbles: true })); };
 
 }

package/templates/base/tools/testin-nutin/core/globals/silence-console.js.hbs

@@ -0,0 +1,23 @@
+export function silenceConsole(methodOrMethods, fn) {
+  const methods = Array.isArray(methodOrMethods) ? methodOrMethods : [methodOrMethods];
+  const spies = methods.map((method) => spyOn(console, method).andCallFake(() => {}));
+  const restore = () => spies.forEach((spy) => spy.restore());
+
+  let result;
+  try {
+    result = fn();
+  } catch (err) {
+    restore();
+    throw err;
+  }
+
+  if (result && typeof result.then === 'function') {
+    return result.then(
+      (value) => { restore(); return value; },
+      (err) => { restore(); throw err; }
+    );
+  }
+
+  restore();
+  return result;
+}

package/templates/{features/testinNutin/testin-nutin/core/src → base/tools/testin-nutin/core}/globals/spyon.js.hbs

@@ -47,11 +47,13 @@ global.spyOn = (obj, methodName) => {
     andCallFake(fn) {
       spyFunction._fake = fn;
       spyFunction._hasReturn = false;
+      return handle;
     },
     andReturn(value) {
       spyFunction._returnValue = value;
       spyFunction._hasReturn = true;
       spyFunction._fake = null;
+      return handle;
     }
   };
 

package/templates/base/tools/testin-nutin/core/index.js.hbs

@@ -0,0 +1,9 @@
+export * from './globals/jsdom-setup.js';
+export * from './globals/register-test-globals.js';
+export * from './queue/test-discovery.js';
+export * from './queue/test-queue.js';
+export * from './printer.js';
+export * from './coverage/collect-coverage.js';
+export * from './coverage/compute-coverage.js';
+export * from './coverage/write-uncovered-report.js';
+export * from './coverage/write-summary-report.js';

package/templates/base/tools/testin-nutin/core/printer.js.hbs

@@ -0,0 +1,85 @@
+import { print, chalk } from '../../utils/index.js';
+import config from '#root/nutin.config.js';
+
+export { chalk, print } from '../../utils/index.js';
+
+const verboseEnabled = process.argv.includes('--verbose');
+
+export function printSummary(todo, passed, failed, time) {
+  const totalTime = time.toFixed(2);
+  const total = passed + failed;
+
+  print.boldBlue(`Test Summary`);
+  print.boldInfo(`✓ ${passed} passed`);
+  print.boldError(`✗ ${failed} failed`);
+  print.info(`📖 ${total} total`);
+  print.info(`⌚️ Time: ${totalTime}ms\n`);
+  if (todo > 0) print.boldWarn(`⚠️ To do: ${todo}\n`);
+}
+
+export function printResults(results) {
+  const statusOrder = { passed: 0, todo: 1, failed: 2 };
+  const sortedResults = results.sort((a, b) => statusOrder[a.status] - statusOrder[b.status]);
+
+  sortedResults.forEach(result => {
+    if (result.status === 'passed') {
+      if (verboseEnabled) console.log(`${chalk.green('✓')} ${chalk.cyan(`${result.suiteName}`)} - ${chalk.green(`${result.name}`)}`);
+    } else if (result.status === 'todo') {
+      print.warn(`TODO: ${result.name} in ${toTsPath(result.file)}`);
+    } else {
+      print.error(`✗ ${result.suiteName} - ${result.name}`);
+      print.grayError(result.error);
+    }
+  });
+}
+
+export function printStart() {
+  print.boldHead('\nRunning tests...\n');
+}
+
+export function printCoverageReport(report) {
+  if (!report.length) {
+    print.warn('No app source files were covered.');
+    return { globalLinesPct: 100, globalFunctionsPct: 100, globalBranchesPct: 100 };
+  }
+
+  print.boldBlue('\nCoverage Summary');
+  console.table(
+    report
+      .sort((a, b) => a.file.localeCompare(b.file))
+      .map(r => ({
+        File: toTsPath(r.file),
+        'Lines %': r.linesPct.toFixed(1),
+        'Functions %': r.functionsPct.toFixed(1),
+        'Branches %': r.branchesPct.toFixed(1),
+      }))
+  );
+
+  const totals = report.reduce((acc, r) => ({
+    coveredLines: acc.coveredLines + r.coveredLines,
+    totalLines: acc.totalLines + r.totalLines,
+    coveredBranches: acc.coveredBranches + r.coveredBranches,
+    totalBranches: acc.totalBranches + r.totalBranches,
+    coveredFunctions: acc.coveredFunctions + r.coveredFunctions,
+    totalFunctions: acc.totalFunctions + r.totalFunctions,
+  }), { coveredLines: 0, totalLines: 0, coveredBranches: 0, totalBranches: 0, coveredFunctions: 0, totalFunctions: 0 });
+
+  const globalLinesPct = totals.totalLines ? (totals.coveredLines / totals.totalLines) * 100 : 100;
+  const globalFunctionsPct = totals.totalFunctions ? (totals.coveredFunctions / totals.totalFunctions) * 100 : 100;
+  const globalBranchesPct = totals.totalBranches ? (totals.coveredBranches / totals.totalBranches) * 100 : 100;
+
+  const threshold = config.testinNutin.coverage?.threshold;
+  const thresholdSuffix = typeof threshold === 'number' ? `  (threshold: ${threshold}%)` : '';
+  print.boldInfo(`Global:  ${globalBranchesPct.toFixed(1)}% branches, ${globalFunctionsPct.toFixed(1)}% functions, ${globalLinesPct.toFixed(1)}% lines${thresholdSuffix}\n`);
+
+  return { globalLinesPct, globalFunctionsPct, globalBranchesPct };
+}
+
+export function toTsPath(input) {
+  return input
+    .split('/')
+    .slice(1)
+    .join('/')
+    .replace(/\.js$/, '.ts');
+}
+

package/templates/base/tools/testin-nutin/core/queue/queue.test.js.hbs

@@ -0,0 +1,46 @@
+import Queue from './queue.js';
+
+describe('Queue', () => {
+  it('starts empty', () => {
+    const queue = new Queue();
+    expect(queue.length).toBe(0);
+    expect(queue.deque()).toBe(undefined);
+    expect(queue.peek()).toBe(undefined);
+  });
+
+  it('dequeues items in FIFO order', () => {
+    const queue = new Queue();
+    queue.enqueue('a');
+    queue.enqueue('b');
+    queue.enqueue('c');
+
+    expect(queue.length).toBe(3);
+    expect(queue.deque()).toBe('a');
+    expect(queue.deque()).toBe('b');
+    expect(queue.length).toBe(1);
+    expect(queue.deque()).toBe('c');
+    expect(queue.length).toBe(0);
+  });
+
+  it('peek returns the next item without removing it', () => {
+    const queue = new Queue();
+    queue.enqueue('first');
+    queue.enqueue('second');
+
+    expect(queue.peek()).toBe('first');
+    expect(queue.peek()).toBe('first');
+    expect(queue.length).toBe(2);
+  });
+
+  it('handles a single enqueue/deque cycle and can be reused afterward', () => {
+    const queue = new Queue();
+    queue.enqueue('only');
+    expect(queue.deque()).toBe('only');
+    expect(queue.length).toBe(0);
+    expect(queue.deque()).toBe(undefined);
+
+    queue.enqueue('again');
+    expect(queue.length).toBe(1);
+    expect(queue.deque()).toBe('again');
+  });
+});

package/templates/base/tools/testin-nutin/core/queue/test-discovery.test.js.hbs

@@ -0,0 +1,46 @@
+import fs from 'fs';
+import os from 'os';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import { getTestFiles } from './test-discovery.js';
+
+// getTestFiles resolves its own `projectRoot` anchor one directory short of the real
+// project root (see tools/testin-nutin/runner.js, which always calls it as
+// `getTestFiles(path.join('..', origin))` to compensate). This test file lives in the
+// same directory as test-discovery.js, so it can recompute that same anchor to build
+// `dir` arguments the same way the real runner does.
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const relativeToCwd = path.relative(process.cwd(), __dirname);
+const levelsUp = relativeToCwd.split(path.sep).length - 1;
+const projectRoot = path.resolve(__dirname, ...Array(levelsUp).fill('..'));
+
+describe('getTestFiles', () => {
+  let tmpDir;
+  let relDir;
+
+  beforeEach(() => {
+    tmpDir = fs.mkdtempSync(path.join(os.tmpdir(), 'nutin-test-discovery-'));
+    relDir = path.relative(projectRoot, tmpDir);
+
+    fs.mkdirSync(path.join(tmpDir, 'nested'), { recursive: true });
+    fs.writeFileSync(path.join(tmpDir, 'a.test.js'), '');
+    fs.writeFileSync(path.join(tmpDir, 'b.js'), '');
+    fs.writeFileSync(path.join(tmpDir, 'nested', 'c.test.js'), '');
+    fs.writeFileSync(path.join(tmpDir, 'nested', 'readme.md'), '');
+  });
+
+  afterEach(() => {
+    fs.rmSync(tmpDir, { recursive: true, force: true });
+  });
+
+  it('recursively finds only files ending in .test.js', () => {
+    const files = getTestFiles(relDir).sort();
+    expect(files).toEqual(
+      [path.join(tmpDir, 'a.test.js'), path.join(tmpDir, 'nested', 'c.test.js')].sort()
+    );
+  });
+
+  it('returns an empty array for a directory that does not exist', () => {
+    expect(getTestFiles(path.join(relDir, 'does-not-exist'))).toEqual([]);
+  });
+});