mocha 10.3.0 → 10.5.0

package/mocha.js

@@ -1,4 +1,4 @@
-// mocha@10.3.0 in javascript ES2018
+// mocha@10.5.0 in javascript ES2018
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -14433,11 +14433,22 @@
       err = thrown2Error(err);
     }
 
-    try {
-      err.stack =
-        this.fullStackTrace || !err.stack ? err.stack : stackFilter(err.stack);
-    } catch (ignore) {
-      // some environments do not take kindly to monkeying with the stack
+    // Filter the stack traces
+    if (!this.fullStackTrace) {
+      const alreadyFiltered = new Set();
+      let currentErr = err;
+
+      while (currentErr && currentErr.stack && !alreadyFiltered.has(currentErr)) {
+        alreadyFiltered.add(currentErr);
+
+        try {
+          currentErr.stack = stackFilter(currentErr.stack);
+        } catch (ignore) {
+          // some environments do not take kindly to monkeying with the stack
+        }
+
+        currentErr = currentErr.cause;
+      }
     }
 
     this.emit(constants$1.EVENT_TEST_FAIL, test, err);
@@ -15468,6 +15479,56 @@
     }
   });
 
+  /**
+   * Traverses err.cause and returns all stack traces
+   *
+   * @private
+   * @param {Error} err
+   * @param {Set<Error>} [seen]
+   * @return {FullErrorStack}
+   */
+  var getFullErrorStack = function (err, seen) {
+    if (seen && seen.has(err)) {
+      return { message: '', msg: '<circular>', stack: '' };
+    }
+
+    var message;
+
+    if (typeof err.inspect === 'function') {
+      message = err.inspect() + '';
+    } else if (err.message && typeof err.message.toString === 'function') {
+      message = err.message + '';
+    } else {
+      message = '';
+    }
+
+    var msg;
+    var stack = err.stack || message;
+    var index = message ? stack.indexOf(message) : -1;
+
+    if (index === -1) {
+      msg = message;
+    } else {
+      index += message.length;
+      msg = stack.slice(0, index);
+      // remove msg from stack
+      stack = stack.slice(index + 1);
+
+      if (err.cause) {
+        seen = seen || new Set();
+        seen.add(err);
+        const causeStack = getFullErrorStack(err.cause, seen);
+        stack += '\n   Caused by: ' + causeStack.msg + (causeStack.stack ? '\n' + causeStack.stack : '');
+      }
+    }
+
+    return {
+      message,
+      msg,
+      stack
+    };
+  };
+
   /**
    * Outputs the given `failures` as a list.
    *
@@ -15488,7 +15549,6 @@
         color('error stack', '\n%s\n');
 
       // msg
-      var msg;
       var err;
       if (test.err && test.err.multiple) {
         if (multipleTest !== test) {
@@ -15499,25 +15559,8 @@
       } else {
         err = test.err;
       }
-      var message;
-      if (typeof err.inspect === 'function') {
-        message = err.inspect() + '';
-      } else if (err.message && typeof err.message.toString === 'function') {
-        message = err.message + '';
-      } else {
-        message = '';
-      }
-      var stack = err.stack || message;
-      var index = message ? stack.indexOf(message) : -1;
 
-      if (index === -1) {
-        msg = message;
-      } else {
-        index += message.length;
-        msg = stack.slice(0, index);
-        // remove msg from stack
-        stack = stack.slice(index + 1);
-      }
+      var { message, msg, stack } = getFullErrorStack(err);
 
       // uncaught
       if (err.uncaught) {
@@ -15795,6 +15838,15 @@
   Base.consoleLog = consoleLog;
 
   Base.abstract = true;
+
+  /**
+   * An object with all stack traces recursively mounted from each err.cause
+   * @memberof module:lib/reporters/base
+   * @typedef {Object} FullErrorStack
+   * @property {string} message
+   * @property {string} msg
+   * @property {string} stack
+   */
   }(base$1, base$1.exports));
 
   var dot = {exports: {}};
@@ -16455,143 +16507,6 @@
 
   var html = {exports: {}};
 
