importmap_mocha-rails 0.3.5 → 0.3.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c5ce24cf757b8daf4205180d89ea348a5ca5f2d4704f7ac31f836ceccb6c40a9
-  data.tar.gz: a8cf38843dc7171b6dc58213338312872bd941ee48b789722d8839c0819f62ab
+  metadata.gz: 9c9335fe6db50bcd36e033af9889ada87d1c4fd773883fe80f97bf1f316972b5
+  data.tar.gz: fdfd7acf390b829a4ff8abcc6e9ffdd0149bcb6e882feff0767ffb4fc07fcb1d
 SHA512:
-  metadata.gz: 3d1377c3be0bcdc006b4e696fa0aa6ff577ec0295f279f64ef48a61d2889478e2b95cc3d4a346fbdbfe3f8f794e53d83fc57212604d4353acbc297f7897a9afb
-  data.tar.gz: cd560bed7014c2aaefddf21d64e8fcc6392960d6f402c098f3bd1653a8aa41e106407095c031089a07626a24233f8900e7fb056e0f4039a12454eab1c610fa95
+  metadata.gz: d953534e4fa286fbb50030df6ac659b352d84db42d6530c88222240a028bf85447591776f93d0c66c65d10e97017b2eec5ec7511da419d939e1394134492f75a
+  data.tar.gz: 30b9619663f685a3f748e617db1d85be6dd10950767fe153172534a11778790d7d2c050455674cc15272a89b7f5159c2a878ccc3479039908d136b43aa079188

data/README.md

