@nutin/cli 1.3.1 → 2.1.0

package/templates/base/tools/testin-nutin/core/coverage/write-summary-report.js.hbs

@@ -0,0 +1,54 @@
+import fs from 'fs';
+import path from 'path';
+import { print, toTsPath } from '../printer.js';
+import { errorExit } from '../../../utils/index.js';
+import config from '#root/nutin.config.js';
+
+const REPORT_PATH = path.join('coverage', 'summary.md');
+
+export function writeSummaryReport(report, globals, testResults) {
+  if (!report.length) return;
+
+  try {
+    fs.mkdirSync(path.dirname(REPORT_PATH), { recursive: true });
+    fs.writeFileSync(REPORT_PATH, buildMarkdown(report, globals, testResults));
+  } catch (err) {
+    errorExit(err, 'coverage/write-summary-report');
+  }
+  print.info(`Wrote ${REPORT_PATH}\n`);
+}
+
+function buildMarkdown(report, globals, testResults) {
+  const rows = report
+    .slice()
+    .sort((a, b) => a.file.localeCompare(b.file))
+    .map(r => `| ${toTsPath(r.file)} | ${r.linesPct.toFixed(1)} | ${r.functionsPct.toFixed(1)} | ${r.branchesPct.toFixed(1)} |`)
+    .join('\n');
+
+  const threshold = config.testinNutin.coverage?.threshold;
+  const thresholdLine = typeof threshold === 'number' ? `\n- Threshold: ${threshold}%` : '';
+
+  const { todo, passed, failed, elapsedTime } = testResults;
+  const total = passed + failed;
+  const todoLine = todo > 0 ? `\n- ⚠️ To do: ${todo}` : '';
+
+  return `# Coverage Summary
+
+## Test Summary
+
+- ✓ ${passed} passed
+- ✗ ${failed} failed
+- 📖 ${total} total
+- ⌚️ Time: ${elapsedTime.toFixed(2)}ms${todoLine}
+
+| File | Lines % | Functions % | Branches % |
+|---|---|---|---|
+${rows}
+
+## Global
+
+- Lines: ${globals.globalLinesPct.toFixed(1)}%
+- Functions: ${globals.globalFunctionsPct.toFixed(1)}%
+- Branches: ${globals.globalBranchesPct.toFixed(1)}%${thresholdLine}
+`;
+}

package/templates/base/tools/testin-nutin/core/coverage/write-uncovered-report.js.hbs

@@ -0,0 +1,44 @@
+import fs from 'fs';
+import path from 'path';
+import { print } from '../printer.js';
+import { errorExit } from '../../../utils/index.js';
+import config from '#root/nutin.config.js';
+
+const REPORT_PATH = path.join('coverage', 'uncovered.md');
+
+export async function maybeWriteUncoveredReport(report) {
+  const uncovered = report.filter(r => r.uncoveredLines.length || r.uncoveredBranches.length || r.uncoveredFunctions.length);
+  if (!uncovered.length) {
+    print.info('🎉 No uncovered code found.\n');
+    return;
+  }
+
+  if (!config.testinNutin.coverage.reportUncovered) return;
+
+  try {
+    fs.mkdirSync(path.dirname(REPORT_PATH), { recursive: true });
+    fs.writeFileSync(REPORT_PATH, buildMarkdown(uncovered));
+  } catch (err) {
+    errorExit(err, 'coverage/write-uncovered-report');
+  }
+  print.info(`Wrote ${REPORT_PATH}\n`);
+}
+
+function buildMarkdown(uncovered) {
+  const sections = uncovered
+    .sort((a, b) => a.file.localeCompare(b.file))
+    .map(r => {
+      const branches = r.uncoveredBranches.length
+        ? `Uncovered branches (lines): ${r.uncoveredBranches.join(', ')}\n`
+        : '';
+      const fns = r.uncoveredFunctions.length
+        ? `Uncovered functions:\n${r.uncoveredFunctions.map(f => `- \`${f.name}\` (line ${f.line})`).join('\n')}\n`
+        : '';
+      const lines = r.uncoveredLines.length
+        ? `Uncovered lines: ${r.uncoveredLines.join(', ')}\n`
+        : '';
+      return `## ${r.file}\n\n${branches}${fns}${lines}`;
+    });
+
+  return `# Uncovered Code\n\nIMPORTANT: Line numbers refer to **compiled** .js code (\`dist/src/\`).\n\n${sections.join('\n')}`;
+}

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

