ui_bibz 2.0.0.alpha27 → 2.0.0.alpha28

data/lib/ui_bibz/version.rb

@@ -1,3 +1,3 @@
 module UiBibz
-  VERSION = "2.0.0.alpha27"
+  VERSION = "2.0.0.alpha28"
 end

data/test/ui/core/forms/buttons/button_choice_test.rb

@@ -0,0 +1,20 @@
+require 'test_helper'
+include UiBibz::Helpers
+
+class ButtonChoiceTest < ActionView::TestCase
+
+  test 'checkbox button checked' do
+    actual   = UiBibz::Ui::Core::Forms::Buttons::ButtonChoice.new('state', { state: :active }).render
+    expected = "<label class=\"active btn-primary btn\"><input type=\"checkbox\" autocomplete=\"off\" checked=\"checked\" />state</label>"
+
+    assert_equal expected, actual
+  end
+
+  test 'checkbox button non checked' do
+    actual   = UiBibz::Ui::Core::Forms::Buttons::ButtonChoice.new('state', { name: 'state', id: 'state', input_html_options: { class: 'state'}}).render
+    expected = "<label class=\"btn-primary btn\"><input type=\"checkbox\" autocomplete=\"off\" name=\"state\" id=\"state\" class=\"state\" />state</label>"
+
+    assert_equal expected, actual
+  end
+
+end

data/test/ui/{button_test.rb → core/forms/buttons/button_group_test.rb}

@@ -1,14 +1,7 @@
 require 'test_helper'
-
 include UiBibz::Helpers
-class ButtonTest < ActionView::TestCase
 
-  test "button" do
-    actual   = UiBibz::Ui::Core::Forms::Buttons::Button.new('state', status: :success).render
-    expected = "<button class=\"btn-success btn\">state</button>"
-
-    assert_equal expected, actual
-  end
+class ButtonGroupTest < ActionView::TestCase
 
   test 'button group' do
     actual = UiBibz::Ui::Core::Forms::Buttons::ButtonGroup.new position: :vertical do
@@ -19,34 +12,6 @@ class ButtonTest < ActionView::TestCase
     assert_equal expected, actual
   end
 
-  test 'link button' do
-    actual   = UiBibz::Ui::Core::Forms::Buttons::ButtonLink.new('state', { url: users_path, status: :danger, glyph: 'add'}).render
-    expected = "<a class=\"btn-danger btn\" href=\"/users\"><i class=\"glyph fa fa-add\"></i> state</a>"
-
-    assert_equal expected, actual
-  end
-
-  test 'button outline' do
-    actual   = UiBibz::Ui::Core::Forms::Buttons::Button.new('state', status: :success, outline: true).render
-    expected = "<button class=\"btn-outline-success btn\">state</button>"
-
-    assert_equal expected, actual
-  end
-
-  test 'checkbox button checked' do
-    actual   = UiBibz::Ui::Core::Forms::Buttons::ButtonChoice.new('state', { state: :active }).render
-    expected = "<label class=\"active btn-primary btn\"><input type=\"checkbox\" autocomplete=\"off\" checked=\"checked\" />state</label>"
-
-    assert_equal expected, actual
-  end
-
-  test 'checkbox button non checked' do
-    actual   = UiBibz::Ui::Core::Forms::Buttons::ButtonChoice.new('state', { name: 'state', id: 'state', input_html_options: { class: 'state'}}).render
-    expected = "<label class=\"btn-primary btn\"><input type=\"checkbox\" autocomplete=\"off\" name=\"state\" id=\"state\" class=\"state\" />state</label>"
-
-    assert_equal expected, actual
-  end
-
   test 'button group choice checkbox' do
     actual = UiBibz::Ui::Core::Forms::Buttons::ButtonGroup.new do
       concat UiBibz::Ui::Core::Forms::Buttons::ButtonChoice.new('state1').render

data/test/ui/core/forms/buttons/button_link_test.rb

