ui_bibz 2.4.0 → 2.5.0

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

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 require 'test_helper'
 class ToolbarTest < ActionView::TestCase
   include UiBibz::Helpers::Ui::CoreHelper
@@ -8,7 +10,7 @@ class ToolbarTest < ActionView::TestCase
         bg.button 'Home'
       end
     end
-    expected = "<div class=\"btn-toolbar\" role=\"toolbar\"><div class=\"btn-group\" role=\"group\"><button class=\"btn-secondary btn\">Home</button></div></div>"
+    expected = '<div class="btn-toolbar" role="toolbar"><div class="btn-group" role="group"><button class="btn-secondary btn">Home</button></div></div>'
 
     assert_equal expected, actual
   end
@@ -23,9 +25,8 @@ class ToolbarTest < ActionView::TestCase
         bg.button 'Home 2'
       end
     end
-    expected = "<div class=\"btn-toolbar justify-content-between\" role=\"toolbar\"><div role=\"group\" class=\"btn-group mr-2\"><button class=\"btn-secondary btn\">Home</button></div><div class=\"btn-group\" role=\"group\"><button class=\"btn-secondary btn\">Home 2</button></div></div>"
+    expected = '<div class="btn-toolbar justify-content-between" role="toolbar"><div role="group" class="btn-group mr-2"><button class="btn-secondary btn">Home</button></div><div class="btn-group" role="group"><button class="btn-secondary btn">Home 2</button></div></div>'
 
     assert_equal expected, actual
   end
-
 end

data/test/ui/core/notifications/alert_test.rb

@@ -1,10 +1,12 @@
+# frozen_string_literal: true
+
 require 'test_helper'
 class AlertTest < ActionView::TestCase
   include UiBibz::Helpers::Ui::CoreHelper
 
   test 'alert' do
     actual = ui_alert 'state'
-    expected = "<div class=\"alert-info alert alert-dismissible\" role=\"alert\">state</div>"
+    expected = '<div class="alert-info alert alert-dismissible" role="alert">state</div>'
 
     assert_equal expected, actual
   end
@@ -14,16 +16,15 @@ class AlertTest < ActionView::TestCase
       a.header 'Information'
       a.body 'Body text'
     end
-    expected = "<div class=\"alert-success alert alert-dismissible\" role=\"alert\"><h4 class=\"alert-header\"><i class=\"glyph fas fa-thumbs-o-up\"></i>  Information<button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\"><span aria-hidden=\"true\">×</span><span class=\"sr-only\">Close</span></button></h4><hr /><p class=\"alert-body mb-0\">Body text</p></div>"
+    expected = '<div class="alert-success alert alert-dismissible" role="alert"><h4 class="alert-header"><i class="glyph fas fa-thumbs-o-up"></i>  Information<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button></h4><hr /><p class="alert-body mb-0">Body text</p></div>'
 
     assert_equal expected, actual
   end
 
   test 'alert with timeout' do
     actual = ui_alert 'timeout', timeout: 500
-    expected = "<div data-timeout=\"500\" class=\"alert-info alert alert-dismissible\" role=\"alert\">timeout</div>"
+    expected = '<div data-timeout="500" class="alert-info alert alert-dismissible" role="alert">timeout</div>'
 
     assert_equal expected, actual
   end
-
 end

data/test/ui/core/notifications/badge_test.rb

@@ -1,26 +1,27 @@
+# frozen_string_literal: true
+
 require 'test_helper'
 class BadgeTest < ActionView::TestCase
   include UiBibz::Helpers::Ui::CoreHelper
 
   test 'badge' do
     actual   = ui_badge 'state', status: :success, glyph: 'pencil'
-    expected = "<span class=\"badge-success badge\"><i class=\"glyph fas fa-pencil\"></i>  state</span>"
+    expected = '<span class="badge-success badge"><i class="glyph fas fa-pencil"></i>  state</span>'
 
     assert_equal expected, actual
   end
 
   test 'badge with url' do
     actual   = ui_badge 'state', url: 'http://example.com'
-    expected = "<a class=\"badge-default badge\" href=\"http://example.com\">state</a>"
+    expected = '<a class="badge-default badge" href="http://example.com">state</a>'
 
     assert_equal expected, actual
   end
 
   test 'badge pill' do
     actual   = ui_badge 'state', status: :success, type: :pill, glyph: 'pencil'
-    expected = "<span class=\"badge-success badge badge-pill\"><i class=\"glyph fas fa-pencil\"></i>  state</span>"
+    expected = '<span class="badge-success badge badge-pill"><i class="glyph fas fa-pencil"></i>  state</span>'
 
     assert_equal expected, actual
   end
-
 end

data/test/ui/core/notifications/progress_bar_test.rb

@@ -1,4 +1,5 @@
-# encoding: UTF-8
+# frozen_string_literal: true
+
 require 'test_helper'
 
 class ProgressBarTest < ActionView::TestCase
@@ -6,35 +7,35 @@ class ProgressBarTest < ActionView::TestCase
 
   test 'progress bar' do
     actual = ui_progress_bar(20)
