ui_bibz 2.4.0 → 2.5.0

data/test/ui/core/layouts/col_test.rb

@@ -1,31 +1,32 @@
+# frozen_string_literal: true
+
 require 'test_helper'
 
 class ColTest < ActionView::TestCase
   include UiBibz::Helpers::Ui::CoreHelper
 
-  test "col with options" do
+  test 'col with options' do
     actual   = ui_col('test', { num: 1, push: 2, offset: 3, pull: 4 }, { class: 'test' })
-    expected = "<div class=\"test col-md-1 col-md-push-2 offset-md-3 col-md-pull-4\">test</div>"
+    expected = '<div class="test col-md-1 col-md-push-2 offset-md-3 col-md-pull-4">test</div>'
 
     assert_equal expected, actual
   end
 
-  test "col with several cols" do
-    actual   = ui_col(md: { num: 1, push: 2, pull: 4 }, xl: { num: 6, offset: 5 }, class: 'test') do
-      "test"
+  test 'col with several cols' do
+    actual = ui_col(md: { num: 1, push: 2, pull: 4 }, xl: { num: 6, offset: 5 }, class: 'test') do
+      'test'
     end
-    expected = "<div class=\"test col-md-1 col-md-push-2 col-md-pull-4 col-xl-6 offset-xl-5\">test</div>"
+    expected = '<div class="test col-md-1 col-md-push-2 col-md-pull-4 col-xl-6 offset-xl-5">test</div>'
 
     assert_equal expected, actual
   end
 
-  test "col" do
+  test 'col' do
     actual   = ui_col do
-      "test"
+      'test'
     end
-    expected = "<div class=\"col\">test</div>"
+    expected = '<div class="col">test</div>'
 
     assert_equal expected, actual
   end
-
 end

data/test/ui/core/layouts/container_test.rb

@@ -1,4 +1,5 @@
-# encoding: UTF-8
+# frozen_string_literal: true
+
 require 'test_helper'
 
 class UiHelperTest < ActionView::TestCase
@@ -6,7 +7,7 @@ class UiHelperTest < ActionView::TestCase
 
   test 'container' do
     actual   = ui_container type: :fluid
-    expected = "<div class=\"container-fluid\"></div>"
+    expected = '<div class="container-fluid"></div>'
 
     assert_equal expected, actual
   end

data/test/ui/core/layouts/row_test.rb

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 require 'test_helper'
 
 class RowTest < ActionView::TestCase
@@ -7,7 +9,7 @@ class RowTest < ActionView::TestCase
     actual = ui_row(class: 'test') do
       'test'
     end
-    expected = "<div class=\"test row\">test</div>"
+    expected = '<div class="test row">test</div>'
 
     assert_equal expected, actual
   end
@@ -16,9 +18,8 @@ class RowTest < ActionView::TestCase
     actual = ui_row(type: :form) do
       'test'
     end
-    expected = "<div class=\"form-row\">test</div>"
+    expected = '<div class="form-row">test</div>'
 
     assert_equal expected, actual
   end
-
 end

data/test/ui/core/lists/list_group_test.rb

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 require 'test_helper'
 
 class ListGroupTest < ActionView::TestCase
@@ -11,7 +13,7 @@ class ListGroupTest < ActionView::TestCase
         l.body   'My body'
       end
     end
-    expected = "<div class=\"list-group\"><a href=\"#momo\" class=\"list-group-item-success list-group-item list-group-item-action\">Momo</a><li href=\"#state\" class=\"list-group-item flex-column align-items-start\"><div class=\"d-flex w-100 justify-content-between\"><h5 class=\"mb-1\">My title</h5><small></small></div><p class=\"mb-1\">My body</p><small></small></li></div>"
+    expected = '<div class="list-group"><a href="#momo" class="list-group-item-success list-group-item list-group-item-action">Momo</a><li href="#state" class="list-group-item flex-column align-items-start"><div class="d-flex w-100 justify-content-between"><h5 class="mb-1">My title</h5><small></small></div><p class="mb-1">My body</p><small></small></li></div>'
 
     assert_equal expected, actual
   end
@@ -21,7 +23,7 @@ class ListGroupTest < ActionView::TestCase
       lg.list 'Lulu'
       lg.list 'state'
     end
-    expected = "<ul class=\"list-group\"><li class=\"list-group-item\">Lulu</li><li class=\"list-group-item\">state</li></ul>"
+    expected = '<ul class="list-group"><li class="list-group-item">Lulu</li><li class="list-group-item">state</li></ul>'
 
     assert_equal expected, actual
   end
