Support live reload. update mocha to v11.1.0

Author: Takashi Kato

app/assets/javascripts/importmap_mocha.js

@@ -0,0 +1,36 @@
+export function changeFavicon(failures) {
+  const links = document.getElementsByTagName('link')
+
+  for (let i=0; i<links.length; i++) {
+    let link = links[i];
+    if (link.rel == 'icon') {
+      const icon = failures > 0 ? favicon('red')
+                                : favicon('green')
+      link.remove()
+      const newlink = document.createElement("link");
+      newlink.rel = 'icon';
+      newlink.href = icon;
+      newlink.type = 'image/svg+xml';
+      const head = document.getElementsByTagName("head")[0];
+      head.appendChild(newlink);
+
+      return;
+    }
+  }
+}
+
+function favicon(color, count) {
+  const icon = `<?xml version="1.0" encoding="UTF-8"?>
+<svg width="100" height="100" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <style>circle {
+      fill: ${color};
+      stroke: ${color};
+      stroke-width: 3px;
+    }
+  </style>
+  <circle cx="50" cy="50" r="47"/>
+</svg>`
+  const base64Svg = btoa(unescape(encodeURIComponent(icon)));
+
+  return `data:image/svg+xml;base64,${base64Svg}`;
+}

app/views/importmap_mocha/test/index.html.erb

@@ -6,7 +6,7 @@
 <% if Rails.application.config.importmap_mocha_scripts.size > 0 %>
   <%= javascript_include_tag *Rails.application.config.importmap_mocha_scripts %>
 <% end %>
-<%= favicon_link_tag %>
+<link rel="icon" href="data:image/png;base64,iVBORw0KGgo=">
 <%= javascript_include_tag 'mocha' %>
 <%= stylesheet_link_tag 'mocha' %>
 <%= javascript_importmap_tags 'importmap_mocha' %>
@@ -25,8 +25,10 @@
       </div>
     </div>
   </div>
-<script type="module">
-  mocha.run();
-</script>
+  <script type="module">
+  import { changeFavicon } from 'importmap_mocha'
+
+  mocha.run(changeFavicon)
+  </script>
 </body>
 </html>

importmap_mocha-rails.gemspec

@@ -20,5 +20,5 @@ Gem::Specification.new do |spec|
     Dir['app/**/*', 'config/**/*', 'lib/**/*', 'vendor/**/*', 'MIT-LICENSE', 'Rakefile', 'README.md']
   end
 
-  spec.add_dependency 'importmap-rails', '~> 2.0.0'
+  spec.add_dependency 'importmap-rails', '>= 2.0.0'
 end

vendor/javascripts/mocha.js

@@ -1,4 +1,4 @@
-// mocha@10.8.2 in javascript ES2018
+// mocha@11.1.0 in javascript ES2018
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -11652,6 +11652,13 @@
 
     return _breakCircularDeps(inputObj);
   };
+
+  /**
+   * Checks if provided input can be parsed as a JavaScript Number.
+   */
+  exports.isNumeric = input => {
+    return !isNaN(parseFloat(input));
+  };
   }(utils$3));
 
   var _nodeResolve_empty = {};
@@ -13771,7 +13778,7 @@
     var hook = this._createHook(title, fn);
     this._beforeAll.push(hook);
     this.emit(constants.EVENT_SUITE_ADD_HOOK_BEFORE_ALL, hook);