-    expected = "<div class=\"progress\"><div class=\"progress-bar\" aria-valuenow=\"20.0\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 20.0%\" role=\"progressbar\">20.0%</div></div>"
+    expected = '<div class="progress"><div class="progress-bar" aria-valuenow="20.0" aria-valuemin="0" aria-valuemax="100" style="width: 20.0%" role="progressbar">20.0%</div></div>'
 
     assert_equal expected, actual
   end
 
   test 'progress bar status' do
     actual = ui_progress_bar(70, status: :danger)
-    expected = "<div class=\"progress\"><div class=\"bg-danger progress-bar\" aria-valuenow=\"70.0\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 70.0%\" role=\"progressbar\">70.0%</div></div>"
+    expected = '<div class="progress"><div class="bg-danger progress-bar" aria-valuenow="70.0" aria-valuemin="0" aria-valuemax="100" style="width: 70.0%" role="progressbar">70.0%</div></div>'
 
     assert_equal expected, actual
   end
 
   test 'progress bar striped' do
     actual = ui_progress_bar(70, striped: true)
-    expected = "<div class=\"progress\"><div class=\"progress-bar progress-bar-striped\" aria-valuenow=\"70.0\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 70.0%\" role=\"progressbar\">70.0%</div></div>"
+    expected = '<div class="progress"><div class="progress-bar progress-bar-striped" aria-valuenow="70.0" aria-valuemin="0" aria-valuemax="100" style="width: 70.0%" role="progressbar">70.0%</div></div>'
 
     assert_equal expected, actual
   end
 
- test 'progress bar animated' do
+  test 'progress bar animated' do
     actual = ui_progress_bar(70, animated: true)
-    expected = "<div class=\"progress\"><div class=\"progress-bar progress-bar-animated\" aria-valuenow=\"70.0\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 70.0%\" role=\"progressbar\">70.0%</div></div>"
+    expected = '<div class="progress"><div class="progress-bar progress-bar-animated" aria-valuenow="70.0" aria-valuemin="0" aria-valuemax="100" style="width: 70.0%" role="progressbar">70.0%</div></div>'
 
     assert_equal expected, actual
   end
 
   test 'progress bar stacked' do
     actual = ui_progress_bar(76, animated: true)
-    expected = "<div class=\"progress\"><div class=\"progress-bar progress-bar-animated\" aria-valuenow=\"76.0\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 76.0%\" role=\"progressbar\">76.0%</div></div>"
+    expected = '<div class="progress"><div class="progress-bar progress-bar-animated" aria-valuenow="76.0" aria-valuemin="0" aria-valuemax="100" style="width: 76.0%" role="progressbar">76.0%</div></div>'
 
     assert_equal expected, actual
   end
@@ -44,30 +45,29 @@ class ProgressBarTest < ActionView::TestCase
       pb.bar 25, status: :warning, striped: true
       pb.bar 65, status: :danger
     end
-    expected = "<div class=\"progress\"><div class=\"bg-warning progress-bar progress-bar-striped\" aria-valuenow=\"25.0\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 25.0%\" role=\"progressbar\">25.0%</div><div class=\"bg-danger progress-bar\" aria-valuenow=\"65.0\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 65.0%\" role=\"progressbar\">65.0%</div></div>"
+    expected = '<div class="progress"><div class="bg-warning progress-bar progress-bar-striped" aria-valuenow="25.0" aria-valuemin="0" aria-valuemax="100" style="width: 25.0%" role="progressbar">25.0%</div><div class="bg-danger progress-bar" aria-valuenow="65.0" aria-valuemin="0" aria-valuemax="100" style="width: 65.0%" role="progressbar">65.0%</div></div>'
 
     assert_equal expected, actual
   end
 
   test 'progress bar with statuses and 20%' do
     actual = ui_progress_bar 20, statuses: true
-    expected = "<div class=\"progress\"><div class=\"bg-primary progress-bar\" aria-valuenow=\"20.0\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 20.0%\" role=\"progressbar\">20.0%</div></div>"
+    expected = '<div class="progress"><div class="bg-primary progress-bar" aria-valuenow="20.0" aria-valuemin="0" aria-valuemax="100" style="width: 20.0%" role="progressbar">20.0%</div></div>'
 
     assert_equal expected, actual
   end
 
   test 'progress bar with statuses and 80%' do
     actual = ui_progress_bar 80, statuses: true
-    expected = "<div class=\"progress\"><div class=\"bg-danger progress-bar\" aria-valuenow=\"80.0\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 80.0%\" role=\"progressbar\">80.0%</div></div>"
+    expected = '<div class="progress"><div class="bg-danger progress-bar" aria-valuenow="80.0" aria-valuemin="0" aria-valuemax="100" style="width: 80.0%" role="progressbar">80.0%</div></div>'
 
     assert_equal expected, actual
   end
 
   test 'progress bar with custom statuses' do
-    actual = ui_progress_bar 80, statuses: [:info, :warning]
-    expected = "<div class=\"progress\"><div class=\"bg-warning progress-bar\" aria-valuenow=\"80.0\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 80.0%\" role=\"progressbar\">80.0%</div></div>"
+    actual = ui_progress_bar 80, statuses: %i[info warning]
+    expected = '<div class="progress"><div class="bg-warning progress-bar" aria-valuenow="80.0" aria-valuemin="0" aria-valuemax="100" style="width: 80.0%" role="progressbar">80.0%</div></div>'
 
     assert_equal expected, actual
   end