@@ -31,7 +33,7 @@ class ListGroupTest < ActionView::TestCase
       lg.list 'Lulu'
       lg.list 'state'
     end
-    expected = "<div class=\"list-group\"><a class=\"list-group-item list-group-item-action\">Lulu</a><a class=\"list-group-item list-group-item-action\">state</a></div>"
+    expected = '<div class="list-group"><a class="list-group-item list-group-item-action">Lulu</a><a class="list-group-item list-group-item-action">state</a></div>'
 
     assert_equal expected, actual
   end
@@ -41,7 +43,7 @@ class ListGroupTest < ActionView::TestCase
       lg.list 'Lulu'
       lg.list 'state'
     end
-    expected = "<ul class=\"list-group\"><li class=\"list-group-item\">Lulu</li><li class=\"list-group-item\">state</li></ul>"
+    expected = '<ul class="list-group"><li class="list-group-item">Lulu</li><li class="list-group-item">state</li></ul>'
 
     assert_equal expected, actual
   end
@@ -51,9 +53,8 @@ class ListGroupTest < ActionView::TestCase
       lg.list 'Lulu'
       lg.list 'state'
     end
-    expected = "<div class=\"list-group\"><button class=\"list-group-item list-group-item-action\">Lulu</button><button class=\"list-group-item list-group-item-action\">state</button></div>"
+    expected = '<div class="list-group"><button class="list-group-item list-group-item-action">Lulu</button><button class="list-group-item list-group-item-action">state</button></div>'
 
     assert_equal expected, actual
   end
-
 end

data/test/ui/core/navigations/breadcrumb_test.rb

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 require 'test_helper'
 
 class BreadcrumbTest < ActionView::TestCase
@@ -8,30 +10,26 @@ class BreadcrumbTest < ActionView::TestCase
       b.link 'Home', url: '#home', glyph: 'home'
       b.link 'state', { url: '#state', state: :active }
     end
-    expected = "<nav arial-label=\"breadcrumb\"><ol class=\"breadcrumb\"><li class=\"breadcrumb-item\"><a href=\"#home\"><i class=\"glyph fas fa-home\"></i>  Home</a></li><li class=\"active breadcrumb-item\"><a href=\"#state\">state</a></li></ol></nav>"
+    expected = '<nav arial-label="breadcrumb"><ol class="breadcrumb"><li class="breadcrumb-item"><a href="#home"><i class="glyph fas fa-home"></i>  Home</a></li><li class="active breadcrumb-item"><a href="#state">state</a></li></ol></nav>'
 
     assert_equal expected, actual
   end
 
-  #test 'breadcrumb with nav' do
-    #actual = UiBibz::Ui::Core::Paths::Breadcrumb.new(type: :nav).tap do |b|
-      #b.link 'Home', url: '#home', glyph: 'home'
-      #b.link 'state', { url: '#state', state: :active }
-    #end.render
-    #expected = ""
+  # test 'breadcrumb with nav' do
+  # actual = UiBibz::Ui::Core::Paths::Breadcrumb.new(type: :nav).tap do |b|
+  # b.link 'Home', url: '#home', glyph: 'home'
+  # b.link 'state', { url: '#state', state: :active }
+  # end.render
+  # expected = ""
 
-    #assert_equal expected, actual
-  #end
+  # assert_equal expected, actual
+  # end
 
   test 'breadcrumb with store' do
     users    = create_list(:user, 3)
     actual   = ui_breadcrumb(users, link_label: :name_fr, link_url: user_path(:id))
-    expected = "<nav arial-label=\"breadcrumb\"><ol class=\"breadcrumb\"><li class=\"breadcrumb-item\"><a href=\"/users/1/\">Name fr</a></li><li class=\"breadcrumb-item\"><a href=\"/users/2/\">Name fr</a></li><li class=\"breadcrumb-item\" aria-current=\"page\">Name fr</li></ol></nav>"
+    expected = '<nav arial-label="breadcrumb"><ol class="breadcrumb"><li class="breadcrumb-item"><a href="/users/1/">Name fr</a></li><li class="breadcrumb-item"><a href="/users/2/">Name fr</a></li><li class="breadcrumb-item" aria-current="page">Name fr</li></ol></nav>'
 
     assert_equal expected, actual
   end
-
-
-
 end
-

data/test/ui/core/navigations/link_test.rb