@@ -0,0 +1,12 @@
+require 'test_helper'
+include UiBibz::Helpers
+
+class ButtonLinkTest < ActionView::TestCase
+
+  test 'link button' do
+    actual   = UiBibz::Ui::Core::Forms::Buttons::ButtonLink.new('state', { url: users_path, status: :danger, glyph: 'add'}).render
+    expected = "<a class=\"btn-danger btn\" href=\"/users\"><i class=\"glyph fa fa-add\"></i> state</a>"
+
+    assert_equal expected, actual
+  end
+end

data/test/ui/core/forms/buttons/button_refresh_test.rb

@@ -0,0 +1,13 @@
+require 'test_helper'
+include UiBibz::Helpers
+
+class ButtonRefreshTest < ActionView::TestCase
+
+  test "button" do
+    actual   = UiBibz::Ui::Core::Forms::Buttons::ButtonRefresh.new('state', status: :success, connect: { target: { url: '/'}}).render
+    expected = "<button 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-success ui-bibz-connect input-refresh-button btn\"><i class=\"glyph fa fa-refresh\"></i> state</button>"
+
+    assert_equal expected, actual
+  end
+
+end

data/test/ui/core/forms/buttons/button_test.rb

@@ -0,0 +1,19 @@
+require 'test_helper'
+include UiBibz::Helpers
+
+class ButtonTest < ActionView::TestCase
+
+  test "button" do
+    actual   = UiBibz::Ui::Core::Forms::Buttons::Button.new('state', status: :success).render
+    expected = "<button class=\"btn-success btn\">state</button>"
+
+    assert_equal expected, actual
+  end
+
+  test 'button outline' do
+    actual   = UiBibz::Ui::Core::Forms::Buttons::Button.new('state', status: :success, outline: true).render
+    expected = "<button class=\"btn-outline-success btn\">state</button>"
+
+    assert_equal expected, actual
+  end
+end

data/test/ui/core/forms/choices/checkbox_field_test.rb

@@ -0,0 +1,12 @@
+require 'test_helper'
+include UiBibz::Helpers
+
+class CheckboxFieldTest < ActionView::TestCase
+
+    test 'checkbox_field' do
+      actual = UiBibz::Ui::Core::Forms::Choices::CheckboxField.new('John', { value: 1, status: :primary, type: :circle }).render
+      expected = "<div class=\"abc-checkbox-primary checkbox abc-checkbox abc-checkbox-circle\"><input type=\"checkbox\" name=\"John\" id=\"John\" value=\"1\" class=\"styled\" /><label for=\"John\">John</label></div>"
+
+      assert_equal expected, actual
+    end              
+end

data/test/ui/core/forms/choices/radio_field_test.rb

@@ -0,0 +1,12 @@
+require 'test_helper'
+include UiBibz::Helpers
+
+class RadioFieldTest < ActionView::TestCase
+
+    test 'radio_field' do
+      actual = UiBibz::Ui::Core::Forms::Choices::RadioField.new('John', { value: 1, status: :primary, type: :square }).render
+      expected = "<div class=\"abc-checkbox-primary checkbox abc-checkbox\"><input type=\"radio\" name=\"John\" id=\"John_1\" value=\"1\" /><label for=\"John_1\">John</label></div>"
+
+      assert_equal expected, actual
+    end
+end              

data/test/ui/{input_switch_field_test.rb → core/forms/choices/switch_field_test.rb}

@@ -1,7 +1,7 @@
 require 'test_helper'
-
 include UiBibz::Helpers
-class ChoicesSwitchFieldTest < ActionView::TestCase
+
+class SwitchFieldTest < ActionView::TestCase
 
     # OK
     test 'switch_field size' do

data/test/ui/core/forms/dates/date_picker_field_test.rb

