ui_bibz 2.5.6 → 3.0.0.alpha8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (263) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +3 -2
  3. data/.rubocop.yml +78 -0
  4. data/.ruby-gemset +1 -0
  5. data/.ruby-version +1 -0
  6. data/Gemfile +1 -0
  7. data/Gemfile.lock +92 -104
  8. data/README.md +9 -52
  9. data/Rakefile +3 -2
  10. data/bin/test +7 -0
  11. data/config/initializers/will_paginate.rb +2 -1
  12. data/lib/ui_bibz.rb +17 -3
  13. data/lib/ui_bibz/concerns/models/searchable.rb +3 -3
  14. data/lib/ui_bibz/helpers/ui/core/boxes_helper.rb +9 -1
  15. data/lib/ui_bibz/helpers/ui/core/forms_helper.rb +20 -1
  16. data/lib/ui_bibz/helpers/ui/core/layouts_helper.rb +10 -2
  17. data/lib/ui_bibz/helpers/ui/core/lists_helper.rb +1 -1
  18. data/lib/ui_bibz/helpers/ui/core/notifications_helper.rb +9 -5
  19. data/lib/ui_bibz/helpers/ui/ux_helper.rb +2 -6
  20. data/lib/ui_bibz/infos.rb +11 -5
  21. data/lib/ui_bibz/inputs/ui_bibz_form/ui_bibz_form_builder.rb +15 -2
  22. data/lib/ui_bibz/inputs/ui_bibz_inputs/base_input.rb +4 -7
  23. data/lib/ui_bibz/inputs/ui_bibz_inputs/collection_input.rb +6 -9
  24. data/lib/ui_bibz/inputs/ui_bibz_inputs/ui_checkbox_field_input.rb +5 -1
  25. data/lib/ui_bibz/inputs/ui_bibz_inputs/ui_choice_field_input.rb +23 -0
  26. data/lib/ui_bibz/inputs/ui_bibz_inputs/ui_multi_select_field_input.rb +3 -3
  27. data/lib/ui_bibz/inputs/ui_bibz_inputs/ui_slider_field_input.rb +12 -0
  28. data/lib/ui_bibz/rails/engine.rb +1 -16
  29. data/lib/ui_bibz/railtie.rb +6 -0
  30. data/lib/ui_bibz/ui/concerns/card_itemable_concern.rb +67 -0
  31. data/lib/ui_bibz/ui/concerns/html_concern.rb +16 -0
  32. data/lib/ui_bibz/ui/core/boxes/card.rb +5 -50
  33. data/lib/ui_bibz/ui/core/boxes/card_accordion.rb +2 -0
  34. data/lib/ui_bibz/ui/core/boxes/card_column.rb +3 -1
  35. data/lib/ui_bibz/ui/core/boxes/card_deck.rb +3 -1
  36. data/lib/ui_bibz/ui/core/boxes/card_grid.rb +60 -0
  37. data/lib/ui_bibz/ui/core/boxes/card_group.rb +3 -1
  38. data/lib/ui_bibz/ui/core/boxes/components/body/card_body_link.rb +0 -3
  39. data/lib/ui_bibz/ui/core/boxes/components/body/card_body_subtitle.rb +47 -0
  40. data/lib/ui_bibz/ui/core/boxes/components/body/card_body_text.rb +0 -3
  41. data/lib/ui_bibz/ui/core/boxes/components/body/card_body_title.rb +1 -4
  42. data/lib/ui_bibz/ui/core/boxes/components/card_body.rb +15 -0
  43. data/lib/ui_bibz/ui/core/boxes/components/card_col.rb +65 -0
  44. data/lib/ui_bibz/ui/core/boxes/components/card_footer.rb +0 -3
  45. data/lib/ui_bibz/ui/core/boxes/components/card_header.rb +2 -4
  46. data/lib/ui_bibz/ui/core/boxes/components/card_image.rb +1 -4
  47. data/lib/ui_bibz/ui/core/boxes/components/card_row.rb +65 -0
  48. data/lib/ui_bibz/ui/core/boxes/components/card_tab_group.rb +0 -4
  49. data/lib/ui_bibz/ui/core/boxes/jumbotron.rb +1 -4
  50. data/lib/ui_bibz/ui/core/component.rb +16 -9
  51. data/lib/ui_bibz/ui/core/forms/buttons/button.rb +2 -2
  52. data/lib/ui_bibz/ui/core/forms/buttons/button_group.rb +9 -11
  53. data/lib/ui_bibz/ui/core/forms/buttons/button_refresh.rb +0 -3
  54. data/lib/ui_bibz/ui/core/forms/buttons/components/button_group_dropdown.rb +0 -3
  55. data/lib/ui_bibz/ui/core/forms/buttons/components/button_group_split_dropdown.rb +0 -3
  56. data/lib/ui_bibz/ui/core/forms/choices/box_switch_field.rb +7 -10
  57. data/lib/ui_bibz/ui/core/forms/choices/checkbox_field.rb +20 -10
  58. data/lib/ui_bibz/ui/core/forms/choices/choice_group.rb +22 -2
  59. data/lib/ui_bibz/ui/core/forms/choices/components/choice.rb +24 -12
  60. data/lib/ui_bibz/ui/core/forms/choices/radio_field.rb +17 -6
  61. data/lib/ui_bibz/ui/core/forms/choices/switch_field.rb +5 -5
  62. data/lib/ui_bibz/ui/core/forms/dates/date_picker_field.rb +12 -15
  63. data/lib/ui_bibz/ui/core/forms/dropdowns/components/dropdown_divider.rb +0 -1
  64. data/lib/ui_bibz/ui/core/forms/dropdowns/components/dropdown_header.rb +0 -3
  65. data/lib/ui_bibz/ui/core/forms/dropdowns/dropdown.rb +19 -20
  66. data/lib/ui_bibz/ui/core/forms/dropdowns/split_dropdown.rb +7 -5
  67. data/lib/ui_bibz/ui/core/forms/files/file_field.rb +20 -10
  68. data/lib/ui_bibz/ui/core/forms/numbers/formula_field.rb +18 -8
  69. data/lib/ui_bibz/ui/core/forms/numbers/number_field.rb +20 -3
  70. data/lib/ui_bibz/ui/core/forms/numbers/range_field.rb +51 -5
  71. data/lib/ui_bibz/ui/core/forms/numbers/slider_field.rb +144 -0
  72. data/lib/ui_bibz/ui/core/forms/numbers/slider_header.rb +71 -0
  73. data/lib/ui_bibz/ui/core/forms/selects/abstract_select.rb +0 -3
  74. data/lib/ui_bibz/ui/core/forms/selects/dropdown_select_field.rb +41 -62
  75. data/lib/ui_bibz/ui/core/forms/selects/multi_column_field.rb +0 -3
  76. data/lib/ui_bibz/ui/core/forms/selects/select_field.rb +2 -5
  77. data/lib/ui_bibz/ui/core/forms/surrounds/components/surround_addon.rb +1 -4
  78. data/lib/ui_bibz/ui/core/forms/surrounds/components/surround_button.rb +1 -6
  79. data/lib/ui_bibz/ui/core/forms/surrounds/components/surround_button_group.rb +0 -3
  80. data/lib/ui_bibz/ui/core/forms/surrounds/components/surround_button_link.rb +1 -6
  81. data/lib/ui_bibz/ui/core/forms/surrounds/components/surround_button_refresh.rb +1 -12
  82. data/lib/ui_bibz/ui/core/forms/surrounds/components/surround_checkbox_field.rb +9 -4
  83. data/lib/ui_bibz/ui/core/forms/surrounds/components/surround_dropdown.rb +0 -3
  84. data/lib/ui_bibz/ui/core/forms/surrounds/components/surround_radio_field.rb +9 -4
  85. data/lib/ui_bibz/ui/core/forms/surrounds/components/surround_switch_field.rb +0 -3
  86. data/lib/ui_bibz/ui/core/forms/surrounds/surround_field.rb +4 -12
  87. data/lib/ui_bibz/ui/core/forms/textareas/markdown_editor_field.rb +4 -7
  88. data/lib/ui_bibz/ui/core/forms/texts/auto_complete_field.rb +2 -5
  89. data/lib/ui_bibz/ui/core/forms/texts/text_field.rb +0 -3
  90. data/lib/ui_bibz/ui/core/icons/components/glyph_counter.rb +0 -3
  91. data/lib/ui_bibz/ui/core/icons/components/glyph_text.rb +1 -4
  92. data/lib/ui_bibz/ui/core/icons/glyph.rb +1 -4
  93. data/lib/ui_bibz/ui/core/icons/star.rb +0 -3
  94. data/lib/ui_bibz/ui/core/layouts/col.rb +5 -42
  95. data/lib/ui_bibz/ui/core/layouts/container.rb +9 -6
  96. data/lib/ui_bibz/ui/core/layouts/row.rb +32 -2
  97. data/lib/ui_bibz/ui/core/lists/components/list.rb +6 -8
  98. data/lib/ui_bibz/ui/core/lists/components/list/list_body.rb +0 -3
  99. data/lib/ui_bibz/ui/core/lists/components/list/list_header.rb +0 -3
  100. data/lib/ui_bibz/ui/core/lists/list_group.rb +9 -6
  101. data/lib/ui_bibz/ui/core/navigations/breadcrumb.rb +3 -2
  102. data/lib/ui_bibz/ui/core/navigations/components/breadcrumb_link.rb +0 -3
  103. data/lib/ui_bibz/ui/core/navigations/components/nav_dropdown.rb +2 -5
  104. data/lib/ui_bibz/ui/core/navigations/components/nav_link.rb +3 -1
  105. data/lib/ui_bibz/ui/core/navigations/components/nav_link_link.rb +15 -6
  106. data/lib/ui_bibz/ui/core/navigations/components/nav_link_list.rb +0 -4
  107. data/lib/ui_bibz/ui/core/navigations/components/nav_link_span.rb +1 -4
  108. data/lib/ui_bibz/ui/core/navigations/components/nav_text.rb +0 -3
  109. data/lib/ui_bibz/ui/core/navigations/components/navbar_brand.rb +0 -3
  110. data/lib/ui_bibz/ui/core/navigations/components/navbar_form.rb +4 -4
  111. data/lib/ui_bibz/ui/core/navigations/components/navbar_nav.rb +1 -4
  112. data/lib/ui_bibz/ui/core/navigations/components/navbar_text.rb +0 -3
  113. data/lib/ui_bibz/ui/core/navigations/components/pagination_link.rb +0 -3
  114. data/lib/ui_bibz/ui/core/navigations/components/toolbar_form.rb +3 -3
  115. data/lib/ui_bibz/ui/core/navigations/link.rb +0 -3
  116. data/lib/ui_bibz/ui/core/navigations/nav.rb +37 -10
  117. data/lib/ui_bibz/ui/core/navigations/navbar.rb +31 -8
  118. data/lib/ui_bibz/ui/core/navigations/pagination.rb +3 -1
  119. data/lib/ui_bibz/ui/core/navigations/tab_group.rb +10 -5
  120. data/lib/ui_bibz/ui/core/navigations/toolbar.rb +2 -0
  121. data/lib/ui_bibz/ui/core/notifications/alert.rb +2 -2
  122. data/lib/ui_bibz/ui/core/notifications/badge.rb +2 -5
  123. data/lib/ui_bibz/ui/core/notifications/components/alert_body.rb +0 -3
  124. data/lib/ui_bibz/ui/core/notifications/components/alert_header.rb +4 -10
  125. data/lib/ui_bibz/ui/core/notifications/components/bar.rb +0 -3
  126. data/lib/ui_bibz/ui/core/notifications/components/toast_body.rb +0 -3
  127. data/lib/ui_bibz/ui/core/notifications/components/toast_header.rb +1 -6
  128. data/lib/ui_bibz/ui/core/notifications/progress_bar.rb +7 -5
  129. data/lib/ui_bibz/ui/core/notifications/spinner.rb +0 -3
  130. data/lib/ui_bibz/ui/core/notifications/toast.rb +14 -3
  131. data/lib/ui_bibz/ui/core/windows/components/modal_body.rb +0 -3
  132. data/lib/ui_bibz/ui/core/windows/components/modal_footer.rb +0 -3
  133. data/lib/ui_bibz/ui/core/windows/components/modal_header.rb +1 -7
  134. data/lib/ui_bibz/ui/core/windows/modal.rb +65 -14
  135. data/lib/ui_bibz/ui/extensions/core/component/glyph_extension.rb +6 -2
  136. data/lib/ui_bibz/ui/extensions/core/component/popover_extension.rb +9 -9
  137. data/lib/ui_bibz/ui/extensions/core/forms/connect_extension.rb +2 -2
  138. data/lib/ui_bibz/ui/extensions/core/forms/surround_extension.rb +1 -1
  139. data/lib/ui_bibz/ui/ux/containers/components/panel_body.rb +0 -3
  140. data/lib/ui_bibz/ui/ux/containers/components/panel_column.rb +2 -0
  141. data/lib/ui_bibz/ui/ux/containers/components/panel_deck.rb +2 -0
  142. data/lib/ui_bibz/ui/ux/containers/components/panel_footer.rb +0 -3
  143. data/lib/ui_bibz/ui/ux/containers/components/panel_group.rb +2 -0
  144. data/lib/ui_bibz/ui/ux/containers/components/panel_header.rb +4 -6
  145. data/lib/ui_bibz/ui/ux/containers/components/panel_header_title.rb +47 -0
  146. data/lib/ui_bibz/ui/ux/containers/components/panel_tab_group.rb +0 -4
  147. data/lib/ui_bibz/ui/ux/containers/components/panel_toolbar.rb +0 -3
  148. data/lib/ui_bibz/ui/ux/containers/panel.rb +4 -2
  149. data/lib/ui_bibz/ui/ux/tables/components/thead.rb +0 -3
  150. data/lib/ui_bibz/ui/ux/tables/table.rb +2 -4
  151. data/lib/ui_bibz/ui/ux/tables/table_card.rb +4 -3
  152. data/lib/ui_bibz/ui/ux/tables/table_pagination_per_page.rb +3 -3
  153. data/lib/ui_bibz/ui/ux/tables/table_search_field.rb +8 -8
  154. data/lib/ui_bibz/utils/breakdown_class_name_generator.rb +82 -0
  155. data/lib/ui_bibz/utils/internationalization.rb +2 -2
  156. data/lib/ui_bibz/utils/screwdriver.rb +16 -10
  157. data/test/dummy/Rakefile +1 -1
  158. data/test/dummy/app/javascripts/packs/index.js +3 -0
  159. data/test/dummy/app/views/layouts/application.html.erb +4 -1
  160. data/{app/ui/.keep → test/dummy/app/views/users/index.html.erb} +0 -0
  161. data/test/dummy/bin/setup +17 -13
  162. data/test/dummy/config.ru +2 -1
  163. data/test/dummy/config/application.rb +1 -0
  164. data/test/dummy/config/cable.yml +10 -0
  165. data/test/dummy/config/database.yml +1 -1
  166. data/test/dummy/config/environment.rb +1 -1
  167. data/test/dummy/config/environments/development.rb +33 -12
  168. data/test/dummy/config/environments/production.rb +52 -19
  169. data/test/dummy/config/environments/test.rb +18 -12
  170. data/test/dummy/config/initializers/application_controller_renderer.rb +9 -0
  171. data/test/dummy/config/initializers/assets.rb +4 -3
  172. data/test/dummy/config/initializers/backtrace_silencers.rb +0 -1
  173. data/test/dummy/config/initializers/content_security_policy.rb +29 -0
  174. data/test/dummy/config/initializers/cookies_serializer.rb +2 -0
  175. data/test/dummy/config/initializers/inflections.rb +0 -1
  176. data/test/dummy/config/initializers/mime_types.rb +0 -1
  177. data/test/dummy/config/initializers/wrap_parameters.rb +2 -2
  178. data/test/dummy/config/puma.rb +40 -0
  179. data/test/dummy/config/routes.rb +3 -0
  180. data/test/dummy/config/spring.rb +8 -0
  181. data/test/dummy/config/storage.yml +34 -0
  182. data/test/dummy/db/migrate/20150123191805_create_users.rb +1 -1
  183. data/test/dummy/db/schema.rb +24 -24
  184. data/test/dummy/public/404.html +6 -6
  185. data/test/dummy/public/422.html +6 -6
  186. data/test/dummy/public/500.html +6 -6
  187. data/test/dummy/public/apple-touch-icon-precomposed.png +0 -0
  188. data/test/dummy/public/apple-touch-icon.png +0 -0
  189. data/test/dummy/storage/.keep +0 -0
  190. data/test/simple_form_test.rb +45 -44
  191. data/test/store_test.rb +5 -5
  192. data/test/test_helper.rb +18 -9
  193. data/test/ui/core/boxes/card_grid_test.rb +17 -0
  194. data/test/ui/core/boxes/card_test.rb +46 -12
  195. data/test/ui/core/boxes/jumbotron_test.rb +2 -2
  196. data/test/ui/core/component_test.rb +1 -1
  197. data/test/ui/core/forms/buttons/button_group_test.rb +1 -1
  198. data/test/ui/core/forms/buttons/button_link_test.rb +1 -1
  199. data/test/ui/core/forms/buttons/button_test.rb +2 -2
  200. data/test/ui/core/forms/choices/checkbox_field_test.rb +9 -2
  201. data/test/ui/core/forms/choices/choice_group_test.rb +11 -9
  202. data/test/ui/core/forms/choices/radio_field_test.rb +1 -1
  203. data/test/ui/core/forms/dates/date_picker_field_test.rb +1 -1
  204. data/test/ui/core/forms/dropdowns/dropdown_test.rb +2 -2
  205. data/test/ui/core/forms/files/file_field_test.rb +12 -0
  206. data/test/ui/core/forms/numbers/formula_field_test.rb +1 -1
  207. data/test/ui/core/forms/numbers/range_field_test.rb +37 -2
  208. data/test/ui/core/forms/numbers/slider_field_test.rb +26 -0
  209. data/test/ui/core/forms/selects/multi_column_field_test.rb +1 -1
  210. data/test/ui/core/forms/selects/multi_select_field_test.rb +7 -7
  211. data/test/ui/core/forms/selects/select_field_test.rb +3 -3
  212. data/test/ui/core/forms/surrounds/surround_field_test.rb +40 -4
  213. data/test/ui/core/forms/textareas/markdown_editor_field_test.rb +1 -1
  214. data/test/ui/core/forms/texts/auto_complete_field_test.rb +8 -8
  215. data/test/ui/core/forms/texts/text_field_test.rb +2 -2
  216. data/test/ui/core/layouts/col_test.rb +11 -2
  217. data/test/ui/core/layouts/container_test.rb +15 -1
  218. data/test/ui/core/layouts/row_test.rb +68 -3
  219. data/test/ui/core/lists/list_group_test.rb +1 -1
  220. data/test/ui/core/navigations/breadcrumb_test.rb +1 -1
  221. data/test/ui/core/navigations/link_test.rb +1 -1
  222. data/test/ui/core/navigations/nav_test.rb +17 -5
  223. data/test/ui/core/navigations/navbar_test.rb +7 -8
  224. data/test/ui/core/navigations/tab_group_test.rb +4 -4
  225. data/test/ui/core/notifications/alert_test.rb +2 -2
  226. data/test/ui/core/notifications/badge_test.rb +3 -3
  227. data/test/ui/core/notifications/progress_bar_test.rb +1 -1
  228. data/test/ui/core/notifications/toast_test.rb +10 -1
  229. data/test/ui/core/windows/modal_test.rb +15 -1
  230. data/test/ui/utils/breakdown_class_name_generator_test.rb +74 -0
  231. data/test/ui/ux/containers/panel_test.rb +5 -5
  232. data/test/ui/ux/tables/table_test.rb +6 -6
  233. data/test/ui_bibz_test.rb +1 -1
  234. data/ui_bibz.gemspec +16 -16
  235. metadata +100 -108
  236. data/app/assets/javascripts/fix_bootstrap.coffee +0 -7
  237. data/app/assets/javascripts/form.coffee +0 -83
  238. data/app/assets/javascripts/formula.coffee +0 -69
  239. data/app/assets/javascripts/input-connected.coffee +0 -101
  240. data/app/assets/javascripts/interface.coffee +0 -55
  241. data/app/assets/javascripts/jquery.multi-select-extend.coffee +0 -38
  242. data/app/assets/javascripts/table.coffee +0 -36
  243. data/app/assets/javascripts/ui_bibz.coffee.erb +0 -75
  244. data/app/assets/stylesheets/_custom_variables.sass +0 -20
  245. data/app/assets/stylesheets/_panel.scss +0 -315
  246. data/app/assets/stylesheets/bootstrap-switch.sass +0 -159
  247. data/app/assets/stylesheets/boxes.sass +0 -5
  248. data/app/assets/stylesheets/containers.sass +0 -2
  249. data/app/assets/stylesheets/fix-bootstrap-4.sass +0 -19
  250. data/app/assets/stylesheets/fix_addon.sass +0 -216
  251. data/app/assets/stylesheets/forms.sass +0 -91
  252. data/app/assets/stylesheets/navigations.sass +0 -17
  253. data/app/assets/stylesheets/notifications.sass +0 -42
  254. data/app/assets/stylesheets/tables.sass +0 -66
  255. data/app/assets/stylesheets/ui_bibz.sass.erb +0 -55
  256. data/lib/generators/ui_bibz/install_generator.rb +0 -17
  257. data/lib/generators/ui_bibz/templates/ui_bibz_initializer.rb +0 -5
  258. data/lib/ui_bibz/ui/core/forms/selects/multi_select_field.rb +0 -125
  259. data/lib/ui_bibz/ui/core/icons/glyph_group.rb +0 -101
  260. data/test/dummy/bin/bundle +0 -5
  261. data/test/ui/core/forms/files/text_field_test.rb +0 -12
  262. data/test/ui/core/forms/selects/dropdown_select_field_test.rb +0 -84
  263. data/test/ui/core/icons/glyph_group_test.rb +0 -37