-    return this;
+    return hook;
   };
 
   /**
@@ -13795,7 +13802,7 @@
     var hook = this._createHook(title, fn);
     this._afterAll.push(hook);
     this.emit(constants.EVENT_SUITE_ADD_HOOK_AFTER_ALL, hook);
-    return this;
+    return hook;
   };
 
   /**
@@ -13819,7 +13826,7 @@
     var hook = this._createHook(title, fn);
     this._beforeEach.push(hook);
     this.emit(constants.EVENT_SUITE_ADD_HOOK_BEFORE_EACH, hook);
-    return this;
+    return hook;
   };
 
   /**
@@ -13843,7 +13850,7 @@
     var hook = this._createHook(title, fn);
     this._afterEach.push(hook);
     this.emit(constants.EVENT_SUITE_ADD_HOOK_AFTER_EACH, hook);
-    return this;
+    return hook;
   };
 
   /**
@@ -15296,11 +15303,11 @@
    * @public
    * @example
    * // this reporter needs proper object references when run in parallel mode
-   * class MyReporter() {
+   * class MyReporter {
    *   constructor(runner) {
-   *     this.runner.linkPartialObjects(true)
+   *     runner.linkPartialObjects(true)
    *       .on(EVENT_SUITE_BEGIN, suite => {
-             // this Suite may be the same object...
+   *         // this Suite may be the same object...
    *       })
    *       .on(EVENT_TEST_BEGIN, test => {
    *         // ...as the `test.parent` property
@@ -18593,7 +18600,7 @@
        * @param {Function} fn
        */
       before: function (name, fn) {
-        suites[0].beforeAll(name, fn);
+        return suites[0].beforeAll(name, fn);
       },
 
       /**
@@ -18603,7 +18610,7 @@
        * @param {Function} fn
        */
       after: function (name, fn) {
-        suites[0].afterAll(name, fn);
+        return suites[0].afterAll(name, fn);
       },
 
       /**
@@ -18613,7 +18620,7 @@
        * @param {Function} fn
        */
       beforeEach: function (name, fn) {
-        suites[0].beforeEach(name, fn);
+        return suites[0].beforeEach(name, fn);
       },
 
       /**
@@ -18623,7 +18630,7 @@
        * @param {Function} fn
        */
       afterEach: function (name, fn) {
-        suites[0].afterEach(name, fn);
+        return suites[0].afterEach(name, fn);
       },
 
       suite: {
@@ -19201,7 +19208,7 @@
   };
 
   var name = "mocha";
-  var version = "10.8.2";
+  var version = "11.1.0";
   var homepage = "https://mochajs.org/";
   var notifyLogo = "https://ibin.co/4QuRuGjXvl36.png";
   var require$$17 = {
@@ -19407,7 +19414,9 @@
       .ui(options.ui)
       .reporter(
         options.reporter,
-        options.reporterOption || options.reporterOptions // for backwards compatibility
+        options['reporter-option'] ||
+          options.reporterOption ||
+          options.reporterOptions // for backwards compatibility
       )
       .slow(options.slow)
       .global(options.global);
@@ -20548,6 +20557,42 @@
   /* eslint no-unused-vars: off */
   /* eslint-env commonjs */
 
+  // https://qiita.com/yamadashy/items/86702dfb3c572b4c5514
+  const setZeroTimeout = (function(global) {
+    const timeouts = [];
+    const messageName = "zero-timeout-message";
+
+    if (typeof global === 'undefined') return;
+
+    function handleMessage(event) {
+      if (event.source == global && event.data == messageName) {
+        if (event.stopPropagation) {
+          event.stopPropagation();
+        }
+        if (timeouts.length) {
+          timeouts.shift()();
+        }
+      }
+    }
+
+    if (global.postMessage) {
+      if (global.addEventListener) {
+        global.addEventListener("message", handleMessage, true);
+      } else if (global.attachEvent) {
+        global.attachEvent("onmessage", handleMessage);
+      }
+
+      return function (fn) {
+        timeouts.push(fn);
+        global.postMessage(messageName, "*");
+      }
+    } else {
+      return function () {
+        setTimeout$1(fn, 0);
+      }
+    }
+  }(window));
+
   /**
    * Shim process.stdout.
    */
@@ -20645,7 +20690,7 @@
       immediateQueue.shift()();
     }
     if (immediateQueue.length) {
-      immediateTimeout = setTimeout$1(timeslice, 0);
+      immediateTimeout = setZeroTimeout(timeslice);
     } else {
       immediateTimeout = null;
     }
@@ -20658,7 +20703,7 @@
   Mocha.Runner.immediately = function (callback) {
     immediateQueue.push(callback);
     if (!immediateTimeout) {
-      immediateTimeout = setTimeout$1(timeslice, 0);
+      immediateTimeout = setZeroTimeout(timeslice);
     }
   };