-
 end

data/test/ui/core/notifications/spinner_test.rb

@@ -1,33 +1,34 @@
+# frozen_string_literal: true
+
 require 'test_helper'
 class SpinnerTest < ActionView::TestCase
   include UiBibz::Helpers::Ui::CoreHelper
 
   test 'spinner' do
     actual   = ui_spinner
-    expected = "<div class=\"spinner-border\" role=\"status\"><span class=\"sr-only\">Loading...</span></div>"
+    expected = '<div class="spinner-border" role="status"><span class="sr-only">Loading...</span></div>'
 
     assert_equal expected, actual
   end
 
   test 'spinner with status and content' do
-    actual   = ui_spinner "My spinner", status: :secondary
-    expected = "<div class=\"text-secondary spinner-border\" role=\"status\"><span class=\"sr-only\">My spinner</span></div>"
+    actual   = ui_spinner 'My spinner', status: :secondary
+    expected = '<div class="text-secondary spinner-border" role="status"><span class="sr-only">My spinner</span></div>'
 
     assert_equal expected, actual
   end
 
   test 'spinner type' do
     actual   = ui_spinner nil, type: :grow
-    expected = "<div class=\"spinner-grow\" role=\"status\"><span class=\"sr-only\">Loading...</span></div>"
+    expected = '<div class="spinner-grow" role="status"><span class="sr-only">Loading...</span></div>'
 
     assert_equal expected, actual
   end
 
-  test "spinner in button" do
-    actual   = ui_button "Load", spinner: { status: :danger, type: :grow }
-    expected = "<button class=\"btn-secondary btn\"><span class=\"text-danger mr-2 spinner-grow spinner-grow-sm\" role=\"status\"><span class=\"sr-only\">Loading...</span></span>Load</button>"
+  test 'spinner in button' do
+    actual   = ui_button 'Load', spinner: { status: :danger, type: :grow }
+    expected = '<button class="btn-secondary btn"><span class="text-danger mr-2 spinner-grow spinner-grow-sm" role="status"><span class="sr-only">Loading...</span></span>Load</button>'
 
     assert_equal expected, actual
   end
-
 end

data/test/ui/core/notifications/toast_test.rb

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 require 'test_helper'
 class ToastTest < ActionView::TestCase
   include UiBibz::Helpers::Ui::CoreHelper
@@ -7,9 +9,8 @@ class ToastTest < ActionView::TestCase
       t.header 'My header toast', glyph: 'eye', time: 'Now', class: 'my-header-toast'
       t.body 'My body toast', class: 'my-body-toast'
     end
-    expected = "<div data-autohide=\"true\" class=\"my-toast toast\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\"><div class=\"my-header-toast toast-header\"><i class=\"mr-2 glyph fas fa-eye\"></i><strong class=\"mr-auto\">My header toast</strong><small class=\"text-muted\">Now</small><button class=\"ml-2 mb-1 close\" data-dismiss=\"toast\" aria-label=\"Close\"><span aria-hidden=\"true\">×</span></button></div><div class=\"my-body-toast toast-body\">My body toast</div></div>"
+    expected = '<div data-autohide="true" class="my-toast toast" role="alert" aria-live="assertive" aria-atomic="true"><div class="my-header-toast toast-header"><i class="mr-2 glyph fas fa-eye"></i><strong class="mr-auto">My header toast</strong><small class="text-muted">Now</small><button class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close"><span aria-hidden="true">×</span></button></div><div class="my-body-toast toast-body">My body toast</div></div>'
 
     assert_equal expected, actual
   end
-
 end

data/test/ui/core/windows/modal_test.rb

@@ -1,4 +1,5 @@
-# encoding: UTF-8
+# frozen_string_literal: true
+
 require 'test_helper'
 
 class UiHelperTest < ActionView::TestCase
@@ -13,7 +14,7 @@ class UiHelperTest < ActionView::TestCase
         concat ui_button_link 'Save', url: '#', status: :primary
       end
     end
-    expected = "<div class=\"modal\"><div class=\"modal-dialog \" role=\"document\"><div class=\"modal-content\"><div class=\"modal-header\"><h5 class=\"modal-title\">My title</h5><button class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\"><span aria-hidden=\"true\">×</span><span class=\"sr-only\">Close</span></button></div><div class=\"modal-body\">My body</div><div class=\"modal-footer\"><a class=\"btn-link btn\" role=\"button\" href=\"#\">Close</a><a class=\"btn-primary btn\" role=\"button\" href=\"#\">Save</a></div></div></div></div>"
+    expected = '<div class="modal"><div class="modal-dialog " role="document"><div class="modal-content"><div class="modal-header"><h5 class="modal-title">My title</h5><button class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button></div><div class="modal-body">My body</div><div class="modal-footer"><a class="btn-link btn" role="button" href="#">Close</a><a class="btn-primary btn" role="button" href="#">Save</a></div></div></div></div>'
 
     assert_equal expected, actual
   end

