ui_bibz 3.0.0.alpha12 → 3.0.0.beta5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/.github/workflows/ci.yml +28 -0
- data/.github/workflows/dependencies-checker.yml +13 -0
- data/.github/workflows/linter.yml +16 -0
- data/.rubocop.yml +1 -0
- data/Gemfile.lock +36 -37
- data/README.md +8 -8
- data/lib/ui_bibz/infos.rb +3 -3
- data/lib/ui_bibz/ui/core/boxes/components/card_body.rb +1 -1
- data/lib/ui_bibz/ui/core/forms/buttons/button.rb +4 -4
- data/lib/ui_bibz/ui/core/forms/buttons/button_link.rb +1 -1
- data/lib/ui_bibz/ui/core/forms/dropdowns/dropdown.rb +24 -6
- data/lib/ui_bibz/ui/core/forms/dropdowns/split_dropdown.rb +1 -1
- data/lib/ui_bibz/ui/core/forms/numbers/formula_field.rb +1 -1
- data/lib/ui_bibz/ui/core/navigations/components/nav_dropdown.rb +1 -1
- data/lib/ui_bibz/ui/core/navigations/components/nav_link_link.rb +1 -1
- data/lib/ui_bibz/ui/core/navigations/components/nav_link_span.rb +1 -1
- data/lib/ui_bibz/ui/core/navigations/components/nav_text.rb +1 -1
- data/lib/ui_bibz/ui/core/navigations/link.rb +1 -1
- data/lib/ui_bibz/ui/core/navigations/nav.rb +1 -1
- data/lib/ui_bibz/ui/core/navigations/navbar.rb +2 -2
- data/lib/ui_bibz/ui/core/navigations/toolbar.rb +1 -1
- data/lib/ui_bibz/ui/core/notifications/components/alert_header.rb +1 -1
- data/lib/ui_bibz/ui/core/notifications/components/toast_header.rb +5 -5
- data/lib/ui_bibz/ui/core/notifications/toast.rb +1 -1
- data/lib/ui_bibz/ui/core/windows/components/modal_header.rb +1 -1
- data/lib/ui_bibz/ui/core/windows/modal.rb +2 -2
- data/lib/ui_bibz/ui/extensions/core/component/popover_extension.rb +6 -6
- data/test/simple_form_test.rb +1 -1
- data/test/ui/core/boxes/card_test.rb +2 -2
- data/test/ui/core/forms/buttons/button_group_test.rb +1 -1
- data/test/ui/core/forms/buttons/button_link_test.rb +1 -1
- data/test/ui/core/forms/buttons/button_test.rb +6 -6
- data/test/ui/core/forms/dropdowns/dropdown_test.rb +5 -5
- data/test/ui/core/forms/numbers/formula_field_test.rb +1 -1
- data/test/ui/core/forms/surrounds/surround_field_test.rb +1 -1
- data/test/ui/core/navigations/link_test.rb +1 -1
- data/test/ui/core/navigations/nav_test.rb +2 -2
- data/test/ui/core/navigations/navbar_test.rb +4 -4
- data/test/ui/core/navigations/tab_group_test.rb +5 -5
- data/test/ui/core/navigations/toolbar_test.rb +1 -1
- data/test/ui/core/notifications/alert_test.rb +1 -1
- data/test/ui/core/notifications/spinner_test.rb +1 -1
- data/test/ui/core/notifications/toast_test.rb +1 -1
- data/test/ui/core/windows/modal_test.rb +2 -2
- data/test/ui/ux/containers/panel_test.rb +4 -4
- data/ui_bibz.gemspec +2 -3
- metadata +10 -22
- data/.github/workflows/ruby.yml +0 -23
@@ -40,7 +40,7 @@ module UiBibz::Ui::Core::Navigations
|
|
40
40
|
end
|
41
41
|
|
42
42
|
def component_html_options
|
43
|
-
options[:nav_type] == 'nav-tabs' ? { 'data-toggle' => 'tab', role: 'tab' } : {}
|
43
|
+
options[:nav_type] == 'nav-tabs' ? { 'data-bs-toggle' => 'tab', role: 'tab' } : {}
|
44
44
|
end
|
45
45
|
end
|
46
46
|
end
|
@@ -58,7 +58,7 @@ module UiBibz::Ui::Core::Navigations
|
|
58
58
|
def collapse
|
59
59
|
{
|
60
60
|
role: 'button',
|
61
|
-
data: { toggle: :collapse },
|
61
|
+
data: { "bs-toggle": :collapse },
|
62
62
|
aria: {
|
63
63
|
controls: options[:collapse],
|
64
64
|
expanded: options[:active_collapse].nil? ? false : options[:active_collapse]
|
@@ -109,7 +109,7 @@ module UiBibz::Ui::Core::Navigations
|
|
109
109
|
end
|
110
110
|
|
111
111
|
def spacer(num = 'auto')
|
112
|
-
kls = "
|
112
|
+
kls = " me-#{num}"
|
113
113
|
@items.last.html_options[:class].nil? ? @items.last.html_options[:class] = kls : @items.last.html_options[:class] << kls
|
114
114
|
end
|
115
115
|
|
@@ -125,7 +125,7 @@ module UiBibz::Ui::Core::Navigations
|
|
125
125
|
end
|
126
126
|
|
127
127
|
def spacer(num = 'auto')
|
128
|
-
kls = "
|
128
|
+
kls = " me-#{num}"
|
129
129
|
@items.last.html_options[:class].nil? ? @items.last.html_options[:class] = kls : @items.last.html_options[:class] << kls
|
130
130
|
end
|
131
131
|
|
@@ -163,7 +163,7 @@ module UiBibz::Ui::Core::Navigations
|
|
163
163
|
end
|
164
164
|
|
165
165
|
def navbar_toggle_button_html
|
166
|
-
content_tag :button, '☰', class: 'navbar-toggler hidden-sm-up', type: :button, data: { toggle: 'collapse', target: "##{id}" }
|
166
|
+
content_tag :button, '☰', class: 'navbar-toggler hidden-sm-up', type: :button, data: { "bs-toggle": 'collapse', "bs-target": "##{id}" }
|
167
167
|
end
|
168
168
|
|
169
169
|
def expand_size
|
@@ -54,7 +54,7 @@ module UiBibz::Ui::Core::Notifications::Components
|
|
54
54
|
end
|
55
55
|
|
56
56
|
def close_html
|
57
|
-
content_tag :button, '', type: 'button', class: 'btn-close', 'data-dismiss' => 'alert', 'aria-label' => 'Close'
|
57
|
+
content_tag :button, '', type: 'button', class: 'btn-close', 'data-bs-dismiss' => 'alert', 'aria-label' => 'Close'
|
58
58
|
end
|
59
59
|
end
|
60
60
|
end
|
@@ -36,9 +36,9 @@ module UiBibz::Ui::Core::Notifications::Components
|
|
36
36
|
|
37
37
|
def pre_render
|
38
38
|
content_tag :div, html_options do
|
39
|
-
concat UiBibz::Ui::Core::Icons::Glyph.new(options[:glyph], class: '
|
39
|
+
concat UiBibz::Ui::Core::Icons::Glyph.new(options[:glyph], class: 'me-2').render unless options[:glyph].nil?
|
40
40
|
concat image unless options[:image].nil?
|
41
|
-
concat content_tag(:strong, content, class: '
|
41
|
+
concat content_tag(:strong, content, class: 'me-auto')
|
42
42
|
concat content_tag(:small, options[:time], class: 'text-muted') unless options[:time].nil?
|
43
43
|
concat close_button
|
44
44
|
end
|
@@ -48,9 +48,9 @@ module UiBibz::Ui::Core::Notifications::Components
|
|
48
48
|
|
49
49
|
def image
|
50
50
|
if options[:image].is_a?(String)
|
51
|
-
image_tag(options[:image], class: 'rounded
|
51
|
+
image_tag(options[:image], class: 'rounded me-2', alt: sanitize_text(options[:image])) unless options[:image].nil?
|
52
52
|
else
|
53
|
-
options[:image][:class] = UiBibz::Utils::Screwdriver.join_classes(options[:image][:class], 'rounded
|
53
|
+
options[:image][:class] = UiBibz::Utils::Screwdriver.join_classes(options[:image][:class], 'rounded me-2')
|
54
54
|
if options[:image].delete(:pack)
|
55
55
|
image_pack_tag(options[:image].delete(:href), **options[:image])
|
56
56
|
else
|
@@ -60,7 +60,7 @@ module UiBibz::Ui::Core::Notifications::Components
|
|
60
60
|
end
|
61
61
|
|
62
62
|
def close_button
|
63
|
-
content_tag :button, '', class: 'ml-2 mb-1 btn-close', "data-dismiss": 'toast', "aria-label": 'Close'
|
63
|
+
content_tag :button, '', class: 'ml-2 mb-1 btn-close', "data-bs-dismiss": 'toast', "aria-label": 'Close'
|
64
64
|
end
|
65
65
|
|
66
66
|
def component_html_classes
|
@@ -91,7 +91,7 @@ module UiBibz::Ui::Core::Notifications
|
|
91
91
|
|
92
92
|
def component_html_data
|
93
93
|
super
|
94
|
-
add_html_data 'autohide', value: options[:auto_hide] if options[:auto_hide]
|
94
|
+
add_html_data 'bs-autohide', value: options[:auto_hide] if options[:auto_hide]
|
95
95
|
end
|
96
96
|
|
97
97
|
def status
|
@@ -48,7 +48,7 @@ module UiBibz::Ui::Core::Windows::Components
|
|
48
48
|
end
|
49
49
|
|
50
50
|
def close_button_html
|
51
|
-
content_tag :button, '', class: 'btn-close', 'data-dismiss' => 'modal', 'aria-label' => 'Close'
|
51
|
+
content_tag :button, '', class: 'btn-close', 'data-bs-dismiss' => 'modal', 'aria-label' => 'Close'
|
52
52
|
end
|
53
53
|
end
|
54
54
|
end
|
@@ -146,8 +146,8 @@ module UiBibz::Ui::Core::Windows
|
|
146
146
|
def backdrop
|
147
147
|
return unless @options[:backdrop]
|
148
148
|
|
149
|
-
add_html_data 'backdrop', value: @options[:backdrop]
|
150
|
-
add_html_data 'keyboard', value: 'false'
|
149
|
+
add_html_data 'bs-backdrop', value: @options[:backdrop]
|
150
|
+
add_html_data 'bs-keyboard', value: 'false'
|
151
151
|
end
|
152
152
|
end
|
153
153
|
end
|
@@ -4,29 +4,29 @@ module PopoverExtension
|
|
4
4
|
TOOLTIP_METHODS = %i[animation container delay html placement selector template title trigger
|
5
5
|
offset fallback_placement boundary sanitize white_list santitize_fn].freeze
|
6
6
|
|
7
|
-
POPOVER_METHODS = %i[animation container
|
7
|
+
POPOVER_METHODS = %i[animation container delay html placement selector template title
|
8
8
|
trigger offset fallback_placement boundary sanitize white_list sanitize_fn].freeze
|
9
9
|
|
10
10
|
def popover_data_html
|
11
11
|
if options[:popover].present?
|
12
|
-
add_html_data
|
13
|
-
add_html_data
|
12
|
+
add_html_data 'bs-toggle', value: 'popover'
|
13
|
+
add_html_data 'bs-content', value: (options[:popover].is_a?(String) ? options[:popover] : options[:popover][:content])
|
14
14
|
end
|
15
15
|
|
16
16
|
return unless options[:popover].is_a?(Hash)
|
17
17
|
|
18
18
|
POPOVER_METHODS.each { |mth| add_html_data(mth, value: options[:popover].try(:[], mth)) unless options[:popover].try(:[], mth).nil? }
|
19
|
-
add_html_data
|
19
|
+
add_html_data 'bs-placement', value: options[:popover].try(:[], :position) unless options[:popover].try(:[], :position).nil?
|
20
20
|
end
|
21
21
|
|
22
22
|
def tooltip_data_html
|
23
23
|
return if options[:tooltip].nil?
|
24
24
|
|
25
|
-
add_html_data
|
25
|
+
add_html_data 'bs-toggle', value: 'tooltip'
|
26
26
|
|
27
27
|
if options[:tooltip].is_a?(Hash)
|
28
28
|
TOOLTIP_METHODS.each { |mth| add_html_data(mth, value: options[:tooltip].try(:[], mth)) unless options[:tooltip].try(:[], mth).nil? }
|
29
|
-
add_html_data
|
29
|
+
add_html_data 'bs-placement', value: options[:tooltip].try(:[], :position) unless options[:tooltip].try(:[], :position).nil?
|
30
30
|
else
|
31
31
|
add_html_data :title, value: options[:tooltip] == true ? sanitize_text(content) : options[:tooltip]
|
32
32
|
end
|
data/test/simple_form_test.rb
CHANGED
@@ -50,7 +50,7 @@ class SimpleFormTest < ActionView::TestCase
|
|
50
50
|
f.input :price, as: :ui_formula_field
|
51
51
|
end
|
52
52
|
|
53
|
-
expected = '<form class="simple_form edit_user" id="edit_user_1" action="/users/1" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><div class="form-group ui_formula_field optional user_price"><label class="control-label ui_formula_field optional" for="user_price">Price</label><div class="formula_field input-group ui_surround_field"><input type="text" name="user[price_formula]" id="user_price_formula" value="1+2" class="ui_formula_field optional formula-field form-control" formula_field_value="1+2" /><span class="formula-field-sign input-group-text">=</span><input type="text" name="user[price]" id="user_price" value="3.0" class="formula-field-result form-control" readonly="readonly" /><span data-toggle="tooltip" class="formula-field-alert input-group-text"><i class="glyph-danger glyph fas fa-exclamation-triangle"></i></span></div></div></form>'
|
53
|
+
expected = '<form class="simple_form edit_user" id="edit_user_1" action="/users/1" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" /><div class="form-group ui_formula_field optional user_price"><label class="control-label ui_formula_field optional" for="user_price">Price</label><div class="formula_field input-group ui_surround_field"><input type="text" name="user[price_formula]" id="user_price_formula" value="1+2" class="ui_formula_field optional formula-field form-control" formula_field_value="1+2" /><span class="formula-field-sign input-group-text">=</span><input type="text" name="user[price]" id="user_price" value="3.0" class="formula-field-result form-control" readonly="readonly" /><span data-bs-toggle="tooltip" class="formula-field-alert input-group-text"><i class="glyph-danger glyph fas fa-exclamation-triangle"></i></span></div></div></form>'
|
54
54
|
|
55
55
|
assert_equal expected, actual
|
56
56
|
end
|
@@ -69,7 +69,7 @@ class CardTest < ActionView::TestCase
|
|
69
69
|
p.body do |b|
|
70
70
|
b.title 'Special title treatment'
|
71
71
|
b.subtitle 'The subtitle'
|
72
|
-
b.text 'With supporting text below as a natural lead-in to additional content.'
|
72
|
+
b.text _('With supporting text below as a natural lead-in to additional content.')
|
73
73
|
b.link 'Go somewhere', url: '#go-somewhere', class: 'btn btn-primary'
|
74
74
|
end
|
75
75
|
end
|
@@ -145,7 +145,7 @@ class CardTest < ActionView::TestCase
|
|
145
145
|
end
|
146
146
|
end
|
147
147
|
end
|
148
|
-
expected = "<div class=\"card\"><div class=\"card-header\"><ul class=\"nav nav-tabs card-header-tabs\" role=\"tablist\"><li class=\"nav-item\"><a href=\"#link1\" class=\"nav-link\" data-toggle=\"tab\" role=\"tab\">link1</a></li><li class=\"nav-item\"><a href=\"#link2\" class=\"nav-link\" data-toggle=\"tab\" role=\"tab\">link2</a></li></ul></div></div>"
|
148
|
+
expected = "<div class=\"card\"><div class=\"card-header\"><ul class=\"nav nav-tabs card-header-tabs\" role=\"tablist\"><li class=\"nav-item\"><a href=\"#link1\" class=\"nav-link\" data-bs-toggle=\"tab\" role=\"tab\">link1</a></li><li class=\"nav-item\"><a href=\"#link2\" class=\"nav-link\" data-bs-toggle=\"tab\" role=\"tab\">link2</a></li></ul></div></div>"
|
149
149
|
|
150
150
|
assert_equal expected, actual
|
151
151
|
end
|
@@ -47,7 +47,7 @@ class ButtonGroupTest < ActionView::TestCase
|
|
47
47
|
d.link 'Link 1', url: '#link1', glyph: 'eye'
|
48
48
|
end
|
49
49
|
end
|
50
|
-
expected = "<div class=\"btn-group\" role=\"group\"><div id=\"dropdown-test\" class=\"dropup btn-group\"><button class=\"btn btn-success dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-
|
50
|
+
expected = "<div class=\"btn-group\" role=\"group\"><div id=\"dropdown-test\" class=\"dropup btn-group\"><button class=\"btn btn-success dropdown-toggle\" type=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\" id=\"dropdown-test\">Dropdown</button><div class=\"dropdown-menu\" arial-labelledby=\"dropdown-test\"><a class=\"dropdown-item\" href=\"#link1\"><i class=\"glyph fas fa-eye\"></i> Link 1</a></div></div></div>"
|
51
51
|
|
52
52
|
assert_equal expected, actual
|
53
53
|
end
|
@@ -63,7 +63,7 @@ class ButtonLinkTest < ActionView::TestCase
|
|
63
63
|
|
64
64
|
test 'button_link toggle' do
|
65
65
|
actual = ui_button_link('state', toggle: true)
|
66
|
-
expected = '<a class="btn-secondary btn" data-toggle="button" aria-pressed="false" autocomplete="off" role="button" href="#">state</a>'
|
66
|
+
expected = '<a class="btn-secondary btn" data-bs-toggle="button" aria-pressed="false" autocomplete="off" role="button" href="#">state</a>'
|
67
67
|
|
68
68
|
assert_equal expected, actual
|
69
69
|
end
|
@@ -56,7 +56,7 @@ class ButtonTest < ActionView::TestCase
|
|
56
56
|
|
57
57
|
test 'button toggle' do
|
58
58
|
actual = ui_button('state', toggle: true)
|
59
|
-
expected = '<button class="btn-secondary btn" data-toggle="button" aria-pressed="false" autocomplete="off">state</button>'
|
59
|
+
expected = '<button class="btn-secondary btn" data-bs-toggle="button" aria-pressed="false" autocomplete="off">state</button>'
|
60
60
|
|
61
61
|
assert_equal expected, actual
|
62
62
|
end
|
@@ -77,35 +77,35 @@ class ButtonTest < ActionView::TestCase
|
|
77
77
|
|
78
78
|
test 'button with collapse' do
|
79
79
|
actual = ui_button('state', collapse: 'collapse-id')
|
80
|
-
expected = '<button class="btn-secondary btn" data-toggle="collapse" data-target="#collapse-id" aria-controls="collapse-id" aria-expanded="false">state</button>'
|
80
|
+
expected = '<button class="btn-secondary btn" data-bs-toggle="collapse" data-bs-target="#collapse-id" aria-controls="collapse-id" aria-expanded="false">state</button>'
|
81
81
|
|
82
82
|
assert_equal expected, actual
|
83
83
|
end
|
84
84
|
|
85
85
|
test 'button with simple popover' do
|
86
86
|
actual = ui_button('My Button', popover: 'My popover')
|
87
|
-
expected = '<button data-toggle="popover" data-content="My popover" class="btn-secondary btn">My Button</button>'
|
87
|
+
expected = '<button data-bs-toggle="popover" data-bs-content="My popover" class="btn-secondary btn">My Button</button>'
|
88
88
|
|
89
89
|
assert_equal expected, actual
|
90
90
|
end
|
91
91
|
|
92
92
|
test 'button with complex popover' do
|
93
93
|
actual = ui_button('My Button', popover: { content: 'My popover', position: :left })
|
94
|
-
expected = '<button data-toggle="popover" data-content="My popover" data-placement="left" class="btn-secondary btn">My Button</button>'
|
94
|
+
expected = '<button data-bs-toggle="popover" data-bs-content="My popover" data-bs-placement="left" class="btn-secondary btn">My Button</button>'
|
95
95
|
|
96
96
|
assert_equal expected, actual
|
97
97
|
end
|
98
98
|
|
99
99
|
test 'button with simple tooltip' do
|
100
100
|
actual = ui_button('My Button', { tooltip: 'My Button' }, { title: 'My tooltip' })
|
101
|
-
expected = '<button title="My tooltip" data-toggle="tooltip" data-title="My Button" class="btn-secondary btn">My Button</button>'
|
101
|
+
expected = '<button title="My tooltip" data-bs-toggle="tooltip" data-title="My Button" class="btn-secondary btn">My Button</button>'
|
102
102
|
|
103
103
|
assert_equal expected, actual
|
104
104
|
end
|
105
105
|
|
106
106
|
test 'button with complex tooltip' do
|
107
107
|
actual = ui_button('My Button', tooltip: { title: 'My tooltip', position: :left })
|
108
|
-
expected = '<button data-toggle="tooltip" data-title="My tooltip" data-placement="left" class="btn-secondary btn">My Button</button>'
|
108
|
+
expected = '<button data-bs-toggle="tooltip" data-title="My tooltip" data-bs-placement="left" class="btn-secondary btn">My Button</button>'
|
109
109
|
|
110
110
|
assert_equal expected, actual
|
111
111
|
end
|
@@ -8,7 +8,7 @@ class DropdownTest < ActionView::TestCase
|
|
8
8
|
actual = UiBibz::Ui::Core::Forms::Dropdowns::Dropdown.new('Dropdown').tap do |d|
|
9
9
|
d.link 'link'
|
10
10
|
end
|
11
|
-
expected = "<div class=\"dropdown\"><button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-
|
11
|
+
expected = "<div class=\"dropdown\"><button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\" id=\"#{actual.id}\">Dropdown</button><div class=\"dropdown-menu\" arial-labelledby=\"#{actual.id}\"><a class=\"dropdown-item\" href=\"#\">link</a></div></div>"
|
12
12
|
|
13
13
|
assert_equal expected, actual.render
|
14
14
|
end
|
@@ -17,7 +17,7 @@ class DropdownTest < ActionView::TestCase
|
|
17
17
|
actual = UiBibz::Ui::Core::Forms::Dropdowns::Dropdown.new('Dropdown', status: :primary).tap do |d|
|
18
18
|
d.link 'link'
|
19
19
|
end
|
20
|
-
expected = "<div class=\"dropdown\"><button class=\"btn btn-primary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-
|
20
|
+
expected = "<div class=\"dropdown\"><button class=\"btn btn-primary dropdown-toggle\" type=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\" id=\"#{actual.id}\">Dropdown</button><div class=\"dropdown-menu\" arial-labelledby=\"#{actual.id}\"><a class=\"dropdown-item\" href=\"#\">link</a></div></div>"
|
21
21
|
|
22
22
|
assert_equal expected, actual.render
|
23
23
|
end
|
@@ -26,7 +26,7 @@ class DropdownTest < ActionView::TestCase
|
|
26
26
|
actual = UiBibz::Ui::Core::Forms::Dropdowns::Dropdown.new('Dropdown', status: :primary, outline: true).tap do |d|
|
27
27
|
d.link 'link'
|
28
28
|
end
|
29
|
-
expected = "<div class=\"dropdown\"><button class=\"btn btn-outline-primary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-
|
29
|
+
expected = "<div class=\"dropdown\"><button class=\"btn btn-outline-primary dropdown-toggle\" type=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\" id=\"#{actual.id}\">Dropdown</button><div class=\"dropdown-menu\" arial-labelledby=\"#{actual.id}\"><a class=\"dropdown-item\" href=\"#\">link</a></div></div>"
|
30
30
|
|
31
31
|
assert_equal expected, actual.render
|
32
32
|
end
|
@@ -39,7 +39,7 @@ class DropdownTest < ActionView::TestCase
|
|
39
39
|
d.divider
|
40
40
|
d.link 'Link3', url: '#link3'
|
41
41
|
end
|
42
|
-
expected = "<div class=\"dropup btn-group\"><button class=\"btn btn-success dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-
|
42
|
+
expected = "<div class=\"dropup btn-group\"><button class=\"btn btn-success dropdown-toggle\" type=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\" id=\"#{actual.id}\"><i class=\"glyph fas fa-diamond\"></i> Dropdown</button><div class=\"dropdown-menu dropdown-menu-end\" arial-labelledby=\"#{actual.id}\"><a class=\"dropdown-item\" href=\"#link1\"><i class=\"glyph fas fa-eye\"></i> Link 1</a><h6 class=\"dropdown-header\" role=\"presentation\">header</h6><a class=\"dropdown-item\" href=\"#link2\">Link 2</a><div class=\"dropdown-divider\"></div><a class=\"dropdown-item\" href=\"#link3\">Link3</a></div></div>"
|
43
43
|
|
44
44
|
assert_equal expected, actual.render
|
45
45
|
end
|
@@ -48,7 +48,7 @@ class DropdownTest < ActionView::TestCase
|
|
48
48
|
actual = UiBibz::Ui::Core::Forms::Dropdowns::Dropdown.new('Split Dropdown').tap do |d|
|
49
49
|
d.link 'state'
|
50
50
|
end
|
51
|
-
expected = "<div class=\"dropdown\"><button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-
|
51
|
+
expected = "<div class=\"dropdown\"><button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\" id=\"#{actual.id}\">Split Dropdown</button><div class=\"dropdown-menu\" arial-labelledby=\"#{actual.id}\"><a class=\"dropdown-item\" href=\"#\">state</a></div></div>"
|
52
52
|
|
53
53
|
assert_equal expected, actual.render
|
54
54
|
end
|
@@ -5,7 +5,7 @@ require 'test_helper'
|
|
5
5
|
class FormulaFieldTest < ActionView::TestCase
|
6
6
|
test 'formula_field' do
|
7
7
|
actual = UiBibz::Ui::Core::Forms::Numbers::FormulaField.new('value').render
|
8
|
-
expected = '<div class="formula_field input-group ui_surround_field"><input type="text" name="value_formula" id="value_formula" class="formula-field form-control" /><span class="formula-field-sign input-group-text">=</span><input type="text" name="value" id="value" class="formula-field-result form-control" readonly="readonly" /><span data-toggle="tooltip" class="formula-field-alert input-group-text"><i class="glyph-danger glyph fas fa-exclamation-triangle"></i></span></div>'
|
8
|
+
expected = '<div class="formula_field input-group ui_surround_field"><input type="text" name="value_formula" id="value_formula" class="formula-field form-control" /><span class="formula-field-sign input-group-text">=</span><input type="text" name="value" id="value" class="formula-field-result form-control" readonly="readonly" /><span data-bs-toggle="tooltip" class="formula-field-alert input-group-text"><i class="glyph-danger glyph fas fa-exclamation-triangle"></i></span></div>'
|
9
9
|
|
10
10
|
assert_equal expected, actual
|
11
11
|
end
|
@@ -31,7 +31,7 @@ class SurroundFieldTest < ActionView::TestCase
|
|
31
31
|
d.link 'Link3', url: '#link3'
|
32
32
|
end
|
33
33
|
end.render
|
34
|
-
expected = "<div class=\"input-group ui_surround_field\"><button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-
|
34
|
+
expected = "<div class=\"input-group ui_surround_field\"><button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\" id=\"dropdown-test\">Dropdown</button><div class=\"dropdown-menu\" arial-labelledby=\"dropdown-test\"><a class=\"dropdown-item\" href=\"#link1\"><i class=\"glyph fas fa-eye\"></i> Link 1</a><h6 class=\"dropdown-header\" role=\"presentation\">header</h6><a class=\"dropdown-item\" href=\"#link2\">Link 2</a><div class=\"dropdown-divider\"></div><a class=\"dropdown-item\" href=\"#link3\">Link3</a></div></div>"
|
35
35
|
|
36
36
|
assert_equal expected, actual
|
37
37
|
end
|
@@ -20,7 +20,7 @@ class LinkTest < ActionView::TestCase
|
|
20
20
|
|
21
21
|
test 'Link with collapse option' do
|
22
22
|
actual = ui_link 'My link', url: '#link', collapse: 'collapse-id'
|
23
|
-
expected = '<a role="button" data-toggle="collapse" aria-controls="collapse-id" aria-expanded="false" href="#link">My link</a>'
|
23
|
+
expected = '<a role="button" data-bs-toggle="collapse" aria-controls="collapse-id" aria-expanded="false" href="#link">My link</a>'
|
24
24
|
|
25
25
|
assert_equal expected, actual
|
26
26
|
end
|
@@ -10,7 +10,7 @@ class NavTest < ActionView::TestCase
|
|
10
10
|
n.link 'Profile', url: '#profile', selector: 'profile'
|
11
11
|
n.link 'Messages', url: '#messages', selector: 'messages'
|
12
12
|
end
|
13
|
-
expected = "<ul class=\"nav nav-tabs\" role=\"tablist\"><li class=\"nav-item\"><a href=\"#Home\" class=\"active nav-link\" data-toggle=\"tab\" role=\"tab\">Home</a></li><li class=\"nav-item\"><a href=\"#profile\" class=\"nav-link\" data-toggle=\"tab\" role=\"tab\">Profile</a></li><li class=\"nav-item\"><a href=\"#messages\" class=\"nav-link\" data-toggle=\"tab\" role=\"tab\">Messages</a></li></ul>"
|
13
|
+
expected = "<ul class=\"nav nav-tabs\" role=\"tablist\"><li class=\"nav-item\"><a href=\"#Home\" class=\"active nav-link\" data-bs-toggle=\"tab\" role=\"tab\">Home</a></li><li class=\"nav-item\"><a href=\"#profile\" class=\"nav-link\" data-bs-toggle=\"tab\" role=\"tab\">Profile</a></li><li class=\"nav-item\"><a href=\"#messages\" class=\"nav-link\" data-bs-toggle=\"tab\" role=\"tab\">Messages</a></li></ul>"
|
14
14
|
|
15
15
|
assert_equal expected, actual
|
16
16
|
end
|
@@ -65,7 +65,7 @@ class NavTest < ActionView::TestCase
|
|
65
65
|
n.link 'Profile', url: '#profile', selector: 'profile', label: 16
|
66
66
|
n.link 'Messages', url: '#messages', selector: 'messages', state: :disabled
|
67
67
|
end
|
68
|
-
expected = "<div class=\"list-group\" role=\"tablist\"><a href=\"#Home\" class=\"active list-group-item list-group-item-action\" data-toggle=\"tab\" role=\"tab\" aria-controls=\"home\">Home</a><a href=\"#profile\" class=\"list-group-item list-group-item-action\" data-toggle=\"tab\" role=\"tab\" aria-controls=\"profile\">Profile</a><a href=\"#messages\" class=\"disabled list-group-item list-group-item-action\" data-toggle=\"tab\" role=\"tab\" aria-controls=\"messages\">Messages</a></div>"
|
68
|
+
expected = "<div class=\"list-group\" role=\"tablist\"><a href=\"#Home\" class=\"active list-group-item list-group-item-action\" data-bs-toggle=\"tab\" role=\"tab\" aria-controls=\"home\">Home</a><a href=\"#profile\" class=\"list-group-item list-group-item-action\" data-bs-toggle=\"tab\" role=\"tab\" aria-controls=\"profile\">Profile</a><a href=\"#messages\" class=\"disabled list-group-item list-group-item-action\" data-bs-toggle=\"tab\" role=\"tab\" aria-controls=\"messages\">Messages</a></div>"
|
69
69
|
|
70
70
|
assert_equal expected, actual
|
71
71
|
end
|
@@ -4,14 +4,14 @@ require 'test_helper'
|
|
4
4
|
class NavbarTest < ActionView::TestCase
|
5
5
|
test 'Navbar' do
|
6
6
|
actual = UiBibz::Ui::Core::Navigations::Navbar.new
|
7
|
-
expected = "<nav class=\"navbar navbar-light navbar-expand-lg\"><div class=\"container\"><button class=\"navbar-toggler hidden-sm-up\" type=\"button\" data-toggle=\"collapse\" data-target=\"##{actual.id}\">☰</button><div class=\"navbar-collapse collapse\" id=\"#{actual.id}\"></div></div></nav>"
|
7
|
+
expected = "<nav class=\"navbar navbar-light navbar-expand-lg\"><div class=\"container\"><button class=\"navbar-toggler hidden-sm-up\" type=\"button\" data-bs-toggle=\"collapse\" data-target=\"##{actual.id}\">☰</button><div class=\"navbar-collapse collapse\" id=\"#{actual.id}\"></div></div></nav>"
|
8
8
|
|
9
9
|
assert_equal expected, actual.render
|
10
10
|
end
|
11
11
|
|
12
12
|
test 'Navbar with options' do
|
13
13
|
actual = UiBibz::Ui::Core::Navigations::Navbar.new(title: 'Brand', expand_size: :xs, status: :primary, position: :top, brand_position: :right)
|
14
|
-
expected = "<nav class=\"bg-primary navbar navbar-light fixed-top navbar-expand-xs\"><div class=\"container\"><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 collapse\" id=\"#{actual.id}\"></div></div></nav>"
|
14
|
+
expected = "<nav class=\"bg-primary navbar navbar-light fixed-top navbar-expand-xs\"><div class=\"container\"><button class=\"navbar-toggler hidden-sm-up\" type=\"button\" data-bs-toggle=\"collapse\" data-target=\"##{actual.id}\">☰</button><span class=\"navbar-brand\">Brand</span><div class=\"navbar-collapse collapse\" id=\"#{actual.id}\"></div></div></nav>"
|
15
15
|
|
16
16
|
assert_equal expected, actual.render
|
17
17
|
end
|
@@ -30,7 +30,7 @@ class NavbarTest < ActionView::TestCase
|
|
30
30
|
end
|
31
31
|
nb.text 'test'
|
32
32
|
end
|
33
|
-
expected = "<nav class=\"navbar navbar-light navbar-expand-lg\"><div class=\"container\"><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 collapse\" id=\"#{actual.id}\"><ul class=\"navbar-nav\"><li class=\"nav-item\"><a href=\"#Home\" class=\"active nav-link\">Home</a></li><li class=\"nav-item\"><a href=\"#profile\" class=\"nav-link\">Profile</a></li><li class=\"nav-item\"><a href=\"#messages\" class=\"nav-link\">Messages</a></li></ul><form type=\"form_tag\" position=\"right\" class=\"d-flex\" action=\"#\" accept-charset=\"UTF-8\" method=\"post\"><button class=\"btn-secondary btn\">Search</button></form><span class=\"navbar-text\">test</span></div></div></nav>"
|
33
|
+
expected = "<nav class=\"navbar navbar-light navbar-expand-lg\"><div class=\"container\"><span class=\"navbar-brand\">Brand</span><button class=\"navbar-toggler hidden-sm-up\" type=\"button\" data-bs-toggle=\"collapse\" data-target=\"##{actual.id}\">☰</button><div class=\"navbar-collapse collapse\" id=\"#{actual.id}\"><ul class=\"navbar-nav\"><li class=\"nav-item\"><a href=\"#Home\" class=\"active nav-link\">Home</a></li><li class=\"nav-item\"><a href=\"#profile\" class=\"nav-link\">Profile</a></li><li class=\"nav-item\"><a href=\"#messages\" class=\"nav-link\">Messages</a></li></ul><form type=\"form_tag\" position=\"right\" class=\"d-flex\" action=\"#\" accept-charset=\"UTF-8\" method=\"post\"><button class=\"btn-secondary btn\">Search</button></form><span class=\"navbar-text\">test</span></div></div></nav>"
|
34
34
|
|
35
35
|
assert_equal expected, actual.render
|
36
36
|
end
|
@@ -43,7 +43,7 @@ class NavbarTest < ActionView::TestCase
|
|
43
43
|
end
|
44
44
|
end
|
45
45
|
expected =
|
46
|
-
"<nav class=\"bg-dark navbar navbar-dark navbar-expand-lg\"><div class=\"container\"><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 collapse\" id=\"#{actual.id}\"><ul class=\"navbar-nav\"><li class=\"nav-item\"><a href=\"#link\" class=\"nav-link\">Link</a></li></ul></div></div></nav>"
|
46
|
+
"<nav class=\"bg-dark navbar navbar-dark navbar-expand-lg\"><div class=\"container\"><span class=\"navbar-brand\"><img src=\"/images/ruby-white\" /></span><button class=\"navbar-toggler hidden-sm-up\" type=\"button\" data-bs-toggle=\"collapse\" data-target=\"##{actual.id}\">☰</button><div class=\"navbar-collapse collapse\" id=\"#{actual.id}\"><ul class=\"navbar-nav\"><li class=\"nav-item\"><a href=\"#link\" class=\"nav-link\">Link</a></li></ul></div></div></nav>"
|
47
47
|
|
48
48
|
assert_equal expected, actual.render
|
49
49
|
end
|
@@ -10,7 +10,7 @@ class TabGroupTest < ActionView::TestCase
|
|
10
10
|
n.tab 'Profile', url: '#profile', selector: 'profile'
|
11
11
|
n.tab 'Messages', url: '#messages', selector: 'messages'
|
12
12
|
end
|
13
|
-
expected = "<ul class=\"nav nav-tabs\" role=\"tablist\"><li class=\"nav-item\"><a href=\"#Home\" class=\"active nav-link\" data-toggle=\"tab\" role=\"tab\">Home</a></li><li class=\"nav-item\"><a href=\"#profile\" class=\"nav-link\" data-toggle=\"tab\" role=\"tab\">Profile</a></li><li class=\"nav-item\"><a href=\"#messages\" class=\"nav-link\" data-toggle=\"tab\" role=\"tab\">Messages</a></li></ul>"
|
13
|
+
expected = "<ul class=\"nav nav-tabs\" role=\"tablist\"><li class=\"nav-item\"><a href=\"#Home\" class=\"active nav-link\" data-bs-toggle=\"tab\" role=\"tab\">Home</a></li><li class=\"nav-item\"><a href=\"#profile\" class=\"nav-link\" data-bs-toggle=\"tab\" role=\"tab\">Profile</a></li><li class=\"nav-item\"><a href=\"#messages\" class=\"nav-link\" data-bs-toggle=\"tab\" role=\"tab\">Messages</a></li></ul>"
|
14
14
|
|
15
15
|
assert_equal expected, actual
|
16
16
|
end
|
@@ -21,7 +21,7 @@ class TabGroupTest < ActionView::TestCase
|
|
21
21
|
n.tab 'Profile', url: '#profile', selector: 'profile'
|
22
22
|
n.tab 'Messages', url: '#messages', selector: 'messages'
|
23
23
|
end
|
24
|
-
expected = "<ul class=\"nav nav-tabs\" role=\"tablist\"><li class=\"nav-item\"><a href=\"#Home\" class=\"active nav-link\" data-toggle=\"tab\" role=\"tab\">Home</a></li><li class=\"nav-item\"><a href=\"#profile\" class=\"nav-link\" data-toggle=\"tab\" role=\"tab\">Profile</a></li><li class=\"nav-item\"><a href=\"#messages\" class=\"nav-link\" data-toggle=\"tab\" role=\"tab\">Messages</a></li></ul>"
|
24
|
+
expected = "<ul class=\"nav nav-tabs\" role=\"tablist\"><li class=\"nav-item\"><a href=\"#Home\" class=\"active nav-link\" data-bs-toggle=\"tab\" role=\"tab\">Home</a></li><li class=\"nav-item\"><a href=\"#profile\" class=\"nav-link\" data-bs-toggle=\"tab\" role=\"tab\">Profile</a></li><li class=\"nav-item\"><a href=\"#messages\" class=\"nav-link\" data-bs-toggle=\"tab\" role=\"tab\">Messages</a></li></ul>"
|
25
25
|
|
26
26
|
assert_equal expected, actual
|
27
27
|
end
|
@@ -32,7 +32,7 @@ class TabGroupTest < ActionView::TestCase
|
|
32
32
|
n.tab 'Profile', url: '#profile', selector: 'profile'
|
33
33
|
n.tab 'Messages', url: '#messages', selector: 'messages'
|
34
34
|
end
|
35
|
-
expected = "<ul class=\"nav nav-tabs\" role=\"tablist\"><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>"
|
35
|
+
expected = "<ul class=\"nav nav-tabs\" role=\"tablist\"><li class=\"nav-item\"><span class=\"active nav-link\" data-bs-toggle=\"tab\" role=\"tab\">Home</span></li><li class=\"nav-item\"><span class=\"nav-link\" data-bs-toggle=\"tab\" role=\"tab\">Profile</span></li><li class=\"nav-item\"><span class=\"nav-link\" data-bs-toggle=\"tab\" role=\"tab\">Messages</span></li></ul>"
|
36
36
|
|
37
37
|
assert_equal expected, actual
|
38
38
|
end
|
@@ -43,7 +43,7 @@ class TabGroupTest < ActionView::TestCase
|
|
43
43
|
n.tab 'Profile', url: '#profile', selector: 'profile', label: 16
|
44
44
|
n.tab 'Messages', url: '#messages', selector: 'messages', state: :disabled
|
45
45
|
end
|
46
|
-
expected = "<ul class=\"nav nav-tabs justify-content-end\" role=\"tablist\"><li class=\"nav-item\"><a href=\"#Home\" class=\"active nav-link\" data-toggle=\"tab\" role=\"tab\">Home</a></li><li class=\"nav-item\"><a href=\"#profile\" class=\"nav-link\" data-toggle=\"tab\" role=\"tab\">Profile</a></li><li class=\"nav-item\"><a href=\"#messages\" class=\"disabled nav-link\" data-toggle=\"tab\" role=\"tab\">Messages</a></li></ul>"
|
46
|
+
expected = "<ul class=\"nav nav-tabs justify-content-end\" role=\"tablist\"><li class=\"nav-item\"><a href=\"#Home\" class=\"active nav-link\" data-bs-toggle=\"tab\" role=\"tab\">Home</a></li><li class=\"nav-item\"><a href=\"#profile\" class=\"nav-link\" data-bs-toggle=\"tab\" role=\"tab\">Profile</a></li><li class=\"nav-item\"><a href=\"#messages\" class=\"disabled nav-link\" data-bs-toggle=\"tab\" role=\"tab\">Messages</a></li></ul>"
|
47
47
|
|
48
48
|
assert_equal expected, actual
|
49
49
|
end
|
@@ -54,7 +54,7 @@ class TabGroupTest < ActionView::TestCase
|
|
54
54
|
n.tab 'Profile', url: '#profile', selector: 'profile', label: 16
|
55
55
|
n.tab 'Messages', url: '#messages', selector: 'messages', state: :disabled
|
56
56
|
end
|
57
|
-
expected = "<ul class=\"nav nav-tabs\" role=\"tablist\"><li class=\"nav-item\"><a href=\"#Home\" class=\"active nav-link\" data-toggle=\"tab\" role=\"tab\">Home</a></li><li class=\"nav-item\"><a href=\"#profile\" class=\"nav-link\" data-toggle=\"tab\" role=\"tab\">Profile</a></li><li class=\"nav-item\"><a href=\"#messages\" class=\"disabled nav-link\" data-toggle=\"tab\" role=\"tab\">Messages</a></li></ul>"
|
57
|
+
expected = "<ul class=\"nav nav-tabs\" role=\"tablist\"><li class=\"nav-item\"><a href=\"#Home\" class=\"active nav-link\" data-bs-toggle=\"tab\" role=\"tab\">Home</a></li><li class=\"nav-item\"><a href=\"#profile\" class=\"nav-link\" data-bs-toggle=\"tab\" role=\"tab\">Profile</a></li><li class=\"nav-item\"><a href=\"#messages\" class=\"disabled nav-link\" data-bs-toggle=\"tab\" role=\"tab\">Messages</a></li></ul>"
|
58
58
|
|
59
59
|
assert_equal expected, actual
|
60
60
|
end
|
@@ -25,7 +25,7 @@ class ToolbarTest < ActionView::TestCase
|
|
25
25
|
bg.button 'Home 2'
|
26
26
|
end
|
27
27
|
end
|
28
|
-
expected = '<div class="btn-toolbar justify-content-between" role="toolbar"><div role="group" class="btn-group
|
28
|
+
expected = '<div class="btn-toolbar justify-content-between" role="toolbar"><div role="group" class="btn-group me-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>'
|
29
29
|
|
30
30
|
assert_equal expected, actual
|
31
31
|
end
|
@@ -16,7 +16,7 @@ class AlertTest < ActionView::TestCase
|
|
16
16
|
a.header 'Information'
|
17
17
|
a.body 'Body text'
|
18
18
|
end
|
19
|
-
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=\"btn-close\" data-dismiss=\"alert\" aria-label=\"Close\"></button></h4><hr /><p class=\"alert-body mb-0\">Body text</p></div>"
|
19
|
+
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=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"></button></h4><hr /><p class=\"alert-body mb-0\">Body text</p></div>"
|
20
20
|
|
21
21
|
assert_equal expected, actual
|
22
22
|
end
|