@@ -1,26 +1,27 @@
+# frozen_string_literal: true
+
 require 'test_helper'
 class LinkTest < ActionView::TestCase
   include UiBibz::Helpers::Ui::CoreHelper
 
   test 'Link' do
-    actual = ui_link 'My link', url: "#link"
-    expected = "<a href=\"#link\">My link</a>"
+    actual = ui_link 'My link', url: '#link'
+    expected = '<a href="#link">My link</a>'
 
     assert_equal expected, actual
   end
 
   test 'Link without text' do
-    actual = ui_link 'My link', glyph: "gem", text: false, url: "#link"
-    expected = "<a href=\"#link\"><i class=\"glyph fas fa-gem\"></i></a>"
+    actual = ui_link 'My link', glyph: 'gem', text: false, url: '#link'
+    expected = '<a href="#link"><i class="glyph fas fa-gem"></i></a>'
 
     assert_equal expected, actual
   end
 
-  test "Link with collapse option" do
-    actual = ui_link 'My link', url: "#link", collapse: 'collapse-id'
-    expected = "<a role=\"button\" data-toggle=\"collapse\" aria-controls=\"collapse-id\" aria-expanded=\"false\" href=\"#link\">My link</a>"
+  test 'Link with collapse option' do
+    actual = ui_link 'My link', url: '#link', collapse: 'collapse-id'
+    expected = '<a role="button" data-toggle="collapse" aria-controls="collapse-id" aria-expanded="false" href="#link">My link</a>'
 
     assert_equal expected, actual
   end
-
 end

data/test/ui/core/navigations/nav_test.rb

@@ -1,59 +1,60 @@
+# frozen_string_literal: true
+
 require 'test_helper'
 class NavTest < ActionView::TestCase
   include UiBibz::Helpers::Ui::CoreHelper
 
   test 'Nav with tab' do
     actual = ui_nav(type: :tabs) do |n|
-      n.link 'Home', state: :active, url: "#Home", selector: 'home'
-      n.link 'Profile', url: "#profile", selector: 'profile'
-      n.link 'Messages', url: "#messages", selector: 'messages'
+      n.link 'Home', state: :active, url: '#Home', selector: 'home'
+      n.link 'Profile', url: '#profile', selector: 'profile'
+      n.link 'Messages', url: '#messages', selector: 'messages'
     end
-    expected = "<ul class=\"nav nav-tabs\"><li class=\"nav-item\"><a class=\"active nav-link\" data-toggle=\"tab\" role=\"tab\" href=\"#Home\">Home</a></li><li class=\"nav-item\"><a class=\"nav-link\" data-toggle=\"tab\" role=\"tab\" href=\"#profile\">Profile</a></li><li class=\"nav-item\"><a class=\"nav-link\" data-toggle=\"tab\" role=\"tab\" href=\"#messages\">Messages</a></li></ul>"
+    expected = '<ul class="nav nav-tabs"><li class="nav-item"><a class="active nav-link" data-toggle="tab" role="tab" href="#Home">Home</a></li><li class="nav-item"><a class="nav-link" data-toggle="tab" role="tab" href="#profile">Profile</a></li><li class="nav-item"><a class="nav-link" data-toggle="tab" role="tab" href="#messages">Messages</a></li></ul>'
     assert_equal expected, actual
   end
 
   test 'Nav with pills' do
     actual = ui_nav(type: :pills) do |n|
-      n.link 'Home', state: :active, url: "#Home", selector: 'home'
-      n.link 'Profile', url: "#profile", selector: 'profile', label: 16
-      n.link 'Messages', url: "#messages", selector: 'messages', state: :disabled
+      n.link 'Home', state: :active, url: '#Home', selector: 'home'
+      n.link 'Profile', url: '#profile', selector: 'profile', label: 16
+      n.link 'Messages', url: '#messages', selector: 'messages', state: :disabled
     end
-    expected = "<ul class=\"nav nav-pills\"><li class=\"nav-item\"><a class=\"active nav-link\" href=\"#Home\">Home</a></li><li class=\"nav-item\"><a class=\"nav-link\" href=\"#profile\">Profile</a></li><li class=\"nav-item\"><a class=\"disabled nav-link\" href=\"#messages\">Messages</a></li></ul>"
+    expected = '<ul class="nav nav-pills"><li class="nav-item"><a class="active nav-link" href="#Home">Home</a></li><li class="nav-item"><a class="nav-link" href="#profile">Profile</a></li><li class="nav-item"><a class="disabled nav-link" href="#messages">Messages</a></li></ul>'
 
     assert_equal expected, actual
   end
 
   test 'Position' do
     actual = ui_nav(position: :right) do |n|