data/test/ui/ux/containers/panel_test.rb

@@ -1,4 +1,6 @@
- require 'test_helper'
+# frozen_string_literal: true
+
+require 'test_helper'
 
 class CardTest < ActionView::TestCase
   include UiBibz::Helpers::Ui::UxHelper
@@ -33,7 +35,7 @@ class CardTest < ActionView::TestCase
       end
       p.footer 'Footer'
     end
-    expected = "<div class=\"panel\"><div class=\"panel-header justify-content-between\"><div class=\"panel-title\">My header</div><div class=\"btn-group btn-group-sm\" role=\"group\"><button class=\"btn-outline-secondary btn btn-sm without-text\"><i class=\"glyph fas fa-caret-up\"></i></button><button class=\"btn-outline-secondary btn btn-sm without-text\"><i class=\"glyph fas fa-cog\"></i></button><button class=\"btn-outline-secondary btn btn-sm without-text\"><i class=\"glyph fas fa-Close\"></i></button></div></div><div class=\"btn-toolbar justify-content-between panel-toolbar\" role=\"toolbar\"><div role=\"group\" class=\"btn-group btn-group-sm mr-2\"><button class=\"btn-secondary btn btn-sm\">Copy</button><button class=\"btn-secondary btn btn-sm\">Cut</button><button class=\"btn-secondary btn btn-sm\">Paste</button></div><div class=\"btn-group btn-group-sm\" role=\"group\"><button class=\"btn-secondary btn btn-sm\">Delete</button></div></div><div class=\"panel-body\">Body</div><div class=\"btn-toolbar panel-toolbar\" role=\"toolbar\"><div class=\"btn-group btn-group-sm\" role=\"group\"><button class=\"btn-success btn btn-sm without-text\"><i class=\"glyph fas fa-plus-circle\"></i></button><button class=\"btn-danger btn btn-sm without-text\"><i class=\"glyph fas fa-minus-circle\"></i></button></div></div><div class=\"panel-footer\">Footer</div></div>"
+    expected = '<div class="panel"><div class="panel-header justify-content-between"><div class="panel-title">My header</div><div class="btn-group btn-group-sm" role="group"><button class="btn-outline-secondary btn btn-sm without-text"><i class="glyph fas fa-caret-up"></i></button><button class="btn-outline-secondary btn btn-sm without-text"><i class="glyph fas fa-cog"></i></button><button class="btn-outline-secondary btn btn-sm without-text"><i class="glyph fas fa-Close"></i></button></div></div><div class="btn-toolbar justify-content-between panel-toolbar" role="toolbar"><div role="group" class="btn-group btn-group-sm mr-2"><button class="btn-secondary btn btn-sm">Copy</button><button class="btn-secondary btn btn-sm">Cut</button><button class="btn-secondary btn btn-sm">Paste</button></div><div class="btn-group btn-group-sm" role="group"><button class="btn-secondary btn btn-sm">Delete</button></div></div><div class="panel-body">Body</div><div class="btn-toolbar panel-toolbar" role="toolbar"><div class="btn-group btn-group-sm" role="group"><button class="btn-success btn btn-sm without-text"><i class="glyph fas fa-plus-circle"></i></button><button class="btn-danger btn btn-sm without-text"><i class="glyph fas fa-minus-circle"></i></button></div></div><div class="panel-footer">Footer</div></div>'
 
     assert_equal expected, actual
   end
@@ -67,7 +69,7 @@ class CardTest < ActionView::TestCase
       end
       p.footer 'Main Panel Footer'
     end
-    expected = "<div class=\"panel\"><div class=\"panel-header justify-content-between\"><div class=\"panel-title\">Main panel header</div></div><div class=\"btn-toolbar justify-content-between panel-toolbar\" role=\"toolbar\"><div role=\"group\" class=\"btn-group btn-group-sm mr-2\"><button class=\"btn-secondary btn btn-sm\">Copy</button><button class=\"btn-secondary btn btn-sm\">Cut</button><button class=\"btn-secondary btn btn-sm\">Paste</button></div><div class=\"btn-group btn-group-sm\" role=\"group\"><button class=\"btn-secondary btn btn-sm\">Delete</button></div></div><div class=\"panel-group\"><div class=\"panel\"><div class=\"panel-header justify-content-between\">Left Panel Header</div><div class=\"panel-body\">Left Panel Body</div><div class=\"panel-footer\">Left Panel Footer</div></div><div class=\"panel\"><div class=\"panel-header justify-content-between\">Right Panel Header</div><div class=\"panel-body\">Right Panel Body</div></div></div><div class=\"panel-footer\">Main Panel Footer</div></div>"
+    expected = '<div class="panel"><div class="panel-header justify-content-between"><div class="panel-title">Main panel header</div></div><div class="btn-toolbar justify-content-between panel-toolbar" role="toolbar"><div role="group" class="btn-group btn-group-sm mr-2"><button class="btn-secondary btn btn-sm">Copy</button><button class="btn-secondary btn btn-sm">Cut</button><button class="btn-secondary btn btn-sm">Paste</button></div><div class="btn-group btn-group-sm" role="group"><button class="btn-secondary btn btn-sm">Delete</button></div></div><div class="panel-group"><div class="panel"><div class="panel-header justify-content-between">Left Panel Header</div><div class="panel-body">Left Panel Body</div><div class="panel-footer">Left Panel Footer</div></div><div class="panel"><div class="panel-header justify-content-between">Right Panel Header</div><div class="panel-body">Right Panel Body</div></div></div><div class="panel-footer">Main Panel Footer</div></div>'
 
     assert_equal expected, actual
   end
