bootstrap-honoka-rails 4.0.0.2 → 4.0.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a8e2c6460727e34ed97a890a5e5f4764f188a73d749c5016a8a3e8ce8543995d
-  data.tar.gz: 96501d76aee0d0376160aa5a0e70517cffb01ef852489e5f52cd776e545490ff
+  metadata.gz: 5bf84731b53acb5258623aa79851862bf7598ec3053bfb66d791d47697ff31ba
+  data.tar.gz: 3be633c0a43c8bf26bca2ce81de22e7cecd1c4ec26211ea0c8004cdcef310815
 SHA512:
-  metadata.gz: 9c9c571cb44736a421eab9be937f1cf9f39a1029e917f154321474f57659e80a82ef2516424e02397298e16bfd0527a6c52210f92ddbf9c3d566948ad5fdb3f5
-  data.tar.gz: 82eac787c50247a9622c5dea6ba86fe1d81832ef09b0e25f4bd8f85ffb83e33d47324a7d67748dbd386e09ba6ee2a87bc388004c99466e6bcf074c151a85a28a
+  metadata.gz: 8ab8cd1e8afc82f00ebe27aedfe415c2f354c954b70aff1dbc3e59003e49124a91ad4db87b3553d75008def5e4c8e769b165b0040ebe5b6fe94c6df5d3023ee3
+  data.tar.gz: 5aea46b728ea79075695bff5aabe38f758cad3e45bb624bd2c7419f64fa8767ec1e789871706f9f1fef4588caf2fc82b4e896c93597860164a020a7d9a590d92

data/README.md