@@ -4,7 +4,7 @@ require 'test_helper'
4
4
 
5
5
  class MultiColumnFieldTest < ActionView::TestCase
6
6
  test 'Multi Column Field' do
7
- options = options_for_select(2.times.map { |i| "option #{i}" })
7
+ options = options_for_select(Array.new(2) { |i| "option #{i}" })
8
8
  actual = UiBibz::Ui::Core::Forms::Selects::MultiColumnField.new('example', option_tags: options).render
9
9
  expected = "<select name=\"example[]\" id=\"example\" class=\"multi-column-field\" multiple=\"multiple\"><option value=\"option 0\">option 0</option>
10
10
  <option value=\"option 1\">option 1</option></select>"
@@ -2,10 +2,10 @@
2
2
 
3
3
  require 'test_helper'
4
4
 
5
- class MultiSelectFieldTest < ActionView::TestCase
5
+ class DropdownSelectFieldTest < ActionView::TestCase
6
6
  test 'Multi Select Field' do
7
- options = options_for_select(2.times.map { |i| "option #{i}" })
8
- actual = UiBibz::Ui::Core::Forms::Selects::MultiSelectField.new('example', option_tags: options).render
7
+ options = options_for_select(Array.new(2) { |i| "option #{i}" })
8
+ actual = UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new('example', multiple: true, option_tags: options).render
9
9
  expected = "<select name=\"example[]\" id=\"example\" class=\"btn-secondary multi-select-field\" multiple=\"multiple\"><option value=\"option 0\">option 0</option>