@@ -0,0 +1,19 @@
+require 'test_helper'
+include UiBibz::Helpers
+
+class DatePickerFieldTest < ActionView::TestCase
+
+    test "Date Picker Field" do
+      actual   = UiBibz::Ui::Core::Forms::Dates::DatePickerField.new(['date_1', 'date_2'], { append: 'a', prepend: 'b', range: 'u' }, { class: 'datepicker-test' }).render
+      expected = "<div class=\"input-group input-daterange\"><span class=\"input-group-addon\">a</span><input type=\"text\" name=\"date_1\" id=\"date_1\" class=\"datepicker-test date_picker form-control\" data-date-locale=\"en\" data-provide=\"datepicker\" data-date-format=\"dd/mm/yyyy\" data-date-today-btn=\"linked\" /><span class=\"input-group-addon input-group-range\">u</span><input type=\"text\" name=\"date_2\" id=\"date_2\" class=\"datepicker-test date_picker form-control\" data-date-locale=\"en\" data-provide=\"datepicker\" data-date-format=\"dd/mm/yyyy\" data-date-today-btn=\"linked\" /><span class=\"input-group-addon\">b</span></div>"
+
+      assert_equal expected, actual
+    end
+
+    test "Date Picker Field data html options" do
+      actual   = UiBibz::Ui::Core::Forms::Dates::DatePickerField.new('date', { today_highlight: true, calendar_weeks: true, autoclose: true, dates_disabled: ["11/01/2016", "12/01/2016"] }, { class: 'datepicker-test' }).render
+      expected = "<input type=\"text\" name=\"date\" id=\"date\" class=\"datepicker-test date_picker form-control\" data-date-locale=\"en\" data-provide=\"datepicker\" data-date-format=\"dd/mm/yyyy\" data-date-today-btn=\"linked\" data-date-today-highlight=\"true\" data-date-calendar-weeks=\"true\" data-date-autoclose=\"true\" data-dates-disabled=\"[&quot;11/01/2016&quot;,&quot;12/01/2016&quot;]\" />"
+
+      assert_equal expected, actual
+    end
+end

data/test/ui/core/forms/numbers/formula_field_test.rb

@@ -0,0 +1,12 @@
+require 'test_helper'
+include UiBibz::Helpers
+
+class FormulaFieldTest < ActionView::TestCase
+
+    test 'formula_field' do
+      actual = UiBibz::Ui::Core::Forms::Numbers::FormulaField.new('value').render
+      expected = "<div class=\"input-group formula_field\"><input type=\"text\" name=\"value_formula\" id=\"value_formula\" value=\"\" class=\"formula_field_input form-control\" /><span class=\"formula_field_sign input-group-addon\">=</span><input type=\"text\" name=\"value\" id=\"value\" readonly=\"readonly\" class=\"formula_field_result form-control\" /><span class=\"formula_field_alert input-group-addon\" data-toggle=\"tooltip\"><i class=\"glyph-danger glyph fa fa-exclamation-triangle\"></i></span></div>"
+
+      assert_equal expected, actual
+    end
+end

data/test/ui/{input_dropdown_select_field_test.rb → core/forms/selects/dropdown_select_field_test.rb}

@@ -1,9 +1,9 @@
 require 'test_helper'
 
 include UiBibz::Helpers
-class InputDropdownSelectFieldTest < ActionView::TestCase
+class DropdownSelectFieldTest < ActionView::TestCase
 
-    test 'dropdowm_select_field' do
+    test 'dropdown_select_field' do
       options  = options_for_select(2.times.map{ |i| "option #{i}" })
       actual = UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new('test', options_tags: options).render
       expected = "<select name=\"test\" id=\"test\" class=\"selectpicker\"></select>"
@@ -11,7 +11,7 @@ class InputDropdownSelectFieldTest < ActionView::TestCase
       assert_equal expected, actual
     end
 
-    test 'dropdowm_select_field searchable' do
+    test 'dropdown_select_field searchable' do
       options  = options_for_select(2.times.map{ |i| "option #{i}" })
       actual = UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new('test', { options_tags: options, searchable: true }).render
       expected = "<select name=\"test\" id=\"test\" data-live-search=\"true\" class=\"selectpicker\"></select>"