-      n.link 'Home', state: :active, url: "#Home", selector: 'home'
-      n.link 'Profile', url: "#profile", selector: 'profile', label: 16
-      n.link 'Messages', url: "#messages", selector: 'messages', state: :disabled
+      n.link 'Home', state: :active, url: '#Home', selector: 'home'
+      n.link 'Profile', url: '#profile', selector: 'profile', label: 16
+      n.link 'Messages', url: '#messages', selector: 'messages', state: :disabled
     end
-    expected = "<ul class=\"nav justify-content-end\"><li class=\"nav-item\"><a class=\"active nav-link\" href=\"#Home\">Home</a></li><li class=\"nav-item\"><a class=\"nav-link\" href=\"#profile\">Profile</a></li><li class=\"nav-item\"><a class=\"disabled nav-link\" href=\"#messages\">Messages</a></li></ul>"
+    expected = '<ul class="nav justify-content-end"><li class="nav-item"><a class="active nav-link" href="#Home">Home</a></li><li class="nav-item"><a class="nav-link" href="#profile">Profile</a></li><li class="nav-item"><a class="disabled nav-link" href="#messages">Messages</a></li></ul>'
 
     assert_equal expected, actual
   end
 
   test 'Justified' do
     actual = ui_nav(justified: true) do |n|
-      n.link 'Home', state: :active, url: "#Home", selector: 'home'
-      n.link 'Profile', url: "#profile", selector: 'profile', label: 16
-      n.link 'Messages', url: "#messages", selector: 'messages', state: :disabled
+      n.link 'Home', state: :active, url: '#Home', selector: 'home'
+      n.link 'Profile', url: '#profile', selector: 'profile', label: 16
+      n.link 'Messages', url: '#messages', selector: 'messages', state: :disabled
     end
-    expected = "<ul class=\"nav\"><li class=\"nav-item\"><a class=\"active nav-link\" href=\"#Home\">Home</a></li><li class=\"nav-item\"><a class=\"nav-link\" href=\"#profile\">Profile</a></li><li class=\"nav-item\"><a class=\"disabled nav-link\" href=\"#messages\">Messages</a></li></ul>"
+    expected = '<ul class="nav"><li class="nav-item"><a class="active nav-link" href="#Home">Home</a></li><li class="nav-item"><a class="nav-link" href="#profile">Profile</a></li><li class="nav-item"><a class="disabled nav-link" href="#messages">Messages</a></li></ul>'
 
     assert_equal expected, actual
   end
 
   test 'stacked' do
     actual = ui_nav(stacked: true) do |n|
-      n.link 'Home', state: :active, url: "#Home", selector: 'home'
-      n.link 'Profile', url: "#profile", selector: 'profile', label: 16
-      n.link 'Messages', url: "#messages", selector: 'messages', state: :disabled
+      n.link 'Home', state: :active, url: '#Home', selector: 'home'
+      n.link 'Profile', url: '#profile', selector: 'profile', label: 16
+      n.link 'Messages', url: '#messages', selector: 'messages', state: :disabled
     end
-    expected = "<ul class=\"nav flex-column\"><li class=\"nav-item\"><a class=\"active nav-link\" href=\"#Home\">Home</a></li><li class=\"nav-item\"><a class=\"nav-link\" href=\"#profile\">Profile</a></li><li class=\"nav-item\"><a class=\"disabled nav-link\" href=\"#messages\">Messages</a></li></ul>"
+    expected = '<ul class="nav flex-column"><li class="nav-item"><a class="active nav-link" href="#Home">Home</a></li><li class="nav-item"><a class="nav-link" href="#profile">Profile</a></li><li class="nav-item"><a class="disabled nav-link" href="#messages">Messages</a></li></ul>'
 
     assert_equal expected, actual
   end
-
 end

data/test/ui/core/navigations/navbar_test.rb

@@ -1,10 +1,11 @@
+# frozen_string_literal: true
+
 require 'test_helper'
 class NavbarTest < ActionView::TestCase
-
   test 'Navbar' do
     actual = UiBibz::Ui::Core::Navigations::Navbar.new.tap do |nb|
     end