10
10
  <option value=\"option 1\">option 1</option></select>"
11
11
 
@@ -14,8 +14,8 @@ class MultiSelectFieldTest < ActionView::TestCase
14
14
 
15
15
  test 'Multi Select Field data html options' do
16
16
  grouped_options = { 'North America' => [['United statuss', 'US'], 'Canada'], 'Europe' => %w[Denmark Germany France] }
17
- actual = UiBibz::Ui::Core::Forms::Selects::MultiSelectField.new('example', { option_tags: grouped_options_for_select(grouped_options), clickable_opt_group: true, collapsible_opt_group: true, searchable: true, select_all_options: true, number_displayed: 2, status: :danger }).render
18
- expected = "<select name=\"example[]\" id=\"example\" data-enable-clickable-opt-groups=\"true\" data-enable-collapsible-opt-groups=\"true\" data-enable-filtering=\"true\" data-include-select-all-option=\"true\" data-number-displayed=\"true\" class=\"btn-danger btn-secondary multi-select-field\" multiple=\"multiple\"><optgroup label=\"North America\"><option value=\"US\">United statuss</option>
17
+ actual = UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new('example', { multiple: true, option_tags: grouped_options_for_select(grouped_options), clickable_opt_group: true, collapsible_opt_group: true, searchable: true, select_all_options: true, number_displayed: 2, status: :danger }).render
18
+ expected = "<select name=\"example[]\" id=\"example\" data-enable-clickable-opt-groups=\"true\" data-enable-collapsible-opt-groups=\"true\" data-enable-filtering=\"true\" data-include-select-all-option=\"true\" data-number-displayed=\"true\" class=\"btn-danger multi-select-field\" multiple=\"multiple\"><optgroup label=\"North America\"><option value=\"US\">United statuss</option>
19
19
  <option value=\"Canada\">Canada</option></optgroup><optgroup label=\"Europe\"><option value=\"Denmark\">Denmark</option>