@@ -1,8 +1,17 @@
+class AssertionError extends Error {
+  constructor(message) {
+    super(message);
+    this.name = 'AssertionError';
+  }
+}
+
+global.AssertionError = AssertionError;
+
 global.expect = (actual) => {
   const expectObj = {
     toBe(expected) {
       if (actual !== expected) {
-        throw new Error(`Expected ${actual} to be strictly equal to ${expected}`);
+        throw new AssertionError(`Expected ${actual} to be strictly equal to ${expected}`);
       }
     },
     toEqual(expected) {
@@ -22,42 +31,42 @@ global.expect = (actual) => {
       };
 
       if (!deepEqual(actual, expected)) {
-        throw new Error(`Expected ${JSON.stringify(actual)} to deeply equal ${JSON.stringify(expected)}`);
+        throw new AssertionError(`Expected ${JSON.stringify(actual)} to deeply equal ${JSON.stringify(expected)}`);
       }
     },
     toContain(substring) {
       if (!actual.includes(substring)) {
-        throw new Error(`Expected '${actual}' to contain '${substring}'`);
+        throw new AssertionError(`Expected '${actual}' to contain '${substring}'`);
       }
     },
     toBeTruthy() {
       if (!actual) {
-        throw new Error(`Expected ${actual} to be truthy`);
+        throw new AssertionError(`Expected ${actual} to be truthy`);
       }
     },
     toBeFalsy() {
       if (actual) {
-        throw new Error(`Expected ${actual} to be falsy`);
+        throw new AssertionError(`Expected ${actual} to be falsy`);
       }
     },
     toBeDefined() {
       if (actual === null || actual === undefined) {
-        throw new Error(`Expected value to be defined, but got ${actual}`);
+        throw new AssertionError(`Expected value to be defined, but got ${actual}`);
       }
     },
     toBeUndefined() {
       if (actual !== null && actual !== undefined) {
-        throw new Error(`Expected value to be undefined, but got ${actual}`);
+        throw new AssertionError(`Expected value to be undefined, but got ${actual}`);
       }
     },
     toBeInstanceOf(constructor) {
       if (!(actual instanceof constructor)) {
-        throw new Error(`Expected ${actual} to be instance of ${constructor.name}`);
+        throw new AssertionError(`Expected ${actual} to be instance of ${constructor.name}`);
       }
     },
     toHaveBeenCalled() {
       if (!actual?.calls || actual.calls.length === 0) {
-        throw new Error(`Expected function to have been called, but it was not`);
+        throw new AssertionError(`Expected function to have been called, but it was not`);
       }
     },
     toHaveBeenCalledWith(...expectedArgs)  {
@@ -85,7 +94,7 @@ global.expect = (actual) => {
       );
 
       if (!matched) {
-        throw new Error(
+        throw new AssertionError(
           `Expected function to have been called with ${JSON.stringify(expectedArgs)}, but it was not.\n` +
           `Actual calls:\n${JSON.stringify(actual?.calls, null, 2)}`
         );
@@ -93,27 +102,40 @@ global.expect = (actual) => {
     },
     toBeLessThan(expected) {
       if (actual > expected) {
-        throw new Error(`Expected ${actual} to be less than ${expected}`)
+        throw new AssertionError(`Expected ${actual} to be less than ${expected}`)
       }
     },
     toBeGreaterThan(expected) {
       if (actual < expected) {
-        throw new Error(`Expected ${actual} to be greater than ${expected}`)
+        throw new AssertionError(`Expected ${actual} to be greater than ${expected}`)
       }
     },
     toThrow(expectedMessage) {
-      let threw = false;
-      try {
-        actual();
-      } catch (err) {
-        threw = true;
+      const checkMessage = (err) => {
         if (expectedMessage && !err.message.includes(expectedMessage)) {
-          throw new Error(`Expected error message to include "${expectedMessage}", but got "${err.message}"`);
+          throw new AssertionError(`Expected error message to include "${expectedMessage}", but got "${err.message}"`);
         }
+      };
+
+      let result;
+      try {
+        result = actual();
+      } catch (err) {
+        checkMessage(err);
+        return;
       }
-      if (!threw) {
-        throw new Error(`Expected function to throw, but it did not`);
+
+      // actual() returned a promise (async function) — it can only reject
+      // asynchronously, so return a promise the caller must await instead of
+      // throwing synchronously.
+      if (result && typeof result.then === 'function') {
+        return result.then(
+          () => { throw new AssertionError(`Expected function to throw, but it did not`); },
+          (err) => { checkMessage(err); }
+        );
       }
+
+      throw new AssertionError(`Expected function to throw, but it did not`);
     },
   };
 
@@ -124,12 +146,28 @@ global.expect = (actual) => {
     if (typeof fn !== 'function') continue;
 
     expectObj.not[name] = (...args) => {
+      const settle = (err) => {
+        if (err) {
+          if (err instanceof AssertionError) return;
+          throw err;
+        }
+        throw new AssertionError(`Expected NOT: ${name}(${JSON.stringify(args)})`);
+      };
+
+      let result;
       try {
-        fn(...args);
-      } catch {
-        return;
+        result = fn(...args);
+      } catch (err) {
+        return settle(err);
       }
-      throw new Error(`Expected NOT: ${name}(${JSON.stringify(args)})`);
+
+      // Only toThrow(), given an async function, can return a promise here —
+      // every other matcher (and toThrow given a sync function) is synchronous.
+      if (result && typeof result.then === 'function') {
+        return result.then(() => settle(), (err) => settle(err));
+      }
+
+      return settle();
     };
   }
   return expectObj;

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';