@@ -19,7 +19,7 @@ class InputDropdownSelectFieldTest < ActionView::TestCase
       assert_equal expected, actual
     end
 
-    test 'dropdowm_select_field max_options' do
+    test 'dropdown_select_field max_options' do
       options  = options_for_select(2.times.map{ |i| "option #{i}" })
       actual = UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new('test', { options_tags: options, max_options: 2 }).render
       expected = "<select name=\"test\" id=\"test\" data-max-options=\"2\" class=\"selectpicker\"></select>"
@@ -27,7 +27,7 @@ class InputDropdownSelectFieldTest < ActionView::TestCase
       assert_equal expected, actual
     end
 
-    test 'dropdowm_select_field selected_text_format' do
+    test 'dropdown_select_field selected_text_format' do
       options  = options_for_select(2.times.map{ |i| "option #{i}" })
       actual = UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new('test', { options_tags: options, selected_text_format: "count > x" }).render
       expected = "<select name=\"test\" id=\"test\" data-selected-text-format=\"count &gt; x\" class=\"selectpicker\"></select>"
@@ -35,7 +35,7 @@ class InputDropdownSelectFieldTest < ActionView::TestCase
       assert_equal expected, actual
     end
 
-    test 'dropdowm_select_field menu_size' do
+    test 'dropdown_select_field menu_size' do
       options  = options_for_select(2.times.map{ |i| "option #{i}" })
       actual = UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new('test', { options_tags: options, menu_size: 2 }).render
       expected = "<select name=\"test\" id=\"test\" data-size=\"2\" class=\"selectpicker\"></select>"
@@ -43,7 +43,7 @@ class InputDropdownSelectFieldTest < ActionView::TestCase
       assert_equal expected, actual
     end
 
-    test 'dropdowm_select_field actions_box' do
+    test 'dropdown_select_field actions_box' do
       options  = options_for_select(2.times.map{ |i| "option #{i}" })
       actual = UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new('test', { options_tags: options, actions_box: true }).render
       expected = "<select name=\"test\" id=\"test\" data-actions-box=\"true\" class=\"selectpicker\"></select>"
@@ -51,7 +51,7 @@ class InputDropdownSelectFieldTest < ActionView::TestCase
       assert_equal expected, actual
     end
 
-    test 'dropdowm_select_field show_tick' do
+    test 'dropdown_select_field show_tick' do
       options  = options_for_select(2.times.map{ |i| "option #{i}" })
       actual = UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new('test', { options_tags: options, show_tick: true }).render
       expected = "<select name=\"test\" id=\"test\" class=\"selectpicker show-tick\"></select>"
@@ -59,7 +59,7 @@ class InputDropdownSelectFieldTest < ActionView::TestCase
       assert_equal expected, actual
     end
 
-    test 'dropdowm_select_field show_menu_arrow' do
+    test 'dropdown_select_field show_menu_arrow' do
       options  = options_for_select(2.times.map{ |i| "option #{i}" })
       actual = UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new('test', { options_tags: options, show_menu_arrow: true }).render
       expected = "<select name=\"test\" id=\"test\" class=\"selectpicker show-menu-arrow\"></select>"
@@ -67,7 +67,7 @@ class InputDropdownSelectFieldTest < ActionView::TestCase
       assert_equal expected, actual
     end
 
-    test 'dropdowm_select_field dropup' do
+    test 'dropdown_select_field dropup' do
       options  = options_for_select(2.times.map{ |i| "option #{i}" })
       actual = UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new('test', { options_tags: options, dropup: true }).render
       expected = "<select name=\"test\" id=\"test\" class=\"selectpicker dropup\"></select>"
@@ -75,4 +75,10 @@ class InputDropdownSelectFieldTest < ActionView::TestCase
       assert_equal expected, actual
     end
 