@@ -101,7 +103,7 @@ class CardTest < ActionView::TestCase
       end
       p.footer 'Main Panel Footer'
     end
-    expected = "<div class=\"panel\"><div class=\"panel-header justify-content-between\"><div class=\"panel-title\">Main panel header</div></div><div class=\"btn-toolbar justify-content-between panel-toolbar\" role=\"toolbar\"><div role=\"group\" class=\"btn-group btn-group-sm mr-2\"><button class=\"btn-secondary btn btn-sm\">Copy</button><button class=\"btn-secondary btn btn-sm\">Cut</button><button class=\"btn-secondary btn btn-sm\">Paste</button></div><div class=\"btn-group btn-group-sm\" role=\"group\"><button class=\"btn-secondary btn btn-sm\">Delete</button></div></div><div class=\"panel-deck-wrapper\"><div class=\"panel-deck\"><div class=\"panel\"><div class=\"panel-header justify-content-between\">Left Panel Header</div><div class=\"panel-body\">Left Panel Body</div><div class=\"panel-footer\">Left Panel Footer</div></div><div class=\"panel\"><div class=\"panel-header justify-content-between\">Right Panel Header</div><div class=\"panel-body\">Right Panel Body</div></div></div></div><div class=\"panel-footer\">Main Panel Footer</div></div>"
+    expected = '<div class="panel"><div class="panel-header justify-content-between"><div class="panel-title">Main panel header</div></div><div class="btn-toolbar justify-content-between panel-toolbar" role="toolbar"><div role="group" class="btn-group btn-group-sm mr-2"><button class="btn-secondary btn btn-sm">Copy</button><button class="btn-secondary btn btn-sm">Cut</button><button class="btn-secondary btn btn-sm">Paste</button></div><div class="btn-group btn-group-sm" role="group"><button class="btn-secondary btn btn-sm">Delete</button></div></div><div class="panel-deck-wrapper"><div class="panel-deck"><div class="panel"><div class="panel-header justify-content-between">Left Panel Header</div><div class="panel-body">Left Panel Body</div><div class="panel-footer">Left Panel Footer</div></div><div class="panel"><div class="panel-header justify-content-between">Right Panel Header</div><div class="panel-body">Right Panel Body</div></div></div></div><div class="panel-footer">Main Panel Footer</div></div>'
 
     assert_equal expected, actual
   end
@@ -135,9 +137,8 @@ class CardTest < ActionView::TestCase
       end
       p.footer 'Main Panel Footer'
     end
-    expected = "<div class=\"panel\"><div class=\"panel-header justify-content-between\"><div class=\"panel-title\">Main panel header</div></div><div class=\"btn-toolbar justify-content-between panel-toolbar\" role=\"toolbar\"><div role=\"group\" class=\"btn-group btn-group-sm mr-2\"><button class=\"btn-secondary btn btn-sm\">Copy</button><button class=\"btn-secondary btn btn-sm\">Cut</button><button class=\"btn-secondary btn btn-sm\">Paste</button></div><div class=\"btn-group btn-group-sm\" role=\"group\"><button class=\"btn-secondary btn btn-sm\">Delete</button></div></div><div class=\"panel-columns\"><div class=\"panel\"><div class=\"panel-header justify-content-between\">Left Panel Header</div><div class=\"panel-body\">Left Panel Body</div><div class=\"panel-footer\">Left Panel Footer</div></div><div class=\"panel\"><div class=\"panel-header justify-content-between\">Right Panel Header</div><div class=\"panel-body\">Right Panel Body</div></div></div><div class=\"panel-footer\">Main Panel Footer</div></div>"
+    expected = '<div class="panel"><div class="panel-header justify-content-between"><div class="panel-title">Main panel header</div></div><div class="btn-toolbar justify-content-between panel-toolbar" role="toolbar"><div role="group" class="btn-group btn-group-sm mr-2"><button class="btn-secondary btn btn-sm">Copy</button><button class="btn-secondary btn btn-sm">Cut</button><button class="btn-secondary btn btn-sm">Paste</button></div><div class="btn-group btn-group-sm" role="group"><button class="btn-secondary btn btn-sm">Delete</button></div></div><div class="panel-columns"><div class="panel"><div class="panel-header justify-content-between">Left Panel Header</div><div class="panel-body">Left Panel Body</div><div class="panel-footer">Left Panel Footer</div></div><div class="panel"><div class="panel-header justify-content-between">Right Panel Header</div><div class="panel-body">Right Panel Body</div></div></div><div class="panel-footer">Main Panel Footer</div></div>'
 
     assert_equal expected, actual
   end
-
 end

data/test/ui/ux/tables/table_test.rb

@@ -1,38 +1,39 @@
+# frozen_string_literal: true
+
 require 'test_helper'