@@ -3,6 +3,14 @@
 This plugin makes it easy to test ES modules with [importmap-rails](https://github.com/rails/importmap-rails) when using Rails 7 or later.
 It integrates the [Mocha](https://mochajs.org/) JavaScript testing library (using [Chai](https://www.chaijs.com/) as the assertion library, [@mswjs/interceptors](https://github.com/mswjs/interceptors) as the mocking library) and runs tests for ES modules delivered with importmap in the browser.
 
+| Library                                   | Version |
+|-------------------------------------------|---------|
+| [Mocha](https://mochajs.org/)             | 11.1.0  |
+| [Chai](https://www.chaijs.com/)           | 5.1.2   |
+| [@mswjs/interceptors](https://github.com/mswjs/interceptors) | 0.37.5 |
+
+[More useful in combination with the rails_live_reload gem](#use-with-rails_live_reload-gem)
+
 # Installation
 
 Assuming you have already installed importmap-rails with Rails 7, add the following to your Gemfile and run `bundle install`.
@@ -85,6 +93,39 @@ describe('clear controller', () => {
 * config.importmap_mocha_path: The location where the test code is stored. Default is `test/javascripts` and `spec/javascripts`.
 * config.importmap_mocha_scripts: The scripts to be loaded globally. e.g. `['jquery.js']`.
 
+# Use with Rails_Live_Reload gem
+
+It is strongly recommended to use with [rails_live_reload](https://github.com/railsjazz/rails_live_reload)
+
+![](./images/screencast01.gif)
+
+Add this line to your application's Gemfile:
+
+```ruby
+group :development do
+  gem "importmap_mocha_rails"
+  gem "rails_live_reload"
+end
+```
+
+And then execute:
+
+```
+bundle install
+rails generate rails_live_reload:install
+```
+
+Edit initializer
+```ruby
+# frozen_string_literal: true
+
+RailsLiveReload.configure do |config|
+  config.watch %r{app/views/.+\.(erb|haml|slim)$}
+  # Monitor JavaScript tests in addition to default paths
+  config.watch %r{(app|vendor|test)/(assets|javascript|javascripts)/\w+/(.+\.(css|js|html|png|jpg|ts|jsx)).*}, reload: :always
+end if defined?(RailsLiveReload)
+```
+
 # Author
 
 Takashi Kato tohosaku@users.osdn.me

data/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}`;
+}

data/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>

data/lib/importmap_mocha/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module ImportmapMocha
-  VERSION = '0.3.5'
+  VERSION = '0.3.6'
 end

data/vendor/javascripts/@mswjs--interceptors--presets--browser.js

@@ -837,23 +837,6 @@ function isPropertyAccessible(obj, key) {
 }
 
 // src/utils/responseUtils.ts
-var RESPONSE_STATUS_CODES_WITHOUT_BODY = /* @__PURE__ */ new Set([
-  101,
-  103,
-  204,
-  205,
-  304
-]);
-var RESPONSE_STATUS_CODES_WITH_REDIRECT = /* @__PURE__ */ new Set([
-  301,
-  302,
-  303,
-  307,
-  308
-]);
-function isResponseWithoutBody(status) {
-  return RESPONSE_STATUS_CODES_WITHOUT_BODY.has(status);
-}
 function createServerErrorResponse(body) {
   return new Response(
     JSON.stringify(
@@ -922,13 +905,17 @@ async function handleRequest(options) {
   });
   const requestAbortPromise = new DeferredPromise();
   if (options.request.signal) {
-    options.request.signal.addEventListener(
-      "abort",
-      () => {
-        requestAbortPromise.reject(options.request.signal.reason);
-      },
-      { once: true }
-    );
+    if (options.request.signal.aborted) {
+      requestAbortPromise.reject(options.request.signal.reason);
+    } else {
+      options.request.signal.addEventListener(
+        "abort",
+        () => {
+          requestAbortPromise.reject(options.request.signal.reason);
+        },
+        { once: true }
+      );
+    }
   }
   const result = await until(async () => {
     const requestListtenersPromise = emitAsync(options.emitter, "request", {
@@ -1147,6 +1134,12 @@ function hasConfigurableGlobal(propertyName) {
   if (typeof descriptor === "undefined") {
     return false;
   }
+  if (typeof descriptor.get === "function" && typeof descriptor.get() === "undefined") {
+    return false;
+  }
+  if (typeof descriptor.get === "undefined" && descriptor.value == null) {
+    return false;
+  }
   if (typeof descriptor.set === "undefined" && !descriptor.configurable) {
     console.error(
       `[MSW] Failed to apply interceptor: the global \`${propertyName}\` property is non-configurable. This is likely an issue with your environment. If you are using a framework, please open an issue about this in their repository.`
@@ -1156,6 +1149,83 @@ function hasConfigurableGlobal(propertyName) {
   return true;
 }
 
+// src/utils/fetchUtils.ts
+var FetchResponse = class _FetchResponse extends Response {
+  static {
+    /**
+     * Response status codes for responses that cannot have body.
+     * @see https://fetch.spec.whatwg.org/#statuses
+     */
+    this.STATUS_CODES_WITHOUT_BODY = [101, 103, 204, 205, 304];
+  }
+  static {
+    this.STATUS_CODES_WITH_REDIRECT = [301, 302, 303, 307, 308];
+  }
+  static isConfigurableStatusCode(status) {
+    return status >= 200 && status <= 599;
+  }
+  static isRedirectResponse(status) {
+    return _FetchResponse.STATUS_CODES_WITH_REDIRECT.includes(status);
+  }
+  /**
+   * Returns a boolean indicating whether the given response status
+   * code represents a response that can have a body.
+   */
+  static isResponseWithBody(status) {
+    return !_FetchResponse.STATUS_CODES_WITHOUT_BODY.includes(status);
+  }
+  static setUrl(url, response) {
+    if (!url) {
+      return;
+    }
+    if (response.url != "") {
+      return;
+    }
+    Object.defineProperty(response, "url", {
+      value: url,
+      enumerable: true,
+      configurable: true,
+      writable: false
+    });
+  }
+  /**
+   * Parses the given raw HTTP headers into a Fetch API `Headers` instance.
+   */
+  static parseRawHeaders(rawHeaders) {
+    const headers = new Headers();
+    for (let line = 0; line < rawHeaders.length; line += 2) {
+      headers.append(rawHeaders[line], rawHeaders[line + 1]);
+    }
+    return headers;
+  }
+  constructor(body, init = {}) {
+    const status = init.status ?? 200;
+    const safeStatus = _FetchResponse.isConfigurableStatusCode(status) ? status : 200;
+    const finalBody = _FetchResponse.isResponseWithBody(status) ? body : null;
+    super(finalBody, {
+      ...init,
+      status: safeStatus
+    });
+    if (status !== safeStatus) {
+      const stateSymbol = Object.getOwnPropertySymbols(this).find(
+        (symbol) => symbol.description === "state"
+      );
+      if (stateSymbol) {
+        const state = Reflect.get(this, stateSymbol);
+        Reflect.set(state, "status", status);
+      } else {
+        Object.defineProperty(this, "status", {
+          value: status,
+          enumerable: true,
+          configurable: true,
+          writable: false
+        });
+      }
+    }
+    _FetchResponse.setUrl(init.url, this);
+  }
+};
+
 // src/interceptors/fetch/index.ts
 var FetchInterceptor = class _FetchInterceptor extends Interceptor {
   static {
@@ -1195,8 +1265,9 @@ var FetchInterceptor = class _FetchInterceptor extends Interceptor {
             rawResponse
           });
           const decompressedStream = decompressResponse(rawResponse);
-          const response = decompressedStream === null ? rawResponse : new Response(decompressedStream, rawResponse);
-          if (RESPONSE_STATUS_CODES_WITH_REDIRECT.has(response.status)) {
+          const response = decompressedStream === null ? rawResponse : new FetchResponse(decompressedStream, rawResponse);
+          FetchResponse.setUrl(request.url, response);
+          if (FetchResponse.isRedirectResponse(response.status)) {
             if (request.redirect === "error") {
               responsePromise.reject(createNetworkError("unexpected redirect"));
               return;
@@ -1213,12 +1284,6 @@ var FetchInterceptor = class _FetchInterceptor extends Interceptor {
               return;
             }
           }
-          Object.defineProperty(response, "url", {
-            writable: false,
-            enumerable: true,
-            configurable: false,
-            value: request.url
-          });
           if (this.emitter.listenerCount("response") > 0) {
             this.logger.info('emitting the "response" event...');
             await emitAsync(this.emitter, "response", {
@@ -1477,8 +1542,9 @@ function parseJson(data) {
 
 // src/interceptors/XMLHttpRequest/utils/createResponse.ts
 function createResponse(request, body) {
-  const responseBodyOrNull = isResponseWithoutBody(request.status) ? null : body;
-  return new Response(responseBodyOrNull, {
+  const responseBodyOrNull = FetchResponse.isResponseWithBody(request.status) ? body : null;
+  return new FetchResponse(responseBodyOrNull, {
+    url: request.responseURL,
     status: request.status,
     statusText: request.statusText,
     headers: createHeadersFromXMLHttpReqestHeaders(

data/vendor/javascripts/@mswjs--interceptors.js

@@ -752,19 +752,85 @@ function decodeBuffer(buffer, encoding) {
   return decoder.decode(buffer);
 }
 
-// src/utils/responseUtils.ts
-var RESPONSE_STATUS_CODES_WITHOUT_BODY = /* @__PURE__ */ new Set([
-  101,
-  103,
-  204,
-  205,
-  304
-]);
-function isResponseWithoutBody(status) {
-  return RESPONSE_STATUS_CODES_WITHOUT_BODY.has(status);
-}
+// src/utils/fetchUtils.ts
+var FetchResponse = class _FetchResponse extends Response {
+  static {
+    /**
+     * Response status codes for responses that cannot have body.
+     * @see https://fetch.spec.whatwg.org/#statuses
+     */
+    this.STATUS_CODES_WITHOUT_BODY = [101, 103, 204, 205, 304];
+  }
+  static {
+    this.STATUS_CODES_WITH_REDIRECT = [301, 302, 303, 307, 308];
+  }
+  static isConfigurableStatusCode(status) {
+    return status >= 200 && status <= 599;
+  }
+  static isRedirectResponse(status) {
+    return _FetchResponse.STATUS_CODES_WITH_REDIRECT.includes(status);
+  }
+  /**
+   * Returns a boolean indicating whether the given response status
+   * code represents a response that can have a body.
+   */
+  static isResponseWithBody(status) {
+    return !_FetchResponse.STATUS_CODES_WITHOUT_BODY.includes(status);
+  }
+  static setUrl(url, response) {
+    if (!url) {
+      return;
+    }
+    if (response.url != "") {
+      return;
+    }
+    Object.defineProperty(response, "url", {
+      value: url,
+      enumerable: true,
+      configurable: true,
+      writable: false
+    });
+  }
+  /**
+   * Parses the given raw HTTP headers into a Fetch API `Headers` instance.
+   */
+  static parseRawHeaders(rawHeaders) {
+    const headers = new Headers();
+    for (let line = 0; line < rawHeaders.length; line += 2) {
+      headers.append(rawHeaders[line], rawHeaders[line + 1]);
+    }
+    return headers;
+  }
+  constructor(body, init = {}) {
+    const status = init.status ?? 200;
+    const safeStatus = _FetchResponse.isConfigurableStatusCode(status) ? status : 200;
+    const finalBody = _FetchResponse.isResponseWithBody(status) ? body : null;
+    super(finalBody, {
+      ...init,
+      status: safeStatus
+    });
+    if (status !== safeStatus) {
+      const stateSymbol = Object.getOwnPropertySymbols(this).find(
+        (symbol) => symbol.description === "state"
+      );
+      if (stateSymbol) {
+        const state = Reflect.get(this, stateSymbol);
+        Reflect.set(state, "status", status);
+      } else {
+        Object.defineProperty(this, "status", {
+          value: status,
+          enumerable: true,
+          configurable: true,
+          writable: false
+        });
+      }
+    }
+    _FetchResponse.setUrl(init.url, this);
+  }
+};
 export {
   BatchInterceptor,
+  FetchResponse,
   INTERNAL_REQUEST_ID_HEADER_NAME,
   IS_PATCHED_MODULE,
   Interceptor,
@@ -774,6 +840,5 @@ export {
   deleteGlobalSymbol,
   encodeBuffer,
   getCleanUrl,
-  getGlobalSymbol,
-  isResponseWithoutBody
+  getGlobalSymbol
 };

data/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);
     }
   };
 

metadata

@@ -1,27 +1,27 @@
 --- !ruby/object:Gem::Specification
 name: importmap_mocha-rails
 version: !ruby/object:Gem::Version
-  version: 0.3.5
+  version: 0.3.6
 platform: ruby
 authors:
 - Takashi Kato
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-10-31 00:00:00.000000000 Z
+date: 2025-01-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: importmap-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: 2.0.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: 2.0.0
 description: Add JavaScript testing tools in importmap-rails environment.