-    expected = "<nav class=\"navbar navbar-light navbar-expand-lg\"><button class=\"navbar-toggler hidden-sm-up\" type=\"button\" data-toggle=\"collapse\" data-target=\"##{ actual.id }\">☰</button><div class=\"navbar-collapse\" id=\"#{ actual.id }\"></div></nav>"
+    expected = "<nav class=\"navbar navbar-light navbar-expand-lg\"><button class=\"navbar-toggler hidden-sm-up\" type=\"button\" data-toggle=\"collapse\" data-target=\"##{actual.id}\">☰</button><div class=\"navbar-collapse\" id=\"#{actual.id}\"></div></nav>"
 
     assert_equal expected, actual.render
   end
@@ -12,26 +13,26 @@ class NavbarTest < ActionView::TestCase
   test 'Navbar with options' do
     actual = UiBibz::Ui::Core::Navigations::Navbar.new(title: 'Brand', expand_size: :xs, status: :primary, position: :top, brand_position: :right).tap do |nb|
     end
-    expected = "<nav class=\"bg-primary navbar navbar-light fixed-top navbar-expand-xs\"><button class=\"navbar-toggler hidden-sm-up\" type=\"button\" data-toggle=\"collapse\" data-target=\"##{ actual.id }\">☰</button><span class=\"navbar-brand\">Brand</span><div class=\"navbar-collapse\" id=\"#{ actual.id }\"></div></nav>"
+    expected = "<nav class=\"bg-primary navbar navbar-light fixed-top navbar-expand-xs\"><button class=\"navbar-toggler hidden-sm-up\" type=\"button\" data-toggle=\"collapse\" data-target=\"##{actual.id}\">☰</button><span class=\"navbar-brand\">Brand</span><div class=\"navbar-collapse\" id=\"#{actual.id}\"></div></nav>"
 
     assert_equal expected, actual.render
   end
 
   test 'Navbar with brand, nav, form and text' do
     actual = UiBibz::Ui::Core::Navigations::Navbar.new.tap do |nb|
-      nb.brand "Brand"
+      nb.brand 'Brand'
       nb.nav do |n|
-        n.link 'Home', state: :active, url: "#Home", selector: 'home'
-        n.link 'Profile', url: "#profile", selector: 'profile'
-        n.link 'Messages', url: "#messages", selector: 'messages'
+        n.link 'Home', state: :active, url: '#Home', selector: 'home'
+        n.link 'Profile', url: '#profile', selector: 'profile'
+        n.link 'Messages', url: '#messages', selector: 'messages'
       end
-      nb.form "#", { type: :form_tag, position: :right } do
+      nb.form '#', { type: :form_tag, position: :right } do
         UiBibz::Ui::Core::Forms::Texts::TextField.new('search').render
         UiBibz::Ui::Core::Forms::Buttons::Button.new('Search').render
       end
       nb.text 'test'
     end
-    expected = "<nav class=\"navbar navbar-light navbar-expand-lg\"><span class=\"navbar-brand\">Brand</span><button class=\"navbar-toggler hidden-sm-up\" type=\"button\" data-toggle=\"collapse\" data-target=\"##{ actual.id }\">☰</button><div class=\"navbar-collapse\" id=\"#{ actual.id }\"><ul class=\"navbar-nav\"><li class=\"nav-item\"><a class=\"active nav-link\" href=\"#Home\">Home</a></li><li class=\"nav-item\"><a class=\"nav-link\" href=\"#profile\">Profile</a></li><li class=\"nav-item\"><a class=\"nav-link\" href=\"#messages\">Messages</a></li></ul><form type=\"form_tag\" position=\"right\" class=\"navbar-form form-inline my-lg-0 my-2\" action=\"#\" accept-charset=\"UTF-8\" method=\"post\"><input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\" /><button class=\"btn-secondary btn\">Search</button></form><span class=\"navbar-text\">test</span></div></nav>"
+    expected = "<nav class=\"navbar navbar-light navbar-expand-lg\"><span class=\"navbar-brand\">Brand</span><button class=\"navbar-toggler hidden-sm-up\" type=\"button\" data-toggle=\"collapse\" data-target=\"##{actual.id}\">☰</button><div class=\"navbar-collapse\" id=\"#{actual.id}\"><ul class=\"navbar-nav\"><li class=\"nav-item\"><a class=\"active nav-link\" href=\"#Home\">Home</a></li><li class=\"nav-item\"><a class=\"nav-link\" href=\"#profile\">Profile</a></li><li class=\"nav-item\"><a class=\"nav-link\" href=\"#messages\">Messages</a></li></ul><form type=\"form_tag\" position=\"right\" class=\"navbar-form form-inline my-lg-0 my-2\" action=\"#\" accept-charset=\"UTF-8\" method=\"post\"><input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\" /><button class=\"btn-secondary btn\">Search</button></form><span class=\"navbar-text\">test</span></div></nav>"
 
     assert_equal expected, actual.render
   end