-require "ui_bibz/ui/ux/tables/components/store"
-require "ui_bibz/ui/ux/tables/extensions/paginable"
-require "ui_bibz/ui/ux/tables/extensions/searchable"
-require "ui_bibz/ui/ux/tables/extensions/sortable"
-require "ui_bibz/ui/ux/tables/extensions/actionable"
+require 'ui_bibz/ui/ux/tables/components/store'
+require 'ui_bibz/ui/ux/tables/extensions/paginable'
+require 'ui_bibz/ui/ux/tables/extensions/searchable'
+require 'ui_bibz/ui/ux/tables/extensions/sortable'
+require 'ui_bibz/ui/ux/tables/extensions/actionable'
 
 class TableTest < ActionView::TestCase
-
   setup do
     create_list(:user, 25)
     params = ActionController::Parameters.new({
-      controller: 'users',
-      action:     'index',
-      sort:       'users.name_fr',
-      direction:  'asc',
-      search:     'Name fr',
-      per_page:   2,
-      page:       1,
-      only_path: true
-    })
+                                                controller: 'users',
+                                                action: 'index',
+                                                sort: 'users.name_fr',
+                                                direction: 'asc',
+                                                search: 'Name fr',
+                                                per_page: 2,
+                                                page: 1,
+                                                only_path: true
+                                              })
     @users = User.table_search_pagination(params, session)
     @store = UiBibz::Ui::Ux::Tables::Store.new @users
   end
 
   test 'table search field' do
-    actual   = UiBibz::Ui::Ux::Tables::TableSearchField.new({ store: @users}).render
-    expected = "<form class=\"form-table-search-field\" action=\"/users?direction=asc&amp;page=1&amp;per_page=2&amp;search=Name+fr&amp;sort=users.name_fr\" accept-charset=\"UTF-8\" method=\"get\"><input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\" /><div class=\"input-group input-group-sm table-search-field\"><span class=\"input-group-addon\"><i class=\"glyph fas fa-search\"></i></span><input type=\"hidden\" name=\"sort\" value=\"users.name_fr\" /><input type=\"hidden\" name=\"direction\" value=\"asc\" /><input type=\"hidden\" name=\"per_page\" value=\"2\" /><input type=\"hidden\" name=\"page\" value=\"1\" /><input type=\"hidden\" name=\"only_path\" value=\"true\" /><input type=\"hidden\" name=\"link_type\" value=\"search\" /><input type=\"search\" value=\"Name fr\" name=\"search\" class=\"form-control\" placeholder=\"Search by Name fr and Name en...\" /><span class=\"input-group-btn clear-search-btn\"><button type=\"button\" class=\"btn btn-secondary\"><i class=\"glyph fas fa-times-circle\"></i></button></span></div></form>"
+    actual   = UiBibz::Ui::Ux::Tables::TableSearchField.new({ store: @users }).render
+    expected = '<form class="form-table-search-field" action="/users?direction=asc&amp;page=1&amp;per_page=2&amp;search=Name+fr&amp;sort=users.name_fr" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" /><div class="input-group input-group-sm table-search-field"><span class="input-group-addon"><i class="glyph fas fa-search"></i></span><input type="hidden" name="sort" value="users.name_fr" /><input type="hidden" name="direction" value="asc" /><input type="hidden" name="per_page" value="2" /><input type="hidden" name="page" value="1" /><input type="hidden" name="only_path" value="true" /><input type="hidden" name="link_type" value="search" /><input type="search" value="Name fr" name="search" class="form-control" placeholder="Search by Name fr and Name en..." /><span class="input-group-btn clear-search-btn"><button type="button" class="btn btn-secondary"><i class="glyph fas fa-times-circle"></i></button></span></div></form>'
 
     assert_equal expected, actual
   end
 
   test 'table pagination' do
     actual = UiBibz::Ui::Ux::Tables::TablePagination.new({ store: @users }).render