@@ -1,7 +1,7 @@
 # Bootstrap-Honoka-Rails
 
 [Honoka](https://github.com/windyakin/Honoka) is a Bootstrap theme that can display Japanese beautifully.
-bootstrap-honoka-rails can easily install [Honoka](https://github.com/windyakin/Honoka),[Umi](https://ysakasin.github.io/Umi/) , [Nico](https://nico.kubosho.com/) and [Rin](https://rinhoshizo.la/) on Rails.
+bootstrap-honoka-rails can easily install [Honoka](https://github.com/windyakin/Honoka), [Umi](https://ysakasin.github.io/Umi/) , [Nico](https://nico.kubosho.com/) and [Rin](https://rinhoshizo.la/) on Rails.
 
 [Honoka](https://github.com/windyakin/Honoka) は日本語も美しく表示できる Bootstrap テーマです。
 bootstrap-honoka-rails は [Honoka](https://github.com/windyakin/Honoka) や [Umi](https://ysakasin.github.io/Umi/) や [Nico](https://nico.kubosho.com/) や [Rin](https://rinhoshizo.la/) を Rails 上に簡単にインストールできます。
@@ -34,7 +34,9 @@ gem 'bootstrap-honoka-rails' , '~>4.3.1' # or '~> 3.3.7'
 Add to application.css `*= require _honoka` <br>
 For bootstrap ver3 you need `*= _bootstrap-sprockets`.
 
-```css app/assets/stylesheets/application.css
+app/assets/stylesheets/application.css
+
+```css
 /*
  *= require _bootstrap-sprockets # Add line ※ v3 only
  *= require _honoka # Add line
@@ -44,10 +46,11 @@ For bootstrap ver3 you need `*= _bootstrap-sprockets`.
 
 and add to application.js <br>
 `//= require popper` (bootstrap ver4 later), <br>
-`//= require bootstrap-sprockets` , <br>
-`//= require bootstrap.min`
+`//= require bootstrap-sprockets`
+
+app/assets/javascripts/application.js
 
-```js app/assets/javascripts/application.js
+```js
 //= require jquery2
 //= require rails-ujs
 //= require activestorage
@@ -66,28 +69,30 @@ Please check [here](https://github.com/twbs/bootstrap-sass/issues/714) for more
 とりあえずインストール後、上記を application.css と application.js に追加すれば OK です。<br>
 注意点として `bootstrap-sprockets` を読み込むと思いますが、その場合 `bootstrap.min` は読み込む必要がありません。<br>
 何故なら Dropdown が正しく動作しない可能性があります。 <br>
-詳細は[こちら](https://github.com/twbs/bootstrap-sass/issues/714)をご確認ください。
+詳細は[こちら](https://github.com/twbs/bootstrap-sass/issues/714)をご確認ください。<br>
 ※production 環境で動作することを確認済み。 サンプルアプリは 'test/dummy' ディレクトリ内 にあります。
 
 ---
 
 Certain [versions](VERSIONS.md) also support Nico , Umi and Rin.
 
-```css app/assets/stylesheets/application.css
+app/assets/stylesheets/application.css
+
+```css
  *= require _umi # Add line
  *= require_self
 ```
 
 or
 
-```css app/assets/stylesheets/application.css
+```css
  *= require _nico # Add line
  *= require_self
 ```
 
 or
 
-```css app/assets/stylesheets/application.css
+```css
  *= require _rin # Add line
  *= require_self
 ```
@@ -95,7 +100,7 @@ or
 Please check [VERSIONS.md](VERSIONS.md) for Honoka Nico Umi Rin compatible Ver.
 
 [日本語訳][特定のバージョン](VERSIONS.md)では "Nico"と "Umi" と "Rin" も対応しています。
-`_honoka` の代わりに `*= require _nico` と書けば Nico になりますし、 `_umi` と書けば Umi デザインになります。
+`_honoka` の代わりに `*= require _nico` と書けば Nico になりますし、 `_umi` と書けば Umi デザインになります。 <br>
 Rin も Ver によっては `_rin` と書けば対応出来ます。<br>
 Honoka Nico Umi Rin の対応 Ver は[VERSIONS.md](VERSIONS.md)をご確認ください。
 
@@ -110,11 +115,11 @@ bootstrap-honoka-rails は bootstrap 又は bootstrap-sass を内部的に使っ
 
 The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
 
-## Use Bootstrap Theme
+## Supported bootstrap themes
 
-#### [Honoka](https://github.com/windyakin/Honoka)
+#### [Honoka](http://honokak.osaka/)
 
-Source Url ... [https://github.com/windyakin/Honoka](https://github.com/windyakin/Honoka)
+Source URL ... [https://github.com/windyakin/Honoka](https://github.com/windyakin/Honoka)
 
 > The MIT License (MIT)
 >
@@ -124,7 +129,7 @@ Source Url ... [https://github.com/windyakin/Honoka](https://github.com/windyaki
 
 #### [Umi](https://ysakasin.github.io/Umi/)
 
-Source Url ... [https://github.com/ysakasin/Umi](https://github.com/ysakasin/Umi)
+Source URL ... [https://github.com/ysakasin/Umi](https://github.com/ysakasin/Umi)
 
 > The MIT License (MIT)
 >
@@ -134,7 +139,7 @@ Source Url ... [https://github.com/ysakasin/Umi](https://github.com/ysakasin/Umi
 
 #### [Nico](https://nico.kubosho.com/)
 
-Source Url ... [https://github.com/kubosho/Nico](https://github.com/kubosho/Nico)
+Source URL ... [https://github.com/kubosho/Nico](https://github.com/kubosho/Nico)
 
 > The MIT License (MIT)
 >
@@ -144,7 +149,7 @@ Source Url ... [https://github.com/kubosho/Nico](https://github.com/kubosho/Nico
 
 #### [Rin](https://rinhoshizo.la/)
 
-Source Url ... [https://github.com/raryosu/Rin](https://github.com/raryosu/Rin)
+Source URL ... [https://github.com/raryosu/Rin](https://github.com/raryosu/Rin)
 
 > The MIT License (MIT)
 >

data/Rakefile

@@ -1,33 +1,55 @@
 begin
+  # bundlerでインストールしたgemをrequireで読み取り可能とする。
   require 'bundler/setup'
 rescue LoadError
   puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
 end
 
-require 'rdoc/task'
+# requires
+require 'bundler/gem_tasks'   # build, clobber, release などのコマンドを使用可能とする。
+require 'rdoc/task'           # RDoc::Taskクラスのrequireを行う。
+require 'rake/testtask'       # Rake::TestTaskクラスのrequireを行う。
+require 'rake/file_utils_ext' # rake用file_utilsの拡張
 
+# rdoc, clobber_rdoc コマンド定義
 RDoc::Task.new(:rdoc) do |rdoc|
   rdoc.rdoc_dir = 'rdoc'
   rdoc.title    = 'Bootstrap::Honoka::Rails'
   rdoc.options << '--line-numbers'
-  rdoc.rdoc_files.include('README.md')
-  rdoc.rdoc_files.include('lib/**/*.rb')
+  rdoc.rdoc_files.include('README.md', 'VERSIONS.md', 'lib/**/*.rb')
 end
 
-APP_RAKEFILE = File.expand_path('test/dummy/Rakefile', __dir__)
-load 'rails/tasks/engine.rake'
-
-load 'rails/tasks/statistics.rake'
-
-require 'bundler/gem_tasks'
-
-require 'rake/testtask'
-
+# test コマンド定義
 Rake::TestTask.new(:test) do |t|
-  t.libs << 'test'
-  t.pattern = 'test/**/*_test.rb'
-  t.verbose = false
-  t.warning = false
+  t.libs << 'test'                # require pathの追加
+  t.pattern = 'test/**/*_test.rb' # 実行するテストコマンド
+  t.verbose = false               # 詳細なテキストを非表示化
+  t.warning = false               # 警告を非表示
 end
 
+# test clobberコマンド定義
+desc 'Remove files generated during test'
+task :clobber_test do
+  # 下記 rm_rf を使用するとbegin rescueで囲む必要もないが、
+  # あえて rm_r を使用している理由は下記の通り。
+  #
+  # - 本処理は主にシステムのデフォルトで用意されているrdocに倣っている。
+  #   ※rdocの削除処理に対して [secure属性] だけは追加している。
+  # - rdocの削除である `rake clobber_rdoc` コマンドを使用すると
+  #   ::Rake::Fileutils::rm_r が使用されている。
+  # - その rm_r コマンドでは `rm_r @rdoc_dir rescue nil` というように
+  #   no such file or directoryエラーが発生する事も考慮して、
+  #   rescueを行う処理となっていた。
+  #
+  # 以上の事から、rm_rf ではなく rm_r を使用している。
+  begin
+    ::Rake::FileUtilsExt.rm_r('tmp', secure: true)
+  rescue StandardError
+  end
+end
+
+# clobberコマンドで clobber_testが動作するようにする。
+task clobber: [:clobber_test]
+
+# test コマンドをrakeのデフォルト動作とする。
 task default: :test

data/lib/bootstrap/honoka/rails/engine.rb

@@ -13,9 +13,7 @@ module Bootstrap
 
         # initializer
         initializer 'bootstrap-honoka-rails.assets' do |app|
-          %w[stylesheets].each do |sub|
-            app.config.assets.paths << root.join('assets', sub).to_s
-          end
+          app.config.assets.paths << root.join('assets', 'stylesheets').to_s
         end
       end
     end

data/lib/bootstrap/honoka/rails/version.rb

@@ -1,7 +1,7 @@
 module Bootstrap
   module Honoka
     module Rails
-      VERSION = '4.0.0.2'.freeze
+      VERSION = '4.0.0.4'.freeze
       def self.major_ver
         VERSION.split('.').first.to_i
       end

data/lib/bootstrap/honoka/rails.rb

@@ -3,6 +3,12 @@ require 'bootstrap/honoka/rails/engine'
 module Bootstrap
   module Honoka
     module Rails
+      class << self
+        def stylesheets
+          Dir.glob("#{File.join(File.expand_path('../../..', __dir__), 'assets', 'stylesheets')}/*.scss")
+             .map { |f| f.match(%r{.+/_([^/]+?)\.scss})[1] }
+        end
+      end
     end
   end
 end

data/test/dummy/app/controllers/pages_controller.rb

@@ -1,8 +1,6 @@
 class PagesController < ApplicationController
-  def honoka
+  # action定義
+  ::Bootstrap::Honoka::Rails.stylesheets.each do |s|
+    define_method(s) {}
   end
-  def umi
-  end
-  def nico
-  end
-end
+end

data/test/dummy/app/views/layouts/application.html.erb

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html code="<%= response.try(:code) if defined?(response) %>">
 
 <head>
   <title>Dummy</title>

data/test/dummy/app/views/pages/honoka.html.erb

@@ -447,7 +447,8 @@
         <div class="bs-component">
           <h2>本文サンプル</h2>
           <p>グスコーブドリは、<a
-              href="#">イーハトーヴ</a>の大きな森のなかに生まれました。おとうさんは、グスコーナドリという名高い木こりで、どんな大きな木でも、まるで赤ん坊を寝かしつけるようにわけなく切ってしまう人でした。</p>
+              href="#">イーハトーヴ</a>の大きな森のなかに生まれました。おとうさんは、グスコーナドリという名高い木こりで、どんな大きな木でも、まるで赤ん坊を寝かしつけるようにわけなく切ってしまう人でした。
+          </p>
           <p><small>テキストのこの行は、細字として扱われることを意味します。</small></p>
           <p>テキストの次のコードは、<strong>太字のテキストとしてレンダリングされます</strong>。</p>
           <p>テキストの次のコードは、 <em>斜体のテキストとしてレンダリングされます</em>。</p>
@@ -483,8 +484,8 @@
             <p class="mb-0">
               BootstrapはWebサイトやWebアプリケーションを作成するフリーソフトウェアツール集である。タイポグラフィ、フォーム、ボタン、ナビゲーション、その他構成要素やJavaScript用拡張などがHTML及びCSSベースのデザインテンプレートとして用意されている。
             </p>
-            <footer class="blockquote-footer">出典 <cite title="Bootstrap - Wikipedia">Bootstrap - Wikipedia</cite>
-            </footer>
+            <footer class="blockquote-footer">出典 <cite title="Bootstrap - Wikipedia">Bootstrap -
+                Wikipedia</cite></footer>
           </blockquote>
         </div>
       </div>
@@ -494,8 +495,8 @@
             <p class="mb-0">
               BootstrapはWebサイトやWebアプリケーションを作成するフリーソフトウェアツール集である。タイポグラフィ、フォーム、ボタン、ナビゲーション、その他構成要素やJavaScript用拡張などがHTML及びCSSベースのデザインテンプレートとして用意されている。
             </p>
-            <footer class="blockquote-footer">出典 <cite title="Bootstrap - Wikipedia">Bootstrap - Wikipedia</cite>
-            </footer>
+            <footer class="blockquote-footer">出典 <cite title="Bootstrap - Wikipedia">Bootstrap -
+                Wikipedia</cite></footer>
           </blockquote>
         </div>
       </div>
@@ -505,8 +506,8 @@
             <p class="mb-0">
               BootstrapはWebサイトやWebアプリケーションを作成するフリーソフトウェアツール集である。タイポグラフィ、フォーム、ボタン、ナビゲーション、その他構成要素やJavaScript用拡張などがHTML及びCSSベースのデザインテンプレートとして用意されている。
             </p>
-            <footer class="blockquote-footer">出典 <cite title="Bootstrap - Wikipedia">Bootstrap - Wikipedia</cite>
-            </footer>
+            <footer class="blockquote-footer">出典 <cite title="Bootstrap - Wikipedia">Bootstrap -
+                Wikipedia</cite></footer>
           </blockquote>
         </div>
       </div>
@@ -803,16 +804,6 @@
                 <label class="custom-control-label" for="customCheck2">選択できない選択肢</label>
               </div>
             </div>
-            <div class="form-group">
-              <div class="custom-control custom-switch">
-                <input type="checkbox" class="custom-control-input" id="customSwitch1" checked="">
-                <label class="custom-control-label" for="customSwitch1">トグルスイッチ</label>
-              </div>
-              <div class="custom-control custom-switch">
-                <input type="checkbox" class="custom-control-input" disabled="" id="customSwitch2">
-                <label class="custom-control-label" for="customSwitch2">選択できないトグルスイッチ</label>
-              </div>
-            </div>
             <div class="form-group">
               <select class="custom-select">
                 <option selected>選択してください</option>
@@ -822,15 +813,10 @@
               </select>
             </div>
             <div class="form-group">
-              <div class="input-group mb-3">
-                <div class="custom-file">
-                  <input type="file" class="custom-file-input" id="inputGroupFile02">
-                  <label class="custom-file-label" for="inputGroupFile02">ファイルを選択</label>
-                </div>
-                <div class="input-group-append">
-                  <span class="input-group-text" id="">アップロード</span>
-                </div>
-              </div>
+              <label class="custom-file">
+                <input type="file" id="file2" class="custom-file-input">
+                <span class="custom-file-control"></span>
+              </label>
             </div>
           </fieldset>
         </div>
@@ -889,12 +875,12 @@
               </p>
             </div>
             <div class="tab-pane fade" id="dropdown1">
-              <p>雨ニモマケズ 風ニモマケズ 雪ニモ夏ノ暑サニモマケヌ 丈夫ナカラダヲモチ 慾ハナク 決シテ瞋ラズ イツモシズカニワラッテイル 一日ニ玄米四合ト 味噌ト少シノ野菜ヲタベ アラユルコトヲ
-                ジブンヲカンジョウニ入レズニ ヨクミキキシワカリ ソシテワスレズ</p>
+              <p>雨ニモマケズ 風ニモマケズ 雪ニモ夏ノ暑サニモマケヌ 丈夫ナカラダヲモチ 慾ハナク 決シテ瞋ラズ イツモシズカニワラッテイル 一日ニ玄米四合ト 味噌ト少シノ野菜ヲタベ
+                アラユルコトヲ ジブンヲカンジョウニ入レズニ ヨクミキキシワカリ ソシテワスレズ</p>
             </div>
             <div class="tab-pane fade" id="dropdown2">
-              <p>わたくしといふ現象は 假定された有機交流電燈の ひとつの青い照明です （あらゆる透明な幽霊の複合体） 風景やみんなといっしょに せはしくせはしく明滅しながら いかにもたしかにともりつづける 因果交流電燈の
-                ひとつの青い照明です （ひかりはたもち、その電燈は失はれ）</p>
+              <p>わたくしといふ現象は 假定された有機交流電燈の ひとつの青い照明です （あらゆる透明な幽霊の複合体） 風景やみんなといっしょに せはしくせはしく明滅しながら
+                いかにもたしかにともりつづける 因果交流電燈の ひとつの青い照明です （ひかりはたもち、その電燈は失はれ）</p>
             </div>
             <div class="tab-pane fade" id="dropdown3">
               <p>
@@ -1234,87 +1220,6 @@
     </div>
   </section>
 
-  <!-- Spinners
-  ================================================== -->
-  <section class="bs-docs-section">
-
-    <div class="row">
-      <div class="col-lg-12">
-        <div class="page-header">
-          <h1 id="spinners">Spinners</h1>
-        </div>
-      </div>
-    </div>
-
-    <div class="row">
-      <div class="col-md-6 ">
-        <h3 id="spinners-border">Border Spinners</h3>
-        <div class="bs-component d-flex justify-content-around">
-          <div class="spinner-border" role="status">
-            <span class="sr-only">Loading...</span>
-          </div>
-          <div class="spinner-border text-primary" role="status">
-            <span class="sr-only">Loading...</span>
-          </div>
-          <div class="spinner-border text-secondary" role="status">
-            <span class="sr-only">Loading...</span>
-          </div>
-          <div class="spinner-border text-success" role="status">
-            <span class="sr-only">Loading...</span>
-          </div>
-          <div class="spinner-border text-danger" role="status">
-            <span class="sr-only">Loading...</span>
-          </div>
-          <div class="spinner-border text-warning" role="status">
-            <span class="sr-only">Loading...</span>
-          </div>
-          <div class="spinner-border text-info" role="status">
-            <span class="sr-only">Loading...</span>
-          </div>
-          <div class="spinner-border text-light" role="status">
-            <span class="sr-only">Loading...</span>
-          </div>
-          <div class="spinner-border text-dark" role="status">
-            <span class="sr-only">Loading...</span>
-          </div>
-        </div>
-      </div>
-
-      <div class="col-md-6">
-        <h3 id="spinners-growing">Growing spinners</h3>
-        <div class="bs-component d-flex justify-content-around">
-          <div class="spinner-grow" role="status">
-            <span class="sr-only">Loading...</span>
-          </div>
-          <div class="spinner-grow text-primary" role="status">
-            <span class="sr-only">Loading...</span>
-          </div>
-          <div class="spinner-grow text-secondary" role="status">
-            <span class="sr-only">Loading...</span>
-          </div>
-          <div class="spinner-grow text-success" role="status">
-            <span class="sr-only">Loading...</span>
-          </div>
-          <div class="spinner-grow text-danger" role="status">
-            <span class="sr-only">Loading...</span>
-          </div>
-          <div class="spinner-grow text-warning" role="status">
-            <span class="sr-only">Loading...</span>
-          </div>
-          <div class="spinner-grow text-info" role="status">
-            <span class="sr-only">Loading...</span>
-          </div>
-          <div class="spinner-grow text-light" role="status">
-            <span class="sr-only">Loading...</span>
-          </div>
-          <div class="spinner-grow text-dark" role="status">
-            <span class="sr-only">Loading...</span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-
   <!-- Containers
   ================================================== -->
   <section class="bs-docs-section">
@@ -1387,7 +1292,8 @@
                 <h5 class="mb-1">音ノ木坂学院</h5>
                 <small>3 days ago</small>
               </div>
-              <p class="mb-1">通称「音ノ木坂学院」「オトノキ」。高坂穂乃果などが通う、秋葉原、神田、神保町という3つの街のはざまにある伝統校。女子高校であり、現在入学希望者は少なく廃校の検討が発表されている。
+              <p class="mb-1">
+                通称「音ノ木坂学院」「オトノキ」。高坂穂乃果などが通う、秋葉原、神田、神保町という3つの街のはざまにある伝統校。女子高校であり、現在入学希望者は少なく廃校の検討が発表されている。
               </p>
               <small>スクールアイドルグループ「μ's」</small>
             </a>
@@ -1418,14 +1324,16 @@
             <div class="card-body">
               <h4 class="card-title">高坂穂乃果</h4>
               <p class="card-text">
-                『ラブライブ！』の主人公。16歳の高校2年生。一人称は「私」、「穂乃果」。左側の髪の一部を黄色のリボンで結んでいるセミロングヘア。好きな食べ物はいちご、嫌いな食べ物はピーマン。</p>
+                『ラブライブ！』の主人公。16歳の高校2年生。一人称は「私」、「穂乃果」。左側の髪の一部を黄色のリボンで結んでいるセミロングヘア。好きな食べ物はいちご、嫌いな食べ物はピーマン。
+              </p>
             </div>
           </div>
           <div class="card text-white bg-primary mb-3">
             <div class="card-header">Primary card</div>
             <div class="card-body">
               <h4 class="card-title">園田海未</h4>
-              <p class="card-text">16歳の高校2年生。一人称は「私」。腰まで伸ばした、青みがかかった黒のロングヘア。好きな食べ物は穂乃果の家のまんじゅう、嫌いな食べ物は炭酸飲料。</p>
+              <p class="card-text">
+                16歳の高校2年生。一人称は「私」。腰まで伸ばした、青みがかかった黒のロングヘア。好きな食べ物は穂乃果の家のまんじゅう、嫌いな食べ物は炭酸飲料。</p>
             </div>
           </div>
           <div class="card text-white bg-secondary mb-3">
@@ -1433,7 +1341,8 @@
             <div class="card-body">
               <h4 class="card-title">南ことり</h4>
               <p class="card-text">
-                16歳の高校2年生。一人称は「私」、「ことり」。ロングヘアを向かって左側の髪の一部の根元を輪にして緑のリボンで結んでいる。好きな食べ物はチーズケーキ、嫌いな食べ物はにんにく。</p>
+                16歳の高校2年生。一人称は「私」、「ことり」。ロングヘアを向かって左側の髪の一部の根元を輪にして緑のリボンで結んでいる。好きな食べ物はチーズケーキ、嫌いな食べ物はにんにく。
+              </p>
             </div>
           </div>
           <div class="card text-white bg-success mb-3">
@@ -1461,7 +1370,8 @@
             <div class="card-header">Info card</div>
             <div class="card-body">
               <h4 class="card-title">絢瀬絵里</h4>
-              <p class="card-text">17歳の高校3年生。一人称は「私」、「エリチカ」。ロングヘアをシュシュで結んでポニーテールにしている。好きな食べ物はチョコレート、嫌いな食べ物は梅干とのり。</p>
+              <p class="card-text">
+                17歳の高校3年生。一人称は「私」、「エリチカ」。ロングヘアをシュシュで結んでポニーテールにしている。好きな食べ物はチョコレート、嫌いな食べ物は梅干とのり。</p>
             </div>
           </div>
           <div class="card bg-light mb-3">
@@ -1487,14 +1397,16 @@
             <div class="card-body">
               <h4 class="card-title">高坂穂乃果</h4>
               <p class="card-text">
-                『ラブライブ！』の主人公。16歳の高校2年生。一人称は「私」、「穂乃果」。左側の髪の一部を黄色のリボンで結んでいるセミロングヘア。好きな食べ物はいちご、嫌いな食べ物はピーマン。</p>
+                『ラブライブ！』の主人公。16歳の高校2年生。一人称は「私」、「穂乃果」。左側の髪の一部を黄色のリボンで結んでいるセミロングヘア。好きな食べ物はいちご、嫌いな食べ物はピーマン。
+              </p>
             </div>
           </div>
           <div class="card border-primary mb-3">
             <div class="card-header">Primary card</div>
             <div class="card-body">
               <h4 class="card-title">園田海未</h4>
-              <p class="card-text">16歳の高校2年生。一人称は「私」。腰まで伸ばした、青みがかかった黒のロングヘア。好きな食べ物は穂乃果の家のまんじゅう、嫌いな食べ物は炭酸飲料。</p>
+              <p class="card-text">
+                16歳の高校2年生。一人称は「私」。腰まで伸ばした、青みがかかった黒のロングヘア。好きな食べ物は穂乃果の家のまんじゅう、嫌いな食べ物は炭酸飲料。</p>
             </div>
           </div>
           <div class="card border-secondary mb-3">
@@ -1502,7 +1414,8 @@
             <div class="card-body">
               <h4 class="card-title">南ことり</h4>
               <p class="card-text">
-                16歳の高校2年生。一人称は「私」、「ことり」。ロングヘアを向かって左側の髪の一部の根元を輪にして緑のリボンで結んでいる。好きな食べ物はチーズケーキ、嫌いな食べ物はにんにく。</p>
+                16歳の高校2年生。一人称は「私」、「ことり」。ロングヘアを向かって左側の髪の一部の根元を輪にして緑のリボンで結んでいる。好きな食べ物はチーズケーキ、嫌いな食べ物はにんにく。
+              </p>
             </div>
           </div>
           <div class="card border-success mb-3">
@@ -1530,7 +1443,8 @@
             <div class="card-header">Info card</div>
             <div class="card-body">
               <h4 class="card-title">絢瀬絵里</h4>
-              <p class="card-text">17歳の高校3年生。一人称は「私」、「エリチカ」。ロングヘアをシュシュで結んでポニーテールにしている。好きな食べ物はチョコレート、嫌いな食べ物は梅干とのり。</p>
+              <p class="card-text">
+                17歳の高校3年生。一人称は「私」、「エリチカ」。ロングヘアをシュシュで結んでポニーテールにしている。好きな食べ物はチョコレート、嫌いな食べ物は梅干とのり。</p>
             </div>
           </div>
           <div class="card border-light mb-3">
@@ -1564,7 +1478,8 @@
                 frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
             </div>
             <div class="card-body">
-              <p class="card-text">日本国内で注目されている「スクールアイドル」が米国でも注目され、米国のテレビ番組に前回ラブライブ！優勝チームであるμ’ｓが出演しました。</p>
+              <p class="card-text">日本国内で注目されている「スクールアイドル」が米国でも注目され、米国のテレビ番組に前回ラブライブ！優勝チームであるμ’ｓが出演しました。
+              </p>
             </div>
             <ul class="list-group list-group-flush">
               <li class="list-group-item">Angelic Angel</li>
@@ -1619,7 +1534,7 @@
                   </button>
                 </div>
                 <div class="modal-body">
-                  <p contenteditable>サンプルテキストサンプルテキストサンプルテキスト</p>
+                  <p>サンプルテキストサンプルテキストサンプルテキスト</p>
                 </div>
                 <div class="modal-footer">
                   <button type="button" class="btn btn-primary">変更を保存</button>
@@ -1628,26 +1543,7 @@
               </div>
             </div>
           </div>
-
-          <h2>Toast</h2>
-          <div class="bs-component d-flex justify-content-center p-md-4">
-            <div class="toast fade show" role="alert" aria-live="assertive" aria-atomic="true">
-              <div class="toast-header">
-                <img class="bd-placeholder-img rounded mr-2" width="20" height="20"
-                  src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABN5JREFUeNrsnN1R4zAQgEUm75cOzlQQd4BTwZm3eyNUAKkgUAFQgc3bvREqwKkAUwGmA18FnBbWcxpjWyt5JYexd0aTScCW8mm1P/IqQkwySR85+o6Dfv8jIvkSyrZQPi5ky49+i3yUgBDKmWxxDUxdStky2R4lrNQLIBzcFjsvZMcbz2Cg78jictCqjRzvzrkGyYE+4OyBgBqvZMelQzCgJTeyrRlud26rTSaAAvnyqnzkDJLsCyYi0SwlUzmWYy1ML5qRSX7ePFM+AiP5hDPNpjWyAZgHZjjCVhNnhv9/X3sfon3ggPMBnGlJsYkpoKzhs0s0pH3grBFO6PC7Fs4B4TJr6mjbA86NA3vzZWJtjfTM4pqmQCxCI25qb8DWXDrUGIByKuGsbG8yt7jmRXH3qlxAzGHgwl0sKYByjhE1i3e1AdTWsYkdWigwo44vWzRMQtzlRCSYjJP4nGmJCRNtqNkyky+USe2DWCwwHJs3L0ZJC1xLV9oQHDQgFwNskL8df1seAqBiYEBdSzIcHJBNPuNRQs7Ux9ZIC58q3jBBYKi7BPLDUtGoRYMhh72iqyEALQ5Biwh/B00TFEjGgLhV2LDfEFvBYO9gd/LKhQaFnoBE2NcSg0luBxAAdF3EPRcHIggE2okQXuKpyuvm3IAWjEsmRiCx8G+/SsoTkEGWGPN+s62QEuvZECODdS8bZN3HmH3vOpJgds0RBpv4Nhp0wggKvFGKrdp2jdAwh4wOoaziH5gMk2D3YIw0AsvrRhOhBQjrhwIt0qQj11Vg6TuSjgaCtquBe++4bM+1L2Rkg4YKEi3k51DJqs4m7D1CyHzsKpgCCsTIZALEDEi3nVFOGtQt+dgBhdMSa3fxFDijXmLaGIi7PvC7AYrECMUEkC46zccOSOfByrED0i2xwvPYo4MBRKz9eRuzBlEAjXqJUdR51Eb65zfTIDZ7OOdaYi6CRLR9NnvTb74BRb60B1Oa6tBKMLQqzgkDpmyz5gxgYBJsD63UZUl5rMxlg5wmqaAxskHF6xNjbAPa9yrve+kDEEXNXyzhXMmXZ0dB38fTW6jF7vOwgQtQYQEnEUznPAjaZH3ohgJoyQ0INWft0dZan0yaEVXVCBAcTmkbDLrurfAv1Wki/0tMfdaNSyfpMO6J4Rgz8VmJAYf3jqD1gYSHZ1jjoICqPbqlg9pDMcjgFe9kS+uFBgzF6nB8a089x8pRvFAoX/5C878XhPtBTHXaUYHxi2HMiRxvRomTOOuDbgj2KiTAXmnKUziMe1XAxWKDtB4KTwzGDEHnrmtWsR/dJGSCdkBmTdnn4gAUthje3MIjxh3ejzrrUCR1T9SkLQegPUFdvxjZFk3QzWzQFK8oB34pIccOy+sKohYt+gJKLdb4rkdSCzCewSNiSzAdoeSEqtejalHcC1DDeXmKtA3ujnh9FUxuDYwyaOy18v7WoK/eXuzaAE7eVv6GsG+FG9mo3g+XeO++SIDwC1M72xBgc+8+pi1lvZS+Uq44iNLZra54Emd2xQgpxZrrrr7axnSuKwk2ymswbnhu8SZGP3aC3iMhxk/GcBr6gxTlTPw/n3FHqZc2TvxaXK71L8HgL71shdnGfCF6/i4QVawyY9SkKmPf4WB77f8i+OpwS9NJwcqbPvoAM8kkPPJPgAEAyEmTr+M2lQ0AAAAASUVORK5CYII=">
-                <strong class="mr-auto">Honoka</strong>
-                <small>11分前</small>
-                <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
-                  <span aria-hidden="true">&times;</span>
-                </button>
-              </div>
-              <div class="toast-body">
-                これはToast型通知メッセージのサンプルです。
-              </div>
-            </div>
-          </div>
         </div>
-
       </div>
       <div class="col-lg-6">
         <h2>Popovers</h2>
@@ -1684,7 +1580,6 @@
 
 </div>
 
-
 <script type="text/javascript">
   $('.bs-component [data-toggle="popover"]').popover();
   $('.bs-component [data-toggle="tooltip"]').tooltip();

data/test/dummy/app/views/pages/nico.html.erb

@@ -58,7 +58,9 @@
   <nav class="navbar navbar-expand-lg navbar-light bg-light">
     <div class="container">
       <a class="navbar-brand" href="./">
-        <img src="assets/img/brand.png" width="30" height="30" class="d-inline-block align-top mr-1" alt="">
+        <img
+          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAMFBMVEX/ueP/6Pb/mNb/otr/rN7/8/r/////0e3/3PH/y+r/ntj/+f3/wOb/xuj/mtf////Ltbk5AAAAEHRSTlP///////////////////8A4CNdGQAAAdpJREFUeNrtmMGSpCAMQCEJGgJk/v9v15qmdCVOo9A1l913TflKlIQE9/Uh/lVR4OgIBUCQcuQwJvKFoIGKfypKK8EltKYHohQFfkRiuitihLcI3xIFgi4U+iIWuIFwT1TgJuWtaHFwG7cYkfE8NFmRg0fkn0QFHlKuRQyP4StREHiMhAsRwXOUrIhhCG5FSWAITI0owiDxLEoCg0g6idY2u48a0IusJxE2f3VZ9t3QiSj+LfJwIi8bGSq9iK8imxzKywZDpRcpu8hsxrBsBIVKJ0KHKMCZ5RuodCNhF/GciHdRvFwAVLqRWEW2oL0+qUKlF3k5rhK/ND+5E6FdhJ1t14ngLhKAkRSxIphDPy8SmALNx54WEUxBZkMO4kyKDBJN0g7CpowMEkxhG0LRltoDVbhNMcX/QJxDuARJoMGfjiM9i7JnEjAosclZfHdAghCHjNCAm9+1i17fH9mKsX0pJfYRW4+kXhOh7vScYg7spNdEfCW0JszB55dK8VtrPZjuNFqKa/CREClzXWgL32z9hIoPG34lUbDQ/WZUBYlQRHvN6Hx7/PmG/SBPjxDzQ838mDU/+P3CKDo/HD99KeRfvECYv9Kw+IKmGBQ/fO2TCQW0Xvv8vxqb4w8hOpDUx5Nj5wAAAABJRU5ErkJggg=="
+          width="30" height="30" class="d-inline-block align-top mr-1" alt="">
         Nico
       </a>
       <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar"

data/test/dummy/app/views/pages/umi.html.erb

@@ -57,7 +57,9 @@
   <nav class="navbar navbar-expand-lg navbar-light bg-light">
     <div class="container">
       <a class="navbar-brand" href="./">
-        <img src="assets/img/brand.png" width="30" height="30" class="d-inline-block align-top mr-1" alt="Umi">
+        <img
+          src="data:image/png;base64,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"
+          width="30" height="30" class="d-inline-block align-top mr-1" alt="">
         Umi
       </a>
       <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar"

data/test/dummy/config/application.rb

@@ -1,11 +1,7 @@
 require_relative 'boot'
 
 require 'rails/all'
-require 'jquery-rails'
-require 'sprockets'
-require 'turbolinks'
-
-Bundler.require(*Rails.groups)
+Bundler.require(*Rails.groups << :development)
 
 module Dummy
   class Application < Rails::Application

data/test/dummy/config/routes.rb

@@ -1,5 +1,5 @@
 Rails.application.routes.draw do
-  get 'pages/honoka'
-  get 'pages/umi'
-  get 'pages/nico'
+  ::Bootstrap::Honoka::Rails.stylesheets.each do |s|
+    get "pages/#{s}"
+  end
 end

data/test/honoka_test.rb

@@ -1,10 +1,44 @@
 require 'test_helper'
 
 class Bootstrap::Honoka::Rails::Test < ActionDispatch::IntegrationTest
-  %w[honoka umi nico].each do |name|
-    test "access #{name} test" do
-      get "/pages/#{name}"
-      assert_response :success
+  # Mix-in
+  include DummyIntegration
+
+  # constant stylesheets
+  STYLESHEETS = ::Bootstrap::Honoka::Rails.stylesheets
+
+  # constant data variables
+  TEST_PAGES = STYLESHEETS.map(&:freeze).freeze
+  TEST_PATHS = TEST_PAGES.map { |el| "/pages/#{el}".freeze }.freeze
+  TEST_DATAS = TEST_PAGES.zip(TEST_PATHS).map(&:freeze).freeze
+
+  # access test
+  TEST_DATAS.each do |page, path|
+    test "access #{page}" do
+      begin
+        # ページのアクセステスト
+        visit path
+
+        # ステータスコードの取得を行う
+        # https://stackoverflow.com/questions/7908907/how-to-test-the-response-code-with-capybara-selenium
+        response_code = Capybara.page.first('html')[:code].to_i
+        assert response_code == 200, 'エラー：正しくページを取得できませんでした。'
+      ensure
+        # エラーであっても表示ページのscreenshotは撮る。
+        take_full_page_screenshot!
+      end
+    end
+  end
+
+  # compile test
+  TEST_PAGES.each do |page|
+    test "compile #{page}" do
+      # Sassのコンパイルを行う
+      SassC::Engine.new("@import '_#{page}';",
+                        load_paths: app.config.assets.paths).render
+
+      # 例外が発生せずここまで来れば assert成功
+      assert true
     end
   end
 end

data/test/support/dummy_integration.rb

@@ -0,0 +1,57 @@
+# require files
+require 'fileutils'
+
+# DummyIntegration
+module DummyIntegration
+  # Capybara系のヘルパーメソッド
+
+  # Mix-in
+  include Capybara::DSL
+  include Capybara::Minitest::Assertions
+
+  def setup
+    super
+    cleanup_cache_files
+  end
+
+  def teardown
+    super
+    Capybara.reset_sessions!
+    Capybara.use_default_driver
+  end
+
+  private
+
+    def cleanup_cache_files
+      FileUtils.rm_rf('test/dummy/tmp/cache', secure: true)
+    end
+
+    def screenshot_to_file!(path, log_append = '')
+      # save screenshot!
+      page.save_screenshot File.join(ROOT_PATH, path)
+      ::Minitest::Reporters::DummyReporter.log_strings_append! "Screenshot: Saved to #{path} #{log_append}"
+    end
+
+    # screenshotを撮る
+    def screenshot!
+      # パスを設定してファイルを保存する。
+      path = "tmp/#{name}.png"
+      screenshot_to_file! path
+    end
+
+    # 画面リサイズ後にscreenshotを撮る
+    def take_full_page_screenshot!
+      # https://testingrepository.com/full-page-screenshot-with-selenium/
+      # https://github.com/teampoltergeist/poltergeist/issues/165
+      # https://sqa.stackexchange.com/questions/9007/how-to-handle-time-out-receiving-message-from-the-renderer-in-chrome-driver
+
+      # 幅と高さを取得しブラウザのリサイズを行う。
+      width  = Capybara.page.execute_script('return screen.width;')
+      height = Capybara.page.execute_script('return Math.max( document.body.scrollHeight , document.body.offsetHeight , document.documentElement.clientHeight , document.documentElement.scrollHeight , document.documentElement.offsetHeight );')
+      window = Capybara.current_session.driver.browser.manage.window
+      window.resize_to(width, height)
+
+      # スクリーンショットの保存
+      screenshot_to_file! "tmp/#{name}.png", "- W:H=#{width}:#{height}"
+    end
+end

data/test/support/dummy_reporters.rb

@@ -0,0 +1,61 @@
+require 'minitest/reporters'
+
+module Minitest
+  module Reporters
+    class DummyReporter < DefaultReporter
+      # 最後にログ出力する際の文字列配列(下記注意点)
+      #
+      # 1)特異メソッド内から下記変数を参照する為、クラス変数にするべきと思われるかもしれないが、
+      #   後にDummyReportersから継承される可能性を考慮すると、
+      #   クラスインスタンス変数を使用する方が良いとの事。
+      #   Effective Ruby 項目15
+      # 2)クラスインスタンス変数をクラスメソッドで使用する点から
+      #   SingletonをIncludeする事も考慮したが、
+      #   その場合
+      #   ・Instanceメソッドからinitializeに引数が渡せない。
+      #   ・どうしても親クラスのinitializeにデータを渡す際、
+      #       def set_options( options = {} ); initialize(options); end;
+      #     というようなRubyとして正か判断できないややこしい処理となりそうだった。
+      #     (一般的に考えてコンストラクタを無理やり呼び出す違和感のあるやり方)
+      #   という観点からSingletonは見送りとした。
+      @log_strings = []
+
+      # 特異メソッド
+      class << self
+        attr_reader :log_strings
+
+        def log_strings_append!(rhs)
+          @log_strings << rhs unless rhs.nil?
+        end
+      end
+
+      # 独自カラー
+      def cyan(string)
+        color? ? ANSI::Code.cyan(string) : string
+      end
+
+      def magenta(string)
+        color? ? ANSI::Code.magenta(string) : string
+      end
+
+      # レポートを行う
+      def on_report
+        super
+        return if self.class.log_strings.empty?
+
+        puts
+        puts cyan('------------------------------------------------------------')
+        puts magenta('[TEST INFO]')
+        self.class.log_strings.each do |data|
+          puts yellow(data)
+        end
+        puts cyan('------------------------------------------------------------')
+        puts
+      end
+    end
+
+    # セットアップ
+    reporter_options = { color: true }
+    ::Minitest::Reporters.use! [DummyReporter.new(reporter_options)]
+  end
+end

data/test/test_helper.rb

@@ -1,8 +1,52 @@
-require 'minitest/autorun'
-require 'minitest/reporters'
-
 # Configure Rails Environment
 ENV['RAILS_ENV'] = 'test'
 
-require_relative '../test/dummy/config/environment'
-require 'rails/test_help'
+# require environment / rails / capybara
+require_relative 'dummy/config/environment'
+require 'rails/test_help'   # 内部でminitestのautorunも行う。
+require 'capybara/rails'    # 内部でcapybara/dslもrequireする。
+require 'capybara/minitest'
+
+# settings
+Webdrivers.cache_time = 10_000
+ROOT_PATH = File.expand_path('../', File.dirname(__FILE__)).freeze
+
+# support directory files require
+Dir['test/support/**/*.rb'].each do |file|
+  require_relative File.join('.', file[5..-4])
+end
+
+# -----------------------------------------------------------------------------
+
+# https://groups.google.com/forum/#!topic/chromedriver-users/ZBEju24L5ww
+
+# Settings Selenium Timeout
+client = Selenium::WebDriver::Remote::Http::Default.new
+client.read_timeout = 1000 # 1000 second read wait
+
+# Capybara driver settings
+Capybara.register_driver :selenium_chrome_headless do |app|
+  Capybara::Selenium::Driver.load_selenium
+  browser_options = ::Selenium::WebDriver::Chrome::Options.new.tap do |opts|
+    opts.args << 'start-maximized'
+    opts.args << 'enable-automation'
+    opts.args << '--window-size=1200,768'
+    opts.args << '--headless'
+    opts.args << '--disable-gpu'
+    opts.args << '--no-sandbox'
+    opts.args << '--disable-infobars'
+    opts.args << '--disable-dev-shm-usage'
+    opts.args << '--disable-browser-side-navigation'
+    opts.args << '--disable-site-isolation-trials'
+  end
+  Capybara::Selenium::Driver.new(app, browser: :chrome, options: browser_options, http_client: client)
+end
+
+# Capybara settings
+Capybara.configure do |config|
+  config.server_port        = 3000
+  config.app_host           = "http://localhost:#{config.server_port}"
+  config.default_driver     = :selenium_chrome_headless
+  config.javascript_driver  = :selenium_chrome_headless
+  config.server             = :webrick
+end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bootstrap-honoka-rails
 version: !ruby/object:Gem::Version
-  version: 4.0.0.2
+  version: 4.0.0.4
 platform: ruby
 authors:
 - Takmg
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-05-01 00:00:00.000000000 Z
+date: 2019-05-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bootstrap
@@ -24,6 +24,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 4.0.0
+- !ruby/object:Gem::Dependency
+  name: capybara
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.20.2
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.20.2
 - !ruby/object:Gem::Dependency
   name: jquery-rails
   requirement: !ruby/object:Gem::Requirement
@@ -66,6 +80,34 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 1.3.6
+- !ruby/object:Gem::Dependency
+  name: pry-byebug
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.7.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.7.0
+- !ruby/object:Gem::Dependency
+  name: sassc
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 2.0.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 2.0.0
 - !ruby/object:Gem::Dependency
   name: sprockets-rails
   requirement: !ruby/object:Gem::Requirement
@@ -108,7 +150,21 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 4.1.20
-description: Gem to handle -Bootstrap honoka- easily
+- !ruby/object:Gem::Dependency
+  name: webdrivers
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.9.4
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.9.4
+description: Gem to handle -Bootstrap Honoka, Umi, Nico, Rin- easily
 email:
 - Takmg@example.com
 executables: []
@@ -162,16 +218,16 @@ files:
 - test/dummy/config/environments/production.rb
 - test/dummy/config/environments/test.rb
 - test/dummy/config/initializers/assets.rb
-- test/dummy/config/initializers/backtrace_silencers.rb
 - test/dummy/config/initializers/filter_parameter_logging.rb
-- test/dummy/config/initializers/inflections.rb
-- test/dummy/config/initializers/mime_types.rb
 - test/dummy/config/initializers/wrap_parameters.rb
 - test/dummy/config/locales/en.yml
 - test/dummy/config/routes.rb
 - test/dummy/package.json
 - test/dummy/production_key_generate.sh
+- test/dummy/public/favicon.ico
 - test/honoka_test.rb
+- test/support/dummy_integration.rb
+- test/support/dummy_reporters.rb
 - test/test_helper.rb
 homepage: https://github.com/Takmg/bootstrap-honoka-rails
 licenses:
@@ -195,7 +251,7 @@ requirements: []
 rubygems_version: 3.0.3
 signing_key: 
 specification_version: 4
-summary: Gem to handle -Bootstrap honoka- easily
+summary: Gem to handle -Bootstrap Honoka, Umi, Nico, Rin- easily
 test_files:
 - test/dummy/Rakefile
 - test/dummy/app/assets/config/manifest.js
@@ -221,14 +277,14 @@ test_files:
 - test/dummy/config/environments/production.rb
 - test/dummy/config/environments/test.rb
 - test/dummy/config/initializers/assets.rb
-- test/dummy/config/initializers/backtrace_silencers.rb
 - test/dummy/config/initializers/filter_parameter_logging.rb
-- test/dummy/config/initializers/inflections.rb
-- test/dummy/config/initializers/mime_types.rb
 - test/dummy/config/initializers/wrap_parameters.rb
 - test/dummy/config/locales/en.yml
 - test/dummy/config/routes.rb
 - test/dummy/package.json
 - test/dummy/production_key_generate.sh
+- test/dummy/public/favicon.ico
 - test/honoka_test.rb
+- test/support/dummy_integration.rb
+- test/support/dummy_reporters.rb
 - test/test_helper.rb

data/test/dummy/config/initializers/backtrace_silencers.rb

@@ -1,7 +0,0 @@
-# Be sure to restart your server when you modify this file.
-
-# You can add backtrace silencers for libraries that you're using but don't wish to see in your backtraces.
-# Rails.backtrace_cleaner.add_silencer { |line| line =~ /my_noisy_library/ }
-
-# You can also remove all the silencers if you're trying to debug a problem that might stem from framework code.
-# Rails.backtrace_cleaner.remove_silencers!

data/test/dummy/config/initializers/inflections.rb

@@ -1,16 +0,0 @@
-# Be sure to restart your server when you modify this file.
-
-# Add new inflection rules using the following format. Inflections
-# are locale specific, and you may define rules for as many different
-# locales as you wish. All of these examples are active by default:
-# ActiveSupport::Inflector.inflections(:en) do |inflect|
-#   inflect.plural /^(ox)$/i, '\1en'
-#   inflect.singular /^(ox)en/i, '\1'
-#   inflect.irregular 'person', 'people'
-#   inflect.uncountable %w( fish sheep )
-# end
-
-# These inflection rules are supported but not enabled by default:
-# ActiveSupport::Inflector.inflections(:en) do |inflect|
-#   inflect.acronym 'RESTful'
-# end

data/test/dummy/config/initializers/mime_types.rb

@@ -1,4 +0,0 @@
-# Be sure to restart your server when you modify this file.
-
-# Add new mime types for use in respond_to blocks:
-# Mime::Type.register "text/richtext", :rtf