-  /**
-   @module browser/Progress
-  */
-
-  /**
-   * Expose `Progress`.
-   */
-
-  var progress$1 = Progress;
-
-  /**
-   * Initialize a new `Progress` indicator.
-   */
-  function Progress() {
-    this.percent = 0;
-    this.size(0);
-    this.fontSize(11);
-    this.font('helvetica, arial, sans-serif');
-  }
-
-  /**
-   * Set progress size to `size`.
-   *
-   * @public
-   * @param {number} size
-   * @return {Progress} Progress instance.
-   */
-  Progress.prototype.size = function (size) {
-    this._size = size;
-    return this;
-  };
-
-  /**
-   * Set text to `text`.
-   *
-   * @public
-   * @param {string} text
-   * @return {Progress} Progress instance.
-   */
-  Progress.prototype.text = function (text) {
-    this._text = text;
-    return this;
-  };
-
-  /**
-   * Set font size to `size`.
-   *
-   * @public
-   * @param {number} size
-   * @return {Progress} Progress instance.
-   */
-  Progress.prototype.fontSize = function (size) {
-    this._fontSize = size;
-    return this;
-  };
-
-  /**
-   * Set font to `family`.
-   *
-   * @param {string} family
-   * @return {Progress} Progress instance.
-   */
-  Progress.prototype.font = function (family) {
-    this._font = family;
-    return this;
-  };
-
-  /**
-   * Update percentage to `n`.
-   *
-   * @param {number} n
-   * @return {Progress} Progress instance.
-   */
-  Progress.prototype.update = function (n) {
-    this.percent = n;
-    return this;
-  };
-
-  /**
-   * Draw on `ctx`.
-   *
-   * @param {CanvasRenderingContext2d} ctx
-   * @return {Progress} Progress instance.
-   */
-  Progress.prototype.draw = function (ctx) {
-    try {
-      var darkMatcher = window.matchMedia('(prefers-color-scheme: dark)');
-      var isDarkMode = !!darkMatcher.matches;
-      var lightColors = {
-        outerCircle: '#9f9f9f',
-        innerCircle: '#eee',
-        text: '#000'
-      };
-      var darkColors = {
-        outerCircle: '#888',
-        innerCircle: '#444',
-        text: '#fff'
-      };
-      var colors = isDarkMode ? darkColors : lightColors;
-
-      var percent = Math.min(this.percent, 100);
-      var size = this._size;
-      var half = size / 2;
-      var x = half;
-      var y = half;
-      var rad = half - 1;
-      var fontSize = this._fontSize;
-
-      ctx.font = fontSize + 'px ' + this._font;
-
-      var angle = Math.PI * 2 * (percent / 100);
-      ctx.clearRect(0, 0, size, size);
-
-      // outer circle
-      ctx.strokeStyle = colors.outerCircle;
-      ctx.beginPath();
-      ctx.arc(x, y, rad, 0, angle, false);
-      ctx.stroke();
-
-      // inner circle
-      ctx.strokeStyle = colors.innerCircle;
-      ctx.beginPath();
-      ctx.arc(x, y, rad - 1, 0, angle, true);
-      ctx.stroke();
-
-      // text
-      var text = this._text || (percent | 0) + '%';
-      var w = ctx.measureText(text).width;
-
-      ctx.fillStyle = colors.text;
-      ctx.fillText(text, x - w / 2 + 1, y + fontSize / 2 - 1);
-    } catch (ignore) {
-      // don't fail if we can't render progress
-    }
-    return this;
-  };
-
   (function (module, exports) {
 
   /* eslint-env browser */
@@ -16604,7 +16519,6 @@
 
   var Base = base$1.exports;
   var utils = utils$3;
-  var Progress = progress$1;
   var escapeRe = escapeStringRegexp;
   var constants = runner.constants;
   var EVENT_TEST_PASS = constants.EVENT_TEST_PASS;
@@ -16632,7 +16546,7 @@
 
   var statsTemplate =
     '<ul id="mocha-stats">' +
-    '<li class="progress"><canvas width="40" height="40"></canvas></li>' +
+    '<li class="progress-contain"><progress class="progress-element" max="100" value="0"></progress><svg class="progress-ring"><circle class="ring-flatlight" stroke-dasharray="100%,0%"/><circle class="ring-highlight" stroke-dasharray="0%,100%"/></svg><div class="progress-text">0%</div></li>' +
     '<li class="passes"><a href="javascript:void(0);">passes:</a> <em>0</em></li>' +
     '<li class="failures"><a href="javascript:void(0);">failures:</a> <em>0</em></li>' +
     '<li class="duration">duration: <em>0</em>s</li>' +
@@ -16662,24 +16576,15 @@
     var failures = items[2].getElementsByTagName('em')[0];
     var failuresLink = items[2].getElementsByTagName('a')[0];
     var duration = items[3].getElementsByTagName('em')[0];
-    var canvas = stat.getElementsByTagName('canvas')[0];
     var report = fragment('<ul id="mocha-report"></ul>');
     var stack = [report];
-    var progress;
-    var ctx;
+    var progressText = items[0].getElementsByTagName('div')[0];
+    var progressBar = items[0].getElementsByTagName('progress')[0];
+    var progressRing = [
+      items[0].getElementsByClassName('ring-flatlight')[0],
+      items[0].getElementsByClassName('ring-highlight')[0]];
     var root = document.getElementById('mocha');
 
-    if (canvas.getContext) {
-      var ratio = window.devicePixelRatio || 1;
-      canvas.style.width = canvas.width;
-      canvas.style.height = canvas.height;
-      canvas.width *= ratio;
-      canvas.height *= ratio;
-      ctx = canvas.getContext('2d');
-      ctx.scale(ratio, ratio);
-      progress = new Progress();
-    }
-
     if (!root) {
       return error('#mocha div missing, add it to your document');
     }
@@ -16709,10 +16614,6 @@
     root.appendChild(stat);
     root.appendChild(report);
 
-    if (progress) {
-      progress.size(40);
-    }
-
     runner.on(EVENT_SUITE_BEGIN, function (suite) {
       if (suite.root) {
         return;
@@ -16828,8 +16729,26 @@
     function updateStats() {
       // TODO: add to stats
       var percent = ((stats.tests / runner.total) * 100) | 0;
-      if (progress) {
-        progress.update(percent).draw(ctx);
+      progressBar.value = percent;
+      if (progressText) {
+        // setting a toFixed that is too low, makes small changes to progress not shown
+        // setting it too high, makes the progress text longer then it needs to
+        // to address this, calculate the toFixed based on the magnitude of total
+        var decimalPlaces = Math.ceil(Math.log10(runner.total / 100));
+        text(
+          progressText,
+          percent.toFixed(Math.min(Math.max(decimalPlaces, 0), 100)) + '%'
+        );
+      }
+      if (progressRing) {
+        var radius = parseFloat(getComputedStyle(progressRing[0]).getPropertyValue('r'));
+        var wholeArc = Math.PI * 2 * radius;
+        var highlightArc = percent * (wholeArc / 100);
+        // The progress ring is in 2 parts, the flatlight color and highlight color.
+        // Rendering both on top of the other, seems to make a 3rd color on the edges.
+        // To create 1 whole ring with 2 colors, both parts are inverse of the other.
+        progressRing[0].style['stroke-dasharray'] = `0,${highlightArc}px,${wholeArc}px`;
+        progressRing[1].style['stroke-dasharray'] = `${highlightArc}px,${wholeArc}px`;
       }
 
       // update stats
@@ -17658,6 +17577,7 @@
     var attrs = {
       classname: test.parent.fullTitle(),
       name: test.title,
+      file: test.file,
       time: test.duration / 1000 || 0
     };
 
@@ -19066,7 +18986,7 @@
   };
 
   var name = "mocha";
-  var version = "10.3.0";
+  var version = "10.5.0";
   var homepage = "https://mochajs.org/";
   var notifyLogo = "https://ibin.co/4QuRuGjXvl36.png";
   var require$$17 = {
@@ -20465,8 +20385,8 @@
 
   process.on = function (e, fn) {
     if (e === 'uncaughtException') {
-      commonjsGlobal.onerror = function (err, url, line) {
-        fn(new Error(err + ' (' + url + ':' + line + ')'));
+      commonjsGlobal.onerror = function (msg, url, line, col, err) {
+        fn(err || new Error(msg + ' (' + url + ':' + line + ':' + col + ')'));
         return !mocha.options.allowUncaught;
       };
       uncaughtExceptionHandlers.push(fn);