@@ -43,9 +44,8 @@ class NavbarTest < ActionView::TestCase
         n.link 'Link', url: '#link'
       end
     end
-    expected = "<nav class=\"bg-dark navbar navbar-dark navbar-expand-lg\"><span class=\"navbar-brand\"><img src=\"/images/ruby-white\" /></span><button class=\"navbar-toggler hidden-sm-up\" type=\"button\" data-toggle=\"collapse\" data-target=\"##{ actual.id }\">☰</button><div class=\"navbar-collapse\" id=\"#{ actual.id }\"><ul class=\"navbar-nav\"><li class=\"nav-item\"><a class=\"nav-link\" href=\"#link\">Link</a></li></ul></div></nav>"
+    expected = "<nav class=\"bg-dark navbar navbar-dark navbar-expand-lg\"><span class=\"navbar-brand\"><img src=\"/images/ruby-white\" /></span><button class=\"navbar-toggler hidden-sm-up\" type=\"button\" data-toggle=\"collapse\" data-target=\"##{actual.id}\">☰</button><div class=\"navbar-collapse\" id=\"#{actual.id}\"><ul class=\"navbar-nav\"><li class=\"nav-item\"><a class=\"nav-link\" href=\"#link\">Link</a></li></ul></div></nav>"
 
     assert_equal expected, actual.render
   end
-
 end

data/test/ui/core/navigations/pagination_test.rb

@@ -1,38 +1,39 @@
+# frozen_string_literal: true
+
 require 'test_helper'
 class PaginationTest < ActionView::TestCase
   include UiBibz::Helpers::Ui::CoreHelper
 
   test 'Pagination' do
     actual = ui_pagination do |p|
-      p.link 'Home', state: :active, url: "#Home", selector: 'home'
-      p.link 'Profile', url: "#profile", selector: 'profile'
-      p.link 'Messages', url: "#messages", selector: 'messages'
+      p.link 'Home', state: :active, url: '#Home', selector: 'home'
+      p.link 'Profile', url: '#profile', selector: 'profile'
+      p.link 'Messages', url: '#messages', selector: 'messages'
     end
-    expected = "<nav><ul class=\"pagination\"><li class=\"active page-item\"><a class=\"page-link\" href=\"#Home\">Home</a></li><li class=\"page-item\"><a class=\"page-link\" href=\"#profile\">Profile</a></li><li class=\"page-item\"><a class=\"page-link\" href=\"#messages\">Messages</a></li></ul></nav>"
+    expected = '<nav><ul class="pagination"><li class="active page-item"><a class="page-link" href="#Home">Home</a></li><li class="page-item"><a class="page-link" href="#profile">Profile</a></li><li class="page-item"><a class="page-link" href="#messages">Messages</a></li></ul></nav>'
 
     assert_equal expected, actual
   end
 
   test 'Pagination size' do
     actual = ui_pagination size: :lg do |p|
-      p.link 'Home', state: :active, url: "#Home", selector: 'home'
-      p.link 'Profile', url: "#profile", selector: 'profile'
-      p.link 'Messages', url: "#messages", selector: 'messages'
+      p.link 'Home', state: :active, url: '#Home', selector: 'home'
+      p.link 'Profile', url: '#profile', selector: 'profile'
+      p.link 'Messages', url: '#messages', selector: 'messages'
     end
-    expected = "<nav><ul class=\"pagination pagination-lg\"><li class=\"active page-item\"><a class=\"page-link\" href=\"#Home\">Home</a></li><li class=\"page-item\"><a class=\"page-link\" href=\"#profile\">Profile</a></li><li class=\"page-item\"><a class=\"page-link\" href=\"#messages\">Messages</a></li></ul></nav>"
+    expected = '<nav><ul class="pagination pagination-lg"><li class="active page-item"><a class="page-link" href="#Home">Home</a></li><li class="page-item"><a class="page-link" href="#profile">Profile</a></li><li class="page-item"><a class="page-link" href="#messages">Messages</a></li></ul></nav>'
 
     assert_equal expected, actual
   end
 
   test 'Pagination position' do
     actual = ui_pagination position: :right do |p|
