mocha 10.4.0 → 10.5.1

package/mocha.js

@@ -1,4 +1,4 @@
-// mocha@10.4.0 in javascript ES2018
+// mocha@10.5.1 in javascript ES2018
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -16507,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 */
@@ -16656,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;
@@ -16684,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>' +
@@ -16714,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');
     }
@@ -16761,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;
@@ -16880,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
@@ -19119,7 +18986,7 @@
   };
 
   var name = "mocha";
-  var version = "10.4.0";
+  var version = "10.5.1";
   var homepage = "https://mochajs.org/";
   var notifyLogo = "https://ibin.co/4QuRuGjXvl36.png";
   var require$$17 = {
@@ -20518,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);