20
20
  <option value=\"Germany\">Germany</option>
21
21
  <option value=\"France\">France</option></optgroup></select>"
@@ -24,8 +24,8 @@ class MultiSelectFieldTest < ActionView::TestCase
24
24
  end
25
25
 
26
26
  test 'Multi select Field refresh option' do
27
- actual = UiBibz::Ui::Core::Forms::Selects::MultiSelectField.new('test', { refresh: { target: { url: '/' } } }).render
28
- expected = '<div class="field-refresh input-group ui_surround_field"><select name="test[]" id="test" class="btn-secondary multi-select-field" multiple="multiple"></select><div class="input-group-btn"><span data-connect="{&quot;events&quot;:&quot;click&quot;,&quot;mode&quot;:&quot;remote&quot;,&quot;target&quot;:{&quot;selector&quot;:&quot;#test&quot;,&quot;url&quot;:&quot;/&quot;,&quot;data&quot;:[]}}" class="btn-secondary ui-bibz-connect btn input-refresh-button"><i class="glyph fas fa-sync-alt"></i> </span></div></div>'
27
+ actual = UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new('test', { multiple: true, refresh: { target: { url: '/' } } }).render
28
+ expected = '<div class="field-refresh input-group ui_surround_field"><select name="test[]" id="test" class="btn-secondary multi-select-field" multiple="multiple"></select><span data-connect="{&quot;events&quot;:&quot;click&quot;,&quot;mode&quot;:&quot;remote&quot;,&quot;target&quot;:{&quot;selector&quot;:&quot;#test&quot;,&quot;url&quot;:&quot;/&quot;,&quot;data&quot;:[]}}" class="btn-secondary ui-bibz-connect btn input-refresh-button"><i class="glyph fas fa-sync-alt"></i> </span></div>'
29
29
 