-      p.link 'Home', state: :active, url: "#Home", selector: 'home'
-      p.link 'Profile', url: "#profile", selector: 'profile'
-      p.link 'Messages', url: "#messages", selector: 'messages'
+      p.link 'Home', state: :active, url: '#Home', selector: 'home'
+      p.link 'Profile', url: '#profile', selector: 'profile'
+      p.link 'Messages', url: '#messages', selector: 'messages'
     end
-    expected = "<nav><ul class=\"pagination justify-content-end\"><li class=\"active page-item\"><a class=\"page-link\" href=\"#Home\">Home</a></li><li class=\"page-item\"><a class=\"page-link\" href=\"#profile\">Profile</a></li><li class=\"page-item\"><a class=\"page-link\" href=\"#messages\">Messages</a></li></ul></nav>"
+    expected = '<nav><ul class="pagination justify-content-end"><li class="active page-item"><a class="page-link" href="#Home">Home</a></li><li class="page-item"><a class="page-link" href="#profile">Profile</a></li><li class="page-item"><a class="page-link" href="#messages">Messages</a></li></ul></nav>'
 
     assert_equal expected, actual
   end
-
 end

data/test/ui/core/navigations/tab_group_test.rb

@@ -1,60 +1,61 @@
+# frozen_string_literal: true
+
 require 'test_helper'
 class TabGroupTest < ActionView::TestCase
   include UiBibz::Helpers::Ui::CoreHelper
 
   test 'Tab group' do
     actual = ui_tab_group do |n|
-      n.tab 'Home', state: :active, url: "#Home", selector: 'home'
-      n.tab 'Profile', url: "#profile", selector: 'profile'
-      n.tab 'Messages', url: "#messages", selector: 'messages'
+      n.tab 'Home', state: :active, url: '#Home', selector: 'home'
+      n.tab 'Profile', url: '#profile', selector: 'profile'
+      n.tab 'Messages', url: '#messages', selector: 'messages'
     end
-    expected = "<ul class=\"nav nav-tabs\"><li class=\"nav-item\"><a class=\"active nav-link\" data-toggle=\"tab\" role=\"tab\" href=\"#Home\">Home</a></li><li class=\"nav-item\"><a class=\"nav-link\" data-toggle=\"tab\" role=\"tab\" href=\"#profile\">Profile</a></li><li class=\"nav-item\"><a class=\"nav-link\" data-toggle=\"tab\" role=\"tab\" href=\"#messages\">Messages</a></li></ul>"
+    expected = '<ul class="nav nav-tabs"><li class="nav-item"><a class="active nav-link" data-toggle="tab" role="tab" href="#Home">Home</a></li><li class="nav-item"><a class="nav-link" data-toggle="tab" role="tab" href="#profile">Profile</a></li><li class="nav-item"><a class="nav-link" data-toggle="tab" role="tab" href="#messages">Messages</a></li></ul>'
 
     assert_equal expected, actual
   end
 
   test 'Type' do
     actual = ui_tab_group type: :links do |n|
-      n.tab 'Home', state: :active, url: "#Home", selector: 'home'
-      n.tab 'Profile', url: "#profile", selector: 'profile'
-      n.tab 'Messages', url: "#messages", selector: 'messages'
+      n.tab 'Home', state: :active, url: '#Home', selector: 'home'
+      n.tab 'Profile', url: '#profile', selector: 'profile'
+      n.tab 'Messages', url: '#messages', selector: 'messages'
     end
-    expected = "<ul class=\"nav nav-tabs\"><li class=\"nav-item\"><a class=\"active nav-link\" data-toggle=\"tab\" role=\"tab\" href=\"#Home\">Home</a></li><li class=\"nav-item\"><a class=\"nav-link\" data-toggle=\"tab\" role=\"tab\" href=\"#profile\">Profile</a></li><li class=\"nav-item\"><a class=\"nav-link\" data-toggle=\"tab\" role=\"tab\" href=\"#messages\">Messages</a></li></ul>"
+    expected = '<ul class="nav nav-tabs"><li class="nav-item"><a class="active nav-link" data-toggle="tab" role="tab" href="#Home">Home</a></li><li class="nav-item"><a class="nav-link" data-toggle="tab" role="tab" href="#profile">Profile</a></li><li class="nav-item"><a class="nav-link" data-toggle="tab" role="tab" href="#messages">Messages</a></li></ul>'
 
     assert_equal expected, actual
   end
 
   test 'tag_type' do
     actual = ui_tab_group tag_type: :span do |n|