+    test 'dropdown_select_field refresh' do
+      actual = UiBibz::Ui::Core::Forms::Selects::DropdownSelectField.new('test', { refresh: { mode: 'local', target: { data: [] }}}).render
+      expected = "<div class=\"input-group select-field-refresh\"><select name=\"test\" id=\"test\" class=\"selectpicker\"></select><span class=\"input-group-btn\"><button 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-primary ui-bibz-connect input-refresh-button btn\"><i class=\"glyph fa fa-refresh\"></i> </button></span></div>"
+
+      assert_equal expected, actual
+    end
 end

data/test/ui/core/forms/selects/multi_column_field_test.rb

@@ -0,0 +1,25 @@
+require 'test_helper'
+include UiBibz::Helpers
+
+class MultiColumnFieldTest < ActionView::TestCase
+
+    test "Multi Column Field" do
+      options  = options_for_select(2.times.map{ |i| "option #{i}" })
+      actual   = UiBibz::Ui::Core::Forms::Selects::MultiColumnField.new('example', option_tags: options).render
+      expected = "<select name=\"example[]\" id=\"example\" class=\"multi-column\" multiple=\"multiple\"><option value=\"option 0\">option 0</option>
+<option value=\"option 1\">option 1</option></select>"
+
+      assert_equal expected, actual
+    end
+
+    test "Multi Column Field data html options" do
+      grouped_options = { 'North America' => [['United statuss','US'], 'Canada'], 'Europe' => ['Denmark','Germany','France'] }
+      actual   = UiBibz::Ui::Core::Forms::Selects::MultiColumnField.new('example', { option_tags:  grouped_options_for_select(grouped_options), searchable: true, selectable_opt_group: true }).render
+      expected = "<select name=\"example[]\" id=\"example\" data-searchable=\"true\" data-selectable-optgroup=\"true\" class=\"multi-column\" multiple=\"multiple\"><optgroup label=\"North America\"><option value=\"US\">United statuss</option>
+<option value=\"Canada\">Canada</option></optgroup><optgroup label=\"Europe\"><option value=\"Denmark\">Denmark</option>
+<option value=\"Germany\">Germany</option>
+<option value=\"France\">France</option></optgroup></select>"
+
+      assert_equal expected, actual
+    end
+end

data/test/ui/core/forms/selects/multi_select_field_test.rb

@@ -0,0 +1,32 @@
+require 'test_helper'
+include UiBibz::Helpers
+
+class MultiSelectFieldTest < ActionView::TestCase
+
+    test "Multi Select Field" do
+      options  = options_for_select(2.times.map{ |i| "option #{i}" })
+      actual   = UiBibz::Ui::Core::Forms::Selects::MultiSelectField.new('example', option_tags: options).render
+      expected = "<select name=\"example[]\" id=\"example\" class=\"btn-secondary btn multi-select\" multiple=\"multiple\"><option value=\"option 0\">option 0</option>
+<option value=\"option 1\">option 1</option></select>"
+
+      assert_equal expected, actual
+    end
+
+    test "Multi Select Field data html options" do
+      grouped_options = { 'North America' => [['United statuss','US'], 'Canada'], 'Europe' => ['Denmark','Germany','France'] }
+      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_option: true, status: :danger }).render
+      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\" class=\"btn-danger btn multi-select\" multiple=\"multiple\"><optgroup label=\"North America\"><option value=\"US\">United statuss</option>
+<option value=\"Canada\">Canada</option></optgroup><optgroup label=\"Europe\"><option value=\"Denmark\">Denmark</option>
+<option value=\"Germany\">Germany</option>
+<option value=\"France\">France</option></optgroup></select>"
+
+      assert_equal expected, actual
+    end
+
+    test 'Multi select Field refresh option' do
+      actual = UiBibz::Ui::Core::Forms::Selects::MultiSelectField.new('test', { refresh: { target: { url: '/'}}}).render
+      expected = "<div class=\"input-group select-field-refresh\"><select name=\"test[]\" id=\"test\" class=\"btn-secondary btn multi-select\" multiple=\"multiple\"></select><span class=\"input-group-btn\"><button 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-primary ui-bibz-connect input-refresh-button btn\"><i class=\"glyph fa fa-refresh\"></i> </button></span></div>"
+
+      assert_equal expected, actual
+    end
+end