30
30
  assert_equal expected, actual
31
31
  end
@@ -4,9 +4,9 @@ require 'test_helper'
4
4
 
5
5
  class SelectFieldTest < ActionView::TestCase
6
6
  test 'Select Field' do
7
- options = options_for_select(2.times.map { |i| "option #{i}" })
7
+ options = options_for_select(Array.new(2) { |i| "option #{i}" })
8
8
  actual = UiBibz::Ui::Core::Forms::Selects::SelectField.new('example', option_tags: options).render
9
- expected = "<select name=\"example\" id=\"example\" class=\"select-field form-control custom-select\"><option value=\"option 0\">option 0</option>
9
+ expected = "<select name=\"example\" id=\"example\" class=\"select-field form-control form-select\"><option value=\"option 0\">option 0</option>
10
10
  <option value=\"option 1\">option 1</option></select>"
11
11
 
12
12
  assert_equal expected, actual
@@ -14,7 +14,7 @@ class SelectFieldTest < ActionView::TestCase
14
14
 
15
15
  test 'Select Field refresh' do
16
16
  actual = UiBibz::Ui::Core::Forms::Selects::SelectField.new('example', refresh: { target: { url: '/' } }).render
17
- expected = '<div class="field-refresh input-group ui_surround_field"><select name="example" id="example" class="select-field form-control custom-select"></select><div class="input-group-btn"><span data-connect="{&quot;events&quot;:&quot;click&quot;,&quot;mode&quot;:&quot;remote&quot;,&quot;target&quot;:{&quot;selector&quot;:&quot;#example&quot;,&quot;url&quot;:&quot;/&quot;,&quot;data&quot;:[]}}" class="btn-secondary ui-bibz-connect btn input-refresh-button"><i class="glyph fas fa-sync-alt"></i> </span></div></div>'
17
+ expected = '<div class="field-refresh input-group ui_surround_field"><select name="example" id="example" class="select-field form-control form-select"></select><span data-connect="{&quot;events&quot;:&quot;click&quot;,&quot;mode&quot;:&quot;remote&quot;,&quot;target&quot;:{&quot;selector&quot;:&quot;#example&quot;,&quot;url&quot;:&quot;/&quot;,&quot;data&quot;:[]}}" class="btn-secondary ui-bibz-connect btn input-refresh-button"><i class="glyph fas fa-sync-alt"></i> </span></div>'
18
18
 
19
19
  assert_equal expected, actual
20
20
  end
@@ -7,7 +7,7 @@ class SurroundFieldTest < ActionView::TestCase
7
7
  actual = UiBibz::Ui::Core::Forms::Surrounds::SurroundField.new.tap do |sf|
8
8
  sf.glyph 'pencil'
9
9
  end.render
10
- expected = '<div class="input-group ui_surround_field"><span class="input-group-addon"><i class="glyph fas fa-pencil"></i></span></div>'
10
+ expected = '<div class="input-group ui_surround_field"><span class="input-group-text"><i class="glyph fas fa-pencil"></i></span></div>'
11
11
 
12
12
  assert_equal expected, actual
13
13
  end
@@ -16,7 +16,7 @@ class SurroundFieldTest < ActionView::TestCase
16
16
  actual = UiBibz::Ui::Core::Forms::Surrounds::SurroundField.new.tap do |sf|
17
17
  sf.addon 'content addon'
18
18
  end.render
19
- expected = '<div class="input-group ui_surround_field"><span class="input-group-addon">content addon</span></div>'
19
+ expected = '<div class="input-group ui_surround_field"><span class="input-group-text">content addon</span></div>'
20
20
 
21
21
  assert_equal expected, actual
22
22
  end
@@ -40,7 +40,7 @@ class SurroundFieldTest < ActionView::TestCase
40
40
  actual = UiBibz::Ui::Core::Forms::Surrounds::SurroundField.new.tap do |sf|
41
41
  sf.button 'Submit'
42
42
  end.render
43
- expected = '<div class="input-group ui_surround_field"><div class="input-group-btn"><button class="btn-secondary btn">Submit</button></div></div>'
43
+ expected = "<div class=\"input-group ui_surround_field\"><button class=\"btn-secondary btn\">Submit</button></div>"
44
44
 
45
45
  assert_equal expected, actual
46
46
  end
@@ -51,7 +51,43 @@ class SurroundFieldTest < ActionView::TestCase
51
51
  sf.addon '€'
52
52
  sf.glyph 'pencil'
53
53
  end.render