-    expected = "<nav class=\"pagination\"><ul class=\"pagination\" role=\"group\"><li class=\"previous page-item disabled\"><span class=\"page-link\">&laquo;</span></li> <li class=\"page-item active\"><span class=\"page-link\">1</span></li> <li class=\"page-item\"><a class=\"page-link\" rel=\"next\" href=\"/users?direction=asc&amp;page=2&amp;search=Name+fr&amp;sort=users.name_fr\">2</a></li> <li class=\"page-item\"><a class=\"page-link\" href=\"/users?direction=asc&amp;page=3&amp;search=Name+fr&amp;sort=users.name_fr\">3</a></li> <li class=\"page-item\"><a class=\"page-link\" href=\"/users?direction=asc&amp;page=4&amp;search=Name+fr&amp;sort=users.name_fr\">4</a></li> <li class=\"page-item\"><a class=\"page-link\" href=\"/users?direction=asc&amp;page=5&amp;search=Name+fr&amp;sort=users.name_fr\">5</a></li> <li class=\"page-item disabled\"><i class=\"page-link\">&hellip;</i></li> <li class=\"page-item\"><a class=\"page-link\" href=\"/users?direction=asc&amp;page=12&amp;search=Name+fr&amp;sort=users.name_fr\">12</a></li> <li class=\"page-item\"><a class=\"page-link\" href=\"/users?direction=asc&amp;page=13&amp;search=Name+fr&amp;sort=users.name_fr\">13</a></li> <li class=\"next page-item\"><a class=\"page-link\" rel=\"next\" href=\"/users?direction=asc&amp;page=2&amp;search=Name+fr&amp;sort=users.name_fr\">&raquo;</a></li></ul></nav>"
+    expected = '<nav class="pagination"><ul class="pagination" role="group"><li class="previous page-item disabled"><span class="page-link">&laquo;</span></li> <li class="page-item active"><span class="page-link">1</span></li> <li class="page-item"><a class="page-link" rel="next" href="/users?direction=asc&amp;page=2&amp;search=Name+fr&amp;sort=users.name_fr">2</a></li> <li class="page-item"><a class="page-link" href="/users?direction=asc&amp;page=3&amp;search=Name+fr&amp;sort=users.name_fr">3</a></li> <li class="page-item"><a class="page-link" href="/users?direction=asc&amp;page=4&amp;search=Name+fr&amp;sort=users.name_fr">4</a></li> <li class="page-item"><a class="page-link" href="/users?direction=asc&amp;page=5&amp;search=Name+fr&amp;sort=users.name_fr">5</a></li> <li class="page-item disabled"><i class="page-link">&hellip;</i></li> <li class="page-item"><a class="page-link" href="/users?direction=asc&amp;page=12&amp;search=Name+fr&amp;sort=users.name_fr">12</a></li> <li class="page-item"><a class="page-link" href="/users?direction=asc&amp;page=13&amp;search=Name+fr&amp;sort=users.name_fr">13</a></li> <li class="next page-item"><a class="page-link" rel="next" href="/users?direction=asc&amp;page=2&amp;search=Name+fr&amp;sort=users.name_fr">&raquo;</a></li></ul></nav>'
 
     assert_equal expected, actual
   end
@@ -40,7 +41,7 @@ class TableTest < ActionView::TestCase
   test 'table non sortable' do
     options  = { sortable: false }
     actual   = UiBibz::Ui::Ux::Tables::Sortable.new(@store, options).header(@store.columns.list.first)
-    expected = "Id"
+    expected = 'Id'
 
     assert_equal expected, actual
   end
@@ -48,7 +49,7 @@ class TableTest < ActionView::TestCase
   test 'table sortable' do
     options  = { sortable: true }
     actual   = UiBibz::Ui::Ux::Tables::Sortable.new(@store, options).header(@store.columns.list.first)
-    expected = "<a class=\"dropup\" href=\"/users?column_id=id&amp;direction=asc&amp;link_type=column&amp;search=Name+fr&amp;sort=users.id\">Id</a>"
+    expected = '<a class="dropup" href="/users?column_id=id&amp;direction=asc&amp;link_type=column&amp;search=Name+fr&amp;sort=users.id">Id</a>'
 
     assert_equal expected, actual
   end
@@ -57,7 +58,6 @@ class TableTest < ActionView::TestCase
     options      = { paginable: false }
     pagination   = UiBibz::Ui::Ux::Tables::Paginable.new(@store, options)
     actual       = pagination.render if pagination.paginable?
-    expected     = nil
 
     assert_nil actual
   end
@@ -81,7 +81,7 @@ class TableTest < ActionView::TestCase
   test 'table non searchable' do
     options  = { searchable: false }
     actual   = UiBibz::Ui::Ux::Tables::Searchable.new(@store, options).render
-    expected = "<div><div class=\"title\">Users list</div><br class=\"ui-bibz-clear\" /></div>"
+    expected = '<div><div class="title">Users list</div><br class="ui-bibz-clear" /></div>'
 
     assert_equal expected, actual
   end
@@ -89,7 +89,7 @@ class TableTest < ActionView::TestCase
   test 'table non searchable with a title and glyph' do
     options  = { searchable: false, glyph: 'state', title: 'Title list' }
     actual   = UiBibz::Ui::Ux::Tables::Searchable.new(@store, options).render
-    expected = "<div><div class=\"title\"><i class=\"glyph fas fa-state\"></i>Title list</div><br class=\"ui-bibz-clear\" /></div>"
+    expected = '<div><div class="title"><i class="glyph fas fa-state"></i>Title list</div><br class="ui-bibz-clear" /></div>'
 
     assert_equal expected, actual
   end
@@ -97,7 +97,7 @@ class TableTest < ActionView::TestCase
   test 'table searchable' do
     options  = { searchable: true }
     actual   = UiBibz::Ui::Ux::Tables::Searchable.new(@store, options).render
