importmap_mocha-rails 0.3.4 → 0.3.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 55c9689c64ecb2902d9fcb77c63837596a8a7f6a3409d33b08384e1adb92db5d
-  data.tar.gz: e7f7fbe95e2e778add22a79931a7b0b8ced8fe2ea5a1263a52b476826918cc85
+  metadata.gz: 9c9335fe6db50bcd36e033af9889ada87d1c4fd773883fe80f97bf1f316972b5
+  data.tar.gz: fdfd7acf390b829a4ff8abcc6e9ffdd0149bcb6e882feff0767ffb4fc07fcb1d
 SHA512:
-  metadata.gz: b57ba9684a4778aa2304d4daaca9b8dcdc9685b7992ba3bfece3bf120736d05a9e3dd96d0153eed4e3d23e2e729ffde4c7530b7acd0f9a855a997640e6294855
-  data.tar.gz: 73568ec4bf12eba6c7fe126babd98cf443c4cd4a0c8c24629080d434888d5a8dc4d3c128eecec2d671c6c3556f629ca71fa1584c2c58d5c8f1376307d1d8af41
+  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,6 +6,7 @@
 <% if Rails.application.config.importmap_mocha_scripts.size > 0 %>
   <%= javascript_include_tag *Rails.application.config.importmap_mocha_scripts %>
 <% end %>
+<link rel="icon" href="data:image/png;base64,iVBORw0KGgo=">
 <%= javascript_include_tag 'mocha' %>
 <%= stylesheet_link_tag 'mocha' %>
 <%= javascript_importmap_tags 'importmap_mocha' %>
@@ -24,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/config/importmap.rb

@@ -4,13 +4,6 @@ pin "@mswjs/interceptors", to: "@mswjs--interceptors.js"
 pin "@mswjs/interceptors/presets/browser" , to: "@mswjs--interceptors--presets--browser.js"
 pin "chai", to: "chai.js"
 
-pin "@open-draft/logger", to: "@open-draft--logger.js" # @0.3.0
-pin "is-node-process", to: "is-node-process.js" # @1.2.0
-pin "outvariant", to: "outvariant.js" # @1.4.0
-pin "@open-draft/until", to: "@open-draft--until.js" # @2.1.0
-pin "@open-draft/deferred-promise", to: "@open-draft--deferred-promise.js" # @2.2.0
-pin "strict-event-emitter", to: "strict-event-emitter.js" # @0.5.1
-
 Rails.application.config.importmap_mocha_path.each do |path|
   pin_all_from path
 end

data/lib/importmap_mocha/version.rb

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