54
- expected = '<div class="input-group ui_surround_field"><div class="input-group-btn"><button class="btn-secondary btn">Submit</button></div><span class="input-group-addon">€</span><span class="input-group-addon"><i class="glyph fas fa-pencil"></i></span></div>'
54
+ expected = "<div class=\"input-group ui_surround_field\"><button class=\"btn-secondary btn\">Submit</button><span class=\"input-group-text\">€</span><span class=\"input-group-text\"><i class=\"glyph fas fa-pencil\"></i></span></div>"
55
+
56
+ assert_equal expected, actual
57
+ end
58
+
59
+ test 'surround_field with html' do
60
+ actual = UiBibz::Ui::Core::Forms::Surrounds::SurroundField.new.tap do |sf|
61
+ sf.html 'Content'
62
+ sf.html do
63
+ " Content 2"
64
+ end
65
+ end.render
66
+ expected = "<div class=\"input-group ui_surround_field\">Content Content 2</div>"
67
+
68
+ assert_equal expected, actual
69
+ end
70
+
71
+ test "surround with all fields" do
72
+ actual = UiBibz::Ui::Core::Forms::Surrounds::SurroundField.new.tap do |sf|
73
+ sf.glyph 'gem'
74
+ sf.addon "test"
75
+ sf.button "button"
76
+ sf.button_group do |bg|
77
+ bg.button "test"
78
+ end
79
+ sf.button_link "link", url: "#"
80
+ sf.checkbox_field :check
81
+ sf.radio_field :radio
82
+ sf.text_field :text
83
+ sf.date_picker_field :date
84
+ sf.dropdown_select_field :dropdown_select
85
+ sf.select_field :select
86
+ sf.auto_complete_field :auto
87
+ sf.button_refresh
88
+ end.render
89
+
90
+ expected = "<div class=\"input-group ui_surround_field\"><span class=\"input-group-text\"><i class=\"glyph fas fa-gem\"></i></span><span class=\"input-group-text\">test</span><button class=\"btn-secondary btn\">button</button><div class=\"input-group-btn\" role=\"group\"><button class=\"btn-secondary btn\">test</button></div><a class=\"btn-secondary btn\" role=\"button\" href=\"#\">link</a><div class=\"input-group-text\" label=\"false\"><input type=\"checkbox\" name=\"check\" id=\"check\" value=\"1\" class=\"form-check-input\" /><label class=\"form-check-label\" for=\"check\">check</label></div><div class=\"input-group-text\" label=\"false\"><input type=\"radio\" name=\"radio\" id=\"radio_\" class=\"form-check-input\" /><label class=\"form-check-label\" for=\"radio_\">radio</label></div><input type=\"text\" name=\"text\" id=\"text\" class=\"form-control\" /><input type=\"text\" name=\"date\" id=\"date\" data-date-locale=\"en\" data-provide=\"datepicker\" data-date-format=\"yyyy-mm-dd\" data-date-today-btn=\"linked\" data-date-toggle-active=\"true\" class=\"date_picker form-control\" /><select name=\"dropdown_select\" id=\"dropdown_select\" data-wrapper-classes=\"input-group-btn\" class=\"btn-secondary multi-select-field\"></select><select name=\"select\" id=\"select\" class=\"select-field form-control form-select\"></select><input type=\"text\" name=\"auto\" id=\"auto\" class=\"form-control auto-complete-field\" autocomplete=\"true\" list=\"auto-datalist\" /><datalist id=\"auto-datalist\"></datalist><span data-connect=\"{&quot;events&quot;:&quot;click&quot;,&quot;mode&quot;:&quot;remote&quot;,&quot;target&quot;:{&quot;selector&quot;:&quot;&quot;,&quot;url&quot;:&quot;&quot;,&quot;data&quot;:[]}}\" class=\"btn-secondary ui-bibz-connect btn input-refresh-button\"><i class=\"glyph fas fa-sync-alt\"></i> </span></div>"
55
91
 
56
92
  assert_equal expected, actual
57
93
  end
@@ -5,7 +5,7 @@ require 'test_helper'
5
5
  class MarkdownEditorFieldTest < ActionView::TestCase
6
6
  test 'markdown_editor' do
7
7
  actual = UiBibz::Ui::Core::Forms::Textareas::MarkdownEditorField.new('comments').render
8
- expected = "<textarea name=\"comments\" id=\"comments\" data-provide=\"markdown\" data-iconlibrary=\"fa-5\">
8
+ expected = "<textarea name=\"comments\" id=\"comments\" data-provide=\"markdown\" data-iconlibrary=\"fa\">
9
9
  </textarea>"
10
10
 
11
11
  assert_equal expected, actual
@@ -4,7 +4,7 @@ require 'test_helper'
4
4
 
5
5
  class AutoCompleteFieldTest < ActionView::TestCase
6
6
  test 'auto_complete_field' do
7
- options = options_for_select(2.times.map { |i| "option #{i}" })
7
+ options = options_for_select(Array.new(2) { |i| "option #{i}" })
8
8
  actual = UiBibz::Ui::Core::Forms::Texts::AutoCompleteField.new('test', { option_tags: options }, { id: 'test' }).render
9
9
  expected = "<input type=\"text\" name=\"test\" id=\"test\" class=\"form-control auto-complete-field\" autocomplete=\"true\" list=\"test-datalist\" /><datalist id=\"test-datalist\"><option value=\"option 0\">option 0</option>
10
10
  <option value=\"option 1\">option 1</option></datalist>"
@@ -13,28 +13,28 @@ class AutoCompleteFieldTest < ActionView::TestCase
13
13
  end
14
14
 
15
15
  test 'auto_complete_field with refresh button' do
16
- options = options_for_select(2.times.map { |i| "option #{i}" })
16
+ options = options_for_select(Array.new(2) { |i| "option #{i}" })
17
17
  actual = UiBibz::Ui::Core::Forms::Texts::AutoCompleteField.new('test', { option_tags: options, refresh: { target: { url: '/' } } }, { id: 'test' }).render
18
18
  expected = "<div class=\"field-refresh input-group ui_surround_field\"><input type=\"text\" name=\"test\" id=\"test\" class=\"form-control auto-complete-field\" autocomplete=\"true\" list=\"test-datalist\" /><datalist id=\"test-datalist\"><option value=\"option 0\">option 0</option>
19
- <option value=\"option 1\">option 1</option></datalist><div class=\"input-group-btn\"><span data-connect=\"{&quot;events&quot;:&quot;click&quot;,&quot;mode&quot;:&quot;remote&quot;,&quot;target&quot;:{&quot;selector&quot;:&quot;#test-datalist&quot;,&quot;url&quot;:&quot;/&quot;,&quot;data&quot;:[]}}\" class=\"btn-secondary ui-bibz-connect btn input-refresh-button\"><i class=\"glyph fas fa-sync-alt\"></i> </span></div></div>"
19
+ <option value=\"option 1\">option 1</option></datalist><span data-connect=\"{&quot;events&quot;:&quot;click&quot;,&quot;mode&quot;:&quot;remote&quot;,&quot;target&quot;:{&quot;selector&quot;:&quot;#test-datalist&quot;,&quot;url&quot;:&quot;/&quot;,&quot;data&quot;:[]}}\" class=\"btn-secondary ui-bibz-connect btn input-refresh-button\"><i class=\"glyph fas fa-sync-alt\"></i> </span></div>"
20
20
 
21
21
  assert_equal expected, actual
22
22
  end
23
23
 
24
24
  test 'auto_complete_field with refresh button and append content' do
25
- options = options_for_select(2.times.map { |i| "option #{i}" })
25
+ options = options_for_select(Array.new(2) { |i| "option #{i}" })
26
26
  actual = UiBibz::Ui::Core::Forms::Texts::AutoCompleteField.new('test', { option_tags: options, append: 'Append content', refresh: { target: { url: '/' } } }, { id: 'test' }).render