-    expected = "<div><div class=\"title\">Users list</div><form class=\"form-table-search-field\" action=\"/users?direction=asc&amp;page=1&amp;per_page=2&amp;search=Name+fr&amp;sort=users.name_fr\" accept-charset=\"UTF-8\" method=\"get\"><input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\" /><div class=\"input-group input-group-sm table-search-field\"><span class=\"input-group-addon\"><i class=\"glyph fas fa-search\"></i></span><input type=\"hidden\" name=\"sort\" value=\"users.name_fr\" /><input type=\"hidden\" name=\"direction\" value=\"asc\" /><input type=\"hidden\" name=\"per_page\" value=\"2\" /><input type=\"hidden\" name=\"page\" value=\"1\" /><input type=\"hidden\" name=\"only_path\" value=\"true\" /><input type=\"hidden\" name=\"link_type\" value=\"search\" /><input type=\"search\" value=\"Name fr\" name=\"search\" class=\"form-control\" placeholder=\"Search by Name fr and Name en...\" /><span class=\"input-group-btn clear-search-btn\"><button type=\"button\" class=\"btn btn-secondary\"><i class=\"glyph fas fa-times-circle\"></i></button></span></div></form><br class=\"ui-bibz-clear\" /></div>"
+    expected = '<div><div class="title">Users list</div><form class="form-table-search-field" action="/users?direction=asc&amp;page=1&amp;per_page=2&amp;search=Name+fr&amp;sort=users.name_fr" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" /><div class="input-group input-group-sm table-search-field"><span class="input-group-addon"><i class="glyph fas fa-search"></i></span><input type="hidden" name="sort" value="users.name_fr" /><input type="hidden" name="direction" value="asc" /><input type="hidden" name="per_page" value="2" /><input type="hidden" name="page" value="1" /><input type="hidden" name="only_path" value="true" /><input type="hidden" name="link_type" value="search" /><input type="search" value="Name fr" name="search" class="form-control" placeholder="Search by Name fr and Name en..." /><span class="input-group-btn clear-search-btn"><button type="button" class="btn btn-secondary"><i class="glyph fas fa-times-circle"></i></button></span></div></form><br class="ui-bibz-clear" /></div>'
 
     assert_equal expected, actual
   end
@@ -106,7 +106,7 @@ class TableTest < ActionView::TestCase
     options  = { actionable: true }
     action   = UiBibz::Ui::Ux::Tables::Actionable.new(@store, options)
     actual   = action.header []
-    expected = ["<th class=\"action\"></th>"]
+    expected = ['<th class="action"></th>']
 
     assert_equal expected, actual
   end
@@ -115,7 +115,7 @@ class TableTest < ActionView::TestCase
     options  = { actionable: true }
     action   = UiBibz::Ui::Ux::Tables::Actionable.new(@store, options)
     actual   = action.body @store.records.first, []
-    expected = ["<td></td>"]
+    expected = ['<td></td>']
 
     assert_equal expected, actual
   end
@@ -124,7 +124,7 @@ class TableTest < ActionView::TestCase
     options  = { actionable: true }
     action   = UiBibz::Ui::Ux::Tables::Actionable.new(@store, options)
     actual   = action.inject_url 'http://localhost/users/id/test', @store.records.first
-    expected = "http://localhost/users/1/test"
+    expected = 'http://localhost/users/1/test'
 
     assert_equal expected, actual
   end
@@ -161,7 +161,7 @@ class TableTest < ActionView::TestCase
   end
 
   test 'complex table_card with custom actions' do
-    actual = UiBibz::Ui::Ux::Tables::TableCard.new({ store: @users, tap: true }, { class: 'state'}).tap do |pane|
+    actual = UiBibz::Ui::Ux::Tables::TableCard.new({ store: @users, tap: true }, { class: 'state' }).tap do |pane|
       pane.header 'Test header'
       pane.body cls: 'ui' do
         'Test body'
@@ -170,7 +170,7 @@ class TableTest < ActionView::TestCase
         c.column(:id, { name: '#' })
         c.column(:name_fr, { name: 'Name fr', link: edit_user_path(:id), order: 2 })
         c.column(:name_en, { name: 'Name en', order: 1 })
-        c.column(:name_en, { name: 'Name en', format: lambda{ |records, record| "name #{ record.id}"}})
+        c.column(:name_en, { name: 'Name en', format: ->(_records, record) { "name #{record.id}" } })
       end
       pane.actions do |a|
         a.link 'state', url: users_path(:id), glyph: 'eye'
@@ -196,16 +196,16 @@ class TableTest < ActionView::TestCase
 
   test 'table visual options' do
     table  = UiBibz::Ui::Ux::Tables::Table.new(store: @users, striped: true, status: :inverse, responsive: true, bordered: true, size: :sm, hoverable: true, reflow: true).render
-    actual = Nokogiri::HTML(table).xpath("//table")[0].attributes["class"].value
-    expected = "table-inverse table table-striped table-bordered table-hoverable table-sm table-responsive table-reflow"
+    actual = Nokogiri::HTML(table).xpath('//table')[0].attributes['class'].value
+    expected = 'table-inverse table table-striped table-bordered table-hoverable table-sm table-responsive table-reflow'
 
     assert_equal expected, actual
   end
 
   test 'table thead visual options' do
     table  = UiBibz::Ui::Ux::Tables::Table.new(store: @users, thead: { status: :default }).render
-    actual = Nokogiri::HTML(table).xpath("//thead")[0].attributes["class"].value
-    expected = "thead-default"
+    actual = Nokogiri::HTML(table).xpath('//thead')[0].attributes['class'].value
+    expected = 'thead-default'
 
     assert_equal expected, actual
   end