data/test/ui/core/forms/selects/select_field_test.rb

@@ -0,0 +1,22 @@
+require 'test_helper'
+include UiBibz::Helpers
+
+class SelectFieldTest < ActionView::TestCase
+
+    test "Select Field" do
+      options  = options_for_select(2.times.map{ |i| "option #{i}" })
+      actual   = UiBibz::Ui::Core::Forms::Selects::SelectField.new('example', option_tags: options).render
+      expected = "<select name=\"example\" id=\"example\" class=\"select-field form-control\"><option value=\"option 0\">option 0</option>
+<option value=\"option 1\">option 1</option></select>"
+
+      assert_equal expected, actual
+    end
+
+    test "Select Field refresh" do
+      actual   = UiBibz::Ui::Core::Forms::Selects::SelectField.new('example', refresh: { target: { url: '/' }}).render
+      expected = "<div class=\"input-group select-field-refresh\"><select name=\"example\" id=\"example\" class=\"select-field form-control\"></select><span class=\"input-group-btn\"><button 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-primary ui-bibz-connect input-refresh-button btn\"><i class=\"glyph fa fa-refresh\"></i> </button></span></div>"
+
+      assert_equal expected, actual
+    end
+
+end

data/test/ui/core/forms/textareas/markdown_editor_field_test.rb

@@ -0,0 +1,13 @@
+require 'test_helper'
+include UiBibz::Helpers
+
+class MarkdownEditorFieldTest < ActionView::TestCase
+
+    test 'markdown_editor' do
+      actual = UiBibz::Ui::Core::Forms::Textareas::MarkdownEditorField.new('comments').render
+      expected = "<textarea name=\"comments\" id=\"comments\" data-provide=\"markdown\" data-iconlibrary=\"fa\">
+</textarea>"
+
+      assert_equal expected, actual
+    end
+end

data/test/ui/core/forms/texts/autocomplete_field_test.rb

@@ -0,0 +1,14 @@
+require 'test_helper'
+include UiBibz::Helpers
+
+class AutocompleteFieldTest < ActionView::TestCase
+
+  test 'autocomplete_field' do
+    options  = options_for_select(2.times.map{ |i| "option #{i}" })
+    actual = UiBibz::Ui::Core::Forms::Texts::AutocompleteField.new('test', { option_tags: options }, { id: 'test' }).render
+    expected = "<input type=\"text\" name=\"test\" id=\"test\" class=\"form-control\" autocomplete=\"true\" list=\"test-datalist\" /><datalist id=\"test-datalist\"><option value=\"option 0\">option 0</option>
+<option value=\"option 1\">option 1</option></datalist>"
+
+    assert_equal expected, actual
+  end
+end

data/test/ui/core/forms/texts/surround_field_test.rb

@@ -0,0 +1,26 @@
+require 'test_helper'
+include UiBibz::Helpers
+
+class SurroundFieldTest < ActionView::TestCase
+
+    test 'surround_field without prepend and append' do
+      actual = UiBibz::Ui::Core::Forms::Texts::SurroundField.new('test').render
+      expected = "<input type=\"text\" name=\"test\" id=\"test\" class=\"form-control\" />"
+
+      assert_equal expected, actual
+    end
+
+    test 'surround_field with prepend and append' do
+      actual = UiBibz::Ui::Core::Forms::Texts::SurroundField.new('test', append: '1', prepend: '2').render
+      expected = "<div class=\"input-group\"><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>"
+
+      assert_equal expected, actual
+    end
+
+    test 'surround_field size' do
+      actual = UiBibz::Ui::Core::Forms::Texts::SurroundField.new('test', size: :xs, append: '1', prepend: '2').render
+      expected = "<div class=\"input-group input-group-xs\"><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>"
+
+      assert_equal expected, actual
+    end
+end