27
- expected = "<div class=\"field-refresh input-group ui_surround_field\"><span class=\"input-group-addon\">Append content</span><input type=\"text\" name=\"test\" id=\"test\" class=\"form-control auto-complete-field\" autocomplete=\"true\" list=\"test-datalist\" /><datalist id=\"test-datalist\"><option value=\"option 0\">option 0</option>
28
- <option value=\"option 1\">option 1</option></datalist><div class=\"input-group-btn\"><span data-connect=\"{&quot;events&quot;:&quot;click&quot;,&quot;mode&quot;:&quot;remote&quot;,&quot;target&quot;:{&quot;selector&quot;:&quot;#test-datalist&quot;,&quot;url&quot;:&quot;/&quot;,&quot;data&quot;:[]}}\" class=\"btn-secondary ui-bibz-connect btn input-refresh-button\"><i class=\"glyph fas fa-sync-alt\"></i> </span></div></div>"
27
+ expected = "<div class=\"field-refresh input-group ui_surround_field\"><span class=\"input-group-text\">Append content</span><input type=\"text\" name=\"test\" id=\"test\" class=\"form-control auto-complete-field\" autocomplete=\"true\" list=\"test-datalist\" /><datalist id=\"test-datalist\"><option value=\"option 0\">option 0</option>
28
+ <option value=\"option 1\">option 1</option></datalist><span data-connect=\"{&quot;events&quot;:&quot;click&quot;,&quot;mode&quot;:&quot;remote&quot;,&quot;target&quot;:{&quot;selector&quot;:&quot;#test-datalist&quot;,&quot;url&quot;:&quot;/&quot;,&quot;data&quot;:[]}}\" class=\"btn-secondary ui-bibz-connect btn input-refresh-button\"><i class=\"glyph fas fa-sync-alt\"></i> </span></div>"
29
29
 
30
30
  assert_equal expected, actual
31
31
  end
32
32
 
33
33
  test 'auto_complete_field with prepend content' do
34
- options = options_for_select(2.times.map { |i| "option #{i}" })
34
+ options = options_for_select(Array.new(2) { |i| "option #{i}" })
35
35
  actual = UiBibz::Ui::Core::Forms::Texts::AutoCompleteField.new('test', { option_tags: options, prepend: 'Append content' }, { id: 'test' }).render
36
36
  expected = "<div class=\"input-group ui_surround_field\"><input type=\"text\" name=\"test\" id=\"test\" class=\"form-control auto-complete-field\" autocomplete=\"true\" list=\"test-datalist\" /><datalist id=\"test-datalist\"><option value=\"option 0\">option 0</option>
37
- <option value=\"option 1\">option 1</option></datalist><span class=\"input-group-addon\">Append content</span></div>"
37
+ <option value=\"option 1\">option 1</option></datalist><span class=\"input-group-text\">Append content</span></div>"
38
38
 
39
39
  assert_equal expected, actual
40
40
  end
@@ -12,14 +12,14 @@ class TextFieldTest < ActionView::TestCase
12
12
 
13
13
  test 'text_field with prepend and append' do
14
14
  actual = UiBibz::Ui::Core::Forms::Texts::TextField.new('test', append: '1', prepend: '2').render
15
- expected = '<div class="input-group ui_surround_field"><span class="input-group-addon">1</span><input type="text" name="test" id="test" class="form-control" /><span class="input-group-addon">2</span></div>'
15
+ expected = '<div class="input-group ui_surround_field"><span class="input-group-text">1</span><input type="text" name="test" id="test" class="form-control" /><span class="input-group-text">2</span></div>'
16
16
 
17
17
  assert_equal expected, actual
18
18
  end
19
19
 
20
20
  test 'text_field size' do
21
21
  actual = UiBibz::Ui::Core::Forms::Texts::TextField.new('test', size: :xs, append: '1', prepend: '2').render
22
- expected = '<div class="input-group-xs input-group ui_surround_field"><span class="input-group-addon">1</span><input type="text" name="test" id="test" class="form-control form-control-xs" /><span class="input-group-addon">2</span></div>'
22
+ expected = '<div class="input-group-xs input-group ui_surround_field"><span class="input-group-text">1</span><input type="text" name="test" id="test" class="form-control form-control-xs" /><span class="input-group-text">2</span></div>'
23
23
 
24
24
  assert_equal expected, actual
25
25
  end
@@ -7,7 +7,7 @@ class ColTest < ActionView::TestCase
7
7
 
8
8
  test 'col with options' do
9
9
  actual = ui_col('test', { num: 1, push: 2, offset: 3, pull: 4 }, { class: 'test' })
10
- expected = '<div class="test col-md-1 col-md-push-2 offset-md-3 col-md-pull-4">test</div>'
10
+ expected = '<div class="test col-1 col-push-2 offset-3 col-pull-4">test</div>'
11
11
 
12
12
  assert_equal expected, actual
13
13
  end
@@ -22,11 +22,20 @@ class ColTest < ActionView::TestCase
22
22
  end
23
23
 
24
24
  test 'col' do
25
- actual = ui_col do
25
+ actual = ui_col do
26
26
  'test'
27
27
  end
28
28
  expected = '<div class="col">test</div>'
29
29
 
30
30
  assert_equal expected, actual
31
31
  end
32
+
33
+ test 'col with integer in parameter' do
34
+ actual = ui_col 3 do
35
+ 'test'
36
+ end
37
+ expected = '<div class="col-3">test</div>'
38
+
39
+ assert_equal expected, actual
40
+ end
32
41
  end
@@ -5,10 +5,24 @@ require 'test_helper'
5
5
  class UiHelperTest < ActionView::TestCase
6
6
  include UiBibz::Helpers::Ui::CoreHelper
7
7
 
8
- test 'container' do
8
+ test 'fluid container' do
9
9
  actual = ui_container type: :fluid
10
10
  expected = '<div class="container-fluid"></div>'
11
11
 
12
12
  assert_equal expected, actual
13
13
  end
14
+
15
+ test 'normal container' do
16
+ actual = ui_container
17
+ expected = '<div class="container"></div>'
18
+
19
+ assert_equal expected, actual
20
+ end
21
+
22
+ test 'sized container' do
23
+ actual = ui_container size: :xl
24
+ expected = '<div class="container-xl"></div>'
25
+
26
+ assert_equal expected, actual
27
+ end
14
28
  end
@@ -14,11 +14,76 @@ class RowTest < ActionView::TestCase
14
14
  assert_equal expected, actual
15
15
  end
16
16
 
17
- test 'row form' do
18
- actual = ui_row(type: :form) do
17
+ test 'row with size' do
18
+ actual = ui_row(num: 2) do
19
19
  'test'
20
20
  end