-      n.tab 'Home', state: :active, url: "#Home", selector: 'home'
-      n.tab 'Profile', url: "#profile", selector: 'profile'
-      n.tab 'Messages', url: "#messages", selector: 'messages'
+      n.tab 'Home', state: :active, url: '#Home', selector: 'home'
+      n.tab 'Profile', url: '#profile', selector: 'profile'
+      n.tab 'Messages', url: '#messages', selector: 'messages'
     end
-    expected = "<ul class=\"nav nav-tabs\"><li class=\"nav-item\"><span class=\"active nav-link\" data-toggle=\"tab\" role=\"tab\">Home</span></li><li class=\"nav-item\"><span class=\"nav-link\" data-toggle=\"tab\" role=\"tab\">Profile</span></li><li class=\"nav-item\"><span class=\"nav-link\" data-toggle=\"tab\" role=\"tab\">Messages</span></li></ul>"
+    expected = '<ul class="nav nav-tabs"><li class="nav-item"><span class="active nav-link" data-toggle="tab" role="tab">Home</span></li><li class="nav-item"><span class="nav-link" data-toggle="tab" role="tab">Profile</span></li><li class="nav-item"><span class="nav-link" data-toggle="tab" role="tab">Messages</span></li></ul>'
 
     assert_equal expected, actual
   end
 
   test 'Position' do
     actual = ui_tab_group(position: :right) do |n|
-      n.tab 'Home', state: :active, url: "#Home", selector: 'home'
-      n.tab 'Profile', url: "#profile", selector: 'profile', label: 16
-      n.tab 'Messages', url: "#messages", selector: 'messages', state: :disabled
+      n.tab 'Home', state: :active, url: '#Home', selector: 'home'
+      n.tab 'Profile', url: '#profile', selector: 'profile', label: 16
+      n.tab 'Messages', url: '#messages', selector: 'messages', state: :disabled
     end
-    expected = "<ul class=\"nav nav-tabs justify-content-end\"><li class=\"nav-item\"><a class=\"active nav-link\" data-toggle=\"tab\" role=\"tab\" href=\"#Home\">Home</a></li><li class=\"nav-item\"><a class=\"nav-link\" data-toggle=\"tab\" role=\"tab\" href=\"#profile\">Profile</a></li><li class=\"nav-item\"><a class=\"disabled nav-link\" data-toggle=\"tab\" role=\"tab\" href=\"#messages\">Messages</a></li></ul>"
+    expected = '<ul class="nav nav-tabs justify-content-end"><li class="nav-item"><a class="active nav-link" data-toggle="tab" role="tab" href="#Home">Home</a></li><li class="nav-item"><a class="nav-link" data-toggle="tab" role="tab" href="#profile">Profile</a></li><li class="nav-item"><a class="disabled nav-link" data-toggle="tab" role="tab" href="#messages">Messages</a></li></ul>'
 
     assert_equal expected, actual
   end
 
   test 'Justified' do
     actual = ui_tab_group(justified: true) do |n|
-      n.tab 'Home', state: :active, url: "#Home", selector: 'home'
-      n.tab 'Profile', url: "#profile", selector: 'profile', label: 16
-      n.tab 'Messages', url: "#messages", selector: 'messages', state: :disabled
+      n.tab 'Home', state: :active, url: '#Home', selector: 'home'
+      n.tab 'Profile', url: '#profile', selector: 'profile', label: 16
+      n.tab 'Messages', url: '#messages', selector: 'messages', state: :disabled
     end
-    expected = "<ul class=\"nav nav-tabs\"><li class=\"nav-item\"><a class=\"active nav-link\" data-toggle=\"tab\" role=\"tab\" href=\"#Home\">Home</a></li><li class=\"nav-item\"><a class=\"nav-link\" data-toggle=\"tab\" role=\"tab\" href=\"#profile\">Profile</a></li><li class=\"nav-item\"><a class=\"disabled nav-link\" data-toggle=\"tab\" role=\"tab\" href=\"#messages\">Messages</a></li></ul>"
+    expected = '<ul class="nav nav-tabs"><li class="nav-item"><a class="active nav-link" data-toggle="tab" role="tab" href="#Home">Home</a></li><li class="nav-item"><a class="nav-link" data-toggle="tab" role="tab" href="#profile">Profile</a></li><li class="nav-item"><a class="disabled nav-link" data-toggle="tab" role="tab" href="#messages">Messages</a></li></ul>'
 
     assert_equal expected, actual
   end
-
 end