21
- expected = '<div class="form-row">test</div>'
21
+ expected = '<div class="row row-cols-2">test</div>'
22
+
23
+ assert_equal expected, actual
24
+ end
25
+
26
+ test 'row with integer in parameter' do
27
+ actual = ui_row 2 do
28
+ 'test'
29
+ end
30
+ expected = '<div class="row row-cols-2">test</div>'
31
+
32
+ assert_equal expected, actual
33
+ end
34
+
35
+ test 'row with several sizes' do
36
+ actual = ui_row(md: { num: 4 }, xs: { num: 2 }) do
37
+ 'test'
38
+ end
39
+ expected = '<div class="row row-cols-md-4 row-cols-xs-2">test</div>'
40
+
41
+ assert_equal expected, actual
42
+ end
43
+
44
+ test 'row tapped' do
45
+ actual = ui_row(tap: true, class: 'test') do |row|
46
+ row.col do
47
+ 'test'
48
+ end
49
+ end
50
+ expected = "<div class=\"test row\"><div class=\"col\">test</div></div>"
51
+
52
+ assert_equal expected, actual
53
+ end
54
+
55
+ test 'row with col' do
56
+ actual = ui_row do
57
+ ui_col do
58
+ "Test"
59
+ end
60
+ end
61
+ expected = "<div class=\"row\"><div class=\"col\">Test</div></div>"
62
+
63
+ assert_equal expected, actual
64
+ end
65
+
66
+ test 'row with gutters' do
67
+ actual = ui_row(gutters: 6)
68
+ expected = "<div class=\"row g-6\"></div>"
69
+
70
+ assert_equal expected, actual
71
+ end
72
+
73
+ test 'row with complex gutters' do
74
+ actual = ui_row(gutters: { md: { num: 6 }, xs: { num: 3, position: :horizontal } })
75
+ expected = "<div class=\"row g-md-6 gx-xs-3\"></div>"
76
+
77
+ assert_equal expected, actual
78
+ end
79
+
80
+ test "toto" do
81
+ actual = ui_row do |row|
82
+ row.col do
83
+ 'Test'
84
+ end
85
+ end
86
+ expected = "<div class=\"row\"><div class=\"col\">Test</div></div>"
22
87
 
23
88
  assert_equal expected, actual
24
89
  end
@@ -8,7 +8,7 @@ class ListGroupTest < ActionView::TestCase
8
8
  test 'list_group with link' do
9
9
  actual = ui_list_group(tag_type: :a) do |lg|
10
10
  lg.list 'Momo', { status: :success, url: '#momo' }
11
- lg.list({ tap: true, active: true, url: '#state' }) do |l|
11
+ lg.list(active: true, url: '#state') do |l|
12
12
  l.header 'My title'
13
13
  l.body 'My body'
14
14
  end
@@ -6,7 +6,7 @@ class BreadcrumbTest < ActionView::TestCase
6
6
  include UiBibz::Helpers::Ui::CoreHelper
7
7
 
8
8
  test 'breadcrumb' do
9
- actual = ui_breadcrumb tap: true do |b|
9
+ actual = ui_breadcrumb do |b|
10
10
  b.link 'Home', url: '#home', glyph: 'home'
11
11
  b.link 'state', { url: '#state', state: :active }
12
12
  end
@@ -13,7 +13,7 @@ class LinkTest < ActionView::TestCase
13
13
 
14
14
  test 'Link without text' do
15
15
  actual = ui_link 'My link', glyph: 'gem', text: false, url: '#link'
16
- expected = '<a href="#link"><i class="glyph fas fa-gem"></i></a>'
16
+ expected = '<a href="#link"><i class="glyph fas fa-gem"></i><span class="empty-space"> </span></a>'
17
17
 
18
18
  assert_equal expected, actual
19
19
  end
@@ -10,7 +10,8 @@ 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"><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>'
13
+ expected = "<ul class=\"nav nav-tabs\"><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>"
14
+
14
15
  assert_equal expected, actual
15
16
  end
16
17
 
@@ -20,7 +21,7 @@ class NavTest < ActionView::TestCase
20
21
  n.link 'Profile', url: '#profile', selector: 'profile', label: 16
21
22
  n.link 'Messages', url: '#messages', selector: 'messages', state: :disabled
22
23
  end
23
- 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>'
24
+ expected = "<ul class=\"nav nav-pills\"><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=\"disabled nav-link\">Messages</a></li></ul>"
24
25
 
25
26
  assert_equal expected, actual
26
27
  end
@@ -31,7 +32,7 @@ class NavTest < ActionView::TestCase
31
32
  n.link 'Profile', url: '#profile', selector: 'profile', label: 16
32
33
  n.link 'Messages', url: '#messages', selector: 'messages', state: :disabled
33
34
  end
34
- 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>'
35
+ expected = "<ul class=\"nav justify-content-end\"><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=\"disabled nav-link\">Messages</a></li></ul>"
35
36
 
36
37
  assert_equal expected, actual
37
38
  end
@@ -42,7 +43,7 @@ class NavTest < ActionView::TestCase
42
43
  n.link 'Profile', url: '#profile', selector: 'profile', label: 16
43
44
  n.link 'Messages', url: '#messages', selector: 'messages', state: :disabled
44
45
  end
45
- 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>'
46
+ expected = "<ul class=\"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=\"disabled nav-link\">Messages</a></li></ul>"
46
47
 
47
48
  assert_equal expected, actual
48
49
  end
@@ -53,7 +54,18 @@ class NavTest < ActionView::TestCase
53
54
  n.link 'Profile', url: '#profile', selector: 'profile', label: 16
54
55
  n.link 'Messages', url: '#messages', selector: 'messages', state: :disabled
55
56
  end
56
- 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>'
57
+ expected = "<ul class=\"nav flex-column\"><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=\"disabled nav-link\">Messages</a></li></ul>"
58
+
59
+ assert_equal expected, actual
60
+ end
61
+
62
+ test 'list' do
63
+ actual = ui_nav(type: :list) do |n|
64
+ n.link 'Home', state: :active, url: '#Home', selector: 'home'
65
+ n.link 'Profile', url: '#profile', selector: 'profile', label: 16
66
+ n.link 'Messages', url: '#messages', selector: 'messages', state: :disabled
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>"
57
69
 
58
70
  assert_equal expected, actual
59
71
  end
@@ -3,17 +3,15 @@
3
3
  require 'test_helper'
4
4
  class NavbarTest < ActionView::TestCase
5
5
  test 'Navbar' do
6
- actual = UiBibz::Ui::Core::Navigations::Navbar.new.tap do |nb|
7
- end
8
- 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>"
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>"
9
8
 
10
9
  assert_equal expected, actual.render
11
10
  end
12
11
 
13
12
  test 'Navbar with options' do
14
- actual = UiBibz::Ui::Core::Navigations::Navbar.new(title: 'Brand', expand_size: :xs, status: :primary, position: :top, brand_position: :right).tap do |nb|
15
- end
16
- 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>"
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>"
17
15
 
18
16
  assert_equal expected, actual.render
19
17
  end
@@ -32,7 +30,7 @@ class NavbarTest < ActionView::TestCase
32
30
  end
33
31
  nb.text 'test'
34
32
  end
35
- 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>"
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>"
36
34
 
37
35
  assert_equal expected, actual.render
38
36
  end
@@ -44,7 +42,8 @@ class NavbarTest < ActionView::TestCase
44
42
  n.link 'Link', url: '#link'
45
43
  end
46
44
  end
47
- 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>"
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>"
48
47
 
49
48
  assert_equal expected, actual.render
50
49
  end