comfy_bootstrap_form 4.0.0.beta1 → 4.0.0.beta2

data/test/bootstrap_form/form_builder_test.rb

@@ -0,0 +1,49 @@
+require_relative "../test_helper"
+
+class FormBuilderTest < ActionView::TestCase
+
+  def test_initialization
+    builder = BootstrapForm::FormBuilder.new(nil, nil, self, {})
+
+    assert_equal "default",       builder.bootstrap.layout
+    assert_equal "col-sm-2",      builder.bootstrap.label_col_class
+    assert_equal "col-sm-10",     builder.bootstrap.control_col_class
+    assert_equal "text-sm-right", builder.bootstrap.label_align_class
+    assert_equal "mr-sm-2",       builder.bootstrap.inline_margin_class
+
+    refute builder.bootstrap.horizontal?
+
+    assert_equal "offset-sm-2", builder.bootstrap.offset_col_class
+  end
+
+  def test_initialization_with_options
+    builder = BootstrapForm::FormBuilder.new(nil, nil, self, {
+      skip_default_ids: true,
+      bootstrap: {
+        layout:               "horizontal",
+        label_col_class:      "col-md-2",
+        control_col_class:    "col-md-10",
+        label_align_class:    "text-md-right",
+        inline_margin_class:  "mr-sm-2 mb-sm-2"
+      }
+    })
+
+    assert_equal "horizontal",      builder.bootstrap.layout
+    assert_equal "col-md-2",        builder.bootstrap.label_col_class
+    assert_equal "col-md-10",       builder.bootstrap.control_col_class
+    assert_equal "text-md-right",   builder.bootstrap.label_align_class
+    assert_equal "mr-sm-2 mb-sm-2", builder.bootstrap.inline_margin_class
+
+    assert builder.bootstrap.horizontal?
+
+    assert_equal "offset-md-2", builder.bootstrap.offset_col_class
+  end
+
+  def test_initialization_for_inline
+    builder = BootstrapForm::FormBuilder.new(nil, nil, self, {
+      bootstrap: {layout: :inline}
+    })
+    assert builder.bootstrap.inline?
+  end
+
+end

data/test/bootstrap_form/horizontal_form_test.rb

@@ -0,0 +1,159 @@
+require_relative "../test_helper"
+
+class HorizontalFormTest < ActionView::TestCase
+
+  setup do
+    @user     = User.new
+    @builder  = BootstrapForm::FormBuilder.new(:user, @user, self, {bootstrap: {layout: :horizontal}})
+  end
+
+  def test_text_field
+    actual = @builder.text_field(:email)
+    expected = <<-HTML
+      <div class="form-group row">
+        <label class="col-form-label col-sm-2 text-sm-right" for="user_email">Email</label>
+        <div class="col-sm-10">
+          <input class="form-control" type="text" name="user[email]" id="user_email" />
+        </div>
+      </div>
+    HTML
+    assert_xml_equal expected, actual
+  end
+
+  def test_text_field_with_no_label
+    actual = @builder.text_field(:email, bootstrap: {label: {hide: true}})
+    expected = <<-HTML
+      <div class="form-group row">
+        <label class="sr-only col-form-label col-sm-2 text-sm-right" for="user_email">Email</label>
+        <div class="col-sm-10 offset-sm-2">
+          <input class="form-control" type="text" name="user[email]" id="user_email" />
+        </div>
+      </div>
+    HTML
+    assert_xml_equal expected, actual
+  end
+
+  def test_check_box
+    actual = @builder.check_box(:terms)
+    expected = <<-HTML
+      <fieldset class="form-group row">
+        <div class="col-sm-10 offset-sm-2">
+          <div class="form-check">
+            <input name="user[terms]" type="hidden" value="0"/>
+            <input class="form-check-input" id="user_terms" name="user[terms]" type="checkbox" value="1"/>
+            <label class="form-check-label" for="user_terms">Terms</label>
+          </div>
+        </div>
+      </fieldset>
+    HTML
+    assert_xml_equal expected, actual
+  end
+
+  def test_collection_radio_buttons
+    actual = @builder.collection_radio_buttons(:test, ["a", "b"], :to_s, :titleize)
+    expected = <<-HTML
+      <fieldset class="form-group">
+        <div class="row">
+          <legend class="col-form-label pt-0 col-sm-2 text-sm-right">Test</legend>
+          <div class="col-sm-10">
+            <div class="form-check">
+              <input class="form-check-input" id="user_test_a" name="user[test]" type="radio" value="a"/>
+              <label class="form-check-label" for="user_test_a">A</label>
+            </div>
+            <div class="form-check">
+              <input class="form-check-input" id="user_test_b" name="user[test]" type="radio" value="b"/>
+              <label class="form-check-label" for="user_test_b">B</label>
+            </div>
+          </div>
+        </div>
+      </fieldset>
+    HTML
+    assert_xml_equal expected, actual
+  end
+
+  def test_collection_check_boxes_with_no_label
+    actual = @builder.collection_check_boxes(:test, ["a", "b"], :to_s, :titleize, bootstrap: {label: {hide: true}})
+    expected = <<-HTML
+      <input id="user_test" multiple="multiple" name="user[test][]" type="hidden" value=""/>
+      <fieldset class="form-group">
+        <div class="row">
+          <div class="col-sm-10 offset-sm-2">
+            <div class="form-check">
+              <input class="form-check-input" id="user_test_a" name="user[test][]" type="checkbox" value="a"/>
+              <label class="form-check-label" for="user_test_a">A</label>
+            </div>
+            <div class="form-check">
+              <input class="form-check-input" id="user_test_b" name="user[test][]" type="checkbox" value="b"/>
+              <label class="form-check-label" for="user_test_b">B</label>
+            </div>
+          </div>
+        </div>
+      </fieldset>
+    HTML
+    assert_xml_equal expected, actual
+  end
+
+  def test_submit
+    actual = @builder.submit
+    expected = <<-HTML
+      <div class="form-group row">
+        <div class="col-sm-10 offset-sm-2">
+          <input class="btn" data-disable-with="Create User" name="commit" type="submit" value="Create User"/>
+        </div>
+      </div>
+    HTML
+    assert_xml_equal expected, actual
+  end
+
+  def test_input_group_with_options
+    actual = @builder.text_field(:test, bootstrap: {
+      prepend:  "prepend",
+      append:   "append",
+      help:     "help me"
+    })
+    expected = <<-HTML
+      <div class="form-group row">
+        <label class="col-form-label col-sm-2 text-sm-right" for="user_test">Test</label>
+        <div class="col-sm-10">
+          <div class="input-group">
+            <div class="input-group-prepend">
+              <span class="input-group-text">prepend</span>
+            </div>
+            <input class="form-control" id="user_test" name="user[test]" type="text"/>
+            <div class="input-group-append">
+              <span class="input-group-text">append</span>
+            </div>
+            <small class="form-text text-muted">help me</small>
+          </div>
+        </div>
+      </div>
+    HTML
+    assert_xml_equal expected, actual
+  end
+
+  def test_form_group
+    actual = @builder.form_group do
+      "test"
+    end
+    expected = <<-HTML
+      <div class="form-group row">
+        <div class="col-sm-10 offset-sm-2">test</div>
+      </div>
+    HTML
+    assert_xml_equal expected, actual
+  end
+
+  def test_form_group_with_label
+    actual = @builder.form_group(bootstrap: {label: {text: "Test"}}) do
+      "test"
+    end
+    expected = <<-HTML
+      <div class="form-group row">
+        <label class="col-form-label col-sm-2 text-sm-right">Test</label>
+        <div class="col-sm-10">test</div>
+      </div>
+    HTML
+    assert_xml_equal expected, actual
+  end
+
+end

data/test/bootstrap_form/inline_form_test.rb

@@ -0,0 +1,68 @@
+require_relative "../test_helper"
+
+class InlineFormTest < ActionView::TestCase
+
+  setup do
+    @user     = User.new
+    @builder  = BootstrapForm::FormBuilder.new(:user, @user, self, {bootstrap: {layout: :inline}})
+  end
+
+  def test_text_field
+    actual = @builder.text_field(:email)
+    expected = <<-HTML
+      <div class="form-group mr-sm-2">
+        <label class="mr-sm-2" for="user_email">Email</label>
+        <input class="form-control" id="user_email" name="user[email]" type="text"/>
+      </div>
+    HTML
+    assert_xml_equal expected, actual
+  end
+
+  def test_check_box
+    actual = @builder.check_box(:terms)
+    expected = <<-HTML
+      <fieldset class="form-group mr-sm-2">
+        <div class="form-check">
+          <input name="user[terms]" type="hidden" value="0"/>
+          <input class="form-check-input" id="user_terms" name="user[terms]" type="checkbox" value="1"/>
+          <label class="form-check-label" for="user_terms">Terms</label>
+        </div>
+      </fieldset>
+    HTML
+    assert_xml_equal expected, actual
+  end
+
+  def test_submit
+    actual = @builder.submit
+    expected = <<-HTML
+      <div class="form-group">
+        <input class="btn" data-disable-with="Create User" name="commit" type="submit" value="Create User"/>
+      </div>
+    HTML
+    assert_xml_equal expected, actual
+  end
+
+  def test_form_group
+    actual = @builder.form_group do
+      "test"
+    end
+    expected = <<-HTML
+      <div class="form-group mr-sm-2">test</div>
+    HTML
+    assert_xml_equal expected, actual
+  end
+
+  def test_form_group_with_label
+    actual = @builder.form_group(bootstrap: {label: {text: "Test"}}) do
+      "test"
+    end
+    expected = <<-HTML
+      <div class="form-group mr-sm-2">
+        <label class="mr-sm-2">Test</label>
+        test
+      </div>
+    HTML
+    assert_xml_equal expected, actual
+  end
+
+end

data/test/bootstrap_form/input_group_test.rb

@@ -0,0 +1,53 @@
+require_relative "../test_helper"
+
+class InputGroupTest < ActionView::TestCase
+
+  setup do
+    @user     = User.new
+    @builder  = BootstrapForm::FormBuilder.new(:user, @user, self, {})
+  end
+
+  def test_input_group
+    actual = @builder.text_field(:test, bootstrap: {
+      prepend: "prepend", append: "append"
+    })
+    expected = <<-HTML
+      <div class="form-group">
+        <label for="user_test">Test</label>
+        <div class="input-group">
+          <div class="input-group-prepend">
+            <span class="input-group-text">prepend</span>
+          </div>
+          <input class="form-control" id="user_test" name="user[test]" type="text"/>
+          <div class="input-group-append">
+            <span class="input-group-text">append</span>
+          </div>
+        </div>
+      </div>
+    HTML
+    assert_xml_equal expected, actual
+  end
+
+  def test_input_group_with_html
+    actual = @builder.text_field(:test, bootstrap: {
+      prepend: {html: "<button>Go</button>".html_safe},
+      append: {html: "<button>Stop</button>".html_safe}
+    })
+    expected = <<-HTML
+      <div class="form-group">
+        <label for="user_test">Test</label>
+        <div class="input-group">
+          <div class="input-group-prepend">
+            <button>Go</button>
+          </div>
+          <input class="form-control" id="user_test" name="user[test]" type="text"/>
+          <div class="input-group-append">
+            <button>Stop</button>
+          </div>
+        </div>
+      </div>
+    HTML
+    assert_xml_equal expected, actual
+  end
+
+end

data/test/bootstrap_form/radios_and_checkboxes_test.rb

@@ -0,0 +1,208 @@
+require_relative "../test_helper"
+
+class RadiosAndCheckboxessTest < ActionView::TestCase
+
+  setup do
+    @user     = User.new
+    @builder  = BootstrapForm::FormBuilder.new(:user, @user, self, {})
+  end
+
+  def test_checkbox
+    actual = @builder.check_box(:test)
+    expected = <<-HTML
+      <fieldset class="form-group">
+        <div class="form-check">
+          <input name="user[test]" type="hidden" value="0"/>
+          <input class="form-check-input" id="user_test" name="user[test]" type="checkbox" value="1"/>
+          <label class="form-check-label" for="user_test">Test</label>
+        </div>
+      </fieldset>
+    HTML
+    assert_xml_equal expected, actual
+  end
+
+  def test_checkbox_with_label
+    actual = @builder.check_box(:test, bootstrap: {label: {text: "Custom"}})
+    expected = <<-HTML
+      <fieldset class="form-group">
+        <div class="form-check">
+          <input name="user[test]" type="hidden" value="0"/>
+          <input class="form-check-input" id="user_test" name="user[test]" type="checkbox" value="1"/>
+          <label class="form-check-label" for="user_test">Custom</label>
+        </div>
+      </fieldset>
+    HTML
+    assert_xml_equal expected, actual
+  end
+
+  def test_checkbox_with_help
+    actual = @builder.check_box(:test, bootstrap: {help: "help me"})
+    expected = <<-HTML
+      <fieldset class="form-group">
+        <div class="form-check">
+          <input name="user[test]" type="hidden" value="0"/>
+          <input class="form-check-input" id="user_test" name="user[test]" type="checkbox" value="1"/>
+          <label class="form-check-label" for="user_test">Test</label>
+          <small class="form-text text-muted">help me</small>
+        </div>
+      </fieldset>
+    HTML
+    assert_xml_equal expected, actual
+  end
+
+  def test_collection_check_boxes
+    actual = @builder.collection_check_boxes(:test, ["a", "b"], :to_s, :titleize)
+    expected = <<-HTML
+      <input id="user_test" multiple="multiple" name="user[test][]" type="hidden" value=""/>
+      <fieldset class="form-group">
+        <legend class="col-form-label pt-0">Test</legend>
+        <div class="form-check">
+          <input class="form-check-input" id="user_test_a" name="user[test][]" type="checkbox" value="a"/>
+          <label class="form-check-label" for="user_test_a">A</label>
+        </div>
+        <div class="form-check">
+          <input class="form-check-input" id="user_test_b" name="user[test][]" type="checkbox" value="b"/>
+          <label class="form-check-label" for="user_test_b">B</label>
+        </div>
+      </fieldset>
+    HTML
+    assert_xml_equal expected, actual
+  end
+
+  def test_collection_checkboxes_without_hidden_field
+    actual = @builder.collection_check_boxes(:test, ["a", "b"], :to_s, :titleize, include_hidden: false)
+    expected = <<-HTML
+      <fieldset class="form-group">
+        <legend class="col-form-label pt-0">Test</legend>
+        <div class="form-check">
+          <input class="form-check-input" id="user_test_a" name="user[test][]" type="checkbox" value="a"/>
+          <label class="form-check-label" for="user_test_a">A</label>
+        </div>
+        <div class="form-check">
+          <input class="form-check-input" id="user_test_b" name="user[test][]" type="checkbox" value="b"/>
+          <label class="form-check-label" for="user_test_b">B</label>
+        </div>
+      </fieldset>
+    HTML
+    assert_xml_equal expected, actual
+  end
+
+  def test_radio_buttons
+    actual = @builder.collection_radio_buttons(:test, ["a", "b"], :to_s, :titleize)
+    expected = <<-HTML
+      <fieldset class="form-group">
+        <legend class="col-form-label pt-0">Test</legend>
+        <div class="form-check">
+          <input class="form-check-input" id="user_test_a" name="user[test]" type="radio" value="a"/>
+          <label class="form-check-label" for="user_test_a">A</label>
+        </div>
+        <div class="form-check">
+          <input class="form-check-input" id="user_test_b" name="user[test]" type="radio" value="b"/>
+          <label class="form-check-label" for="user_test_b">B</label>
+        </div>
+      </fieldset>
+    HTML
+    assert_xml_equal expected, actual
+  end
+
+  def test_radio_buttons_inline
+    actual = @builder.collection_radio_buttons(:test, ["a", "b"], :to_s, :titleize, bootstrap: {
+      inline: true
+    })
+    expected = <<-HTML
+      <fieldset class="form-group">
+        <legend class="col-form-label pt-0">Test</legend>
+        <div class="form-check form-check-inline">
+          <input class="form-check-input" id="user_test_a" name="user[test]" type="radio" value="a"/>
+          <label class="form-check-label" for="user_test_a">A</label>
+        </div>
+        <div class="form-check form-check-inline">
+          <input class="form-check-input" id="user_test_b" name="user[test]" type="radio" value="b"/>
+          <label class="form-check-label" for="user_test_b">B</label>
+        </div>
+      </fieldset>
+    HTML
+    assert_xml_equal expected, actual
+  end
+
+  def test_radio_buttons_custom_label
+    actual = @builder.collection_radio_buttons(:test, ["a", "b"], :to_s, :titleize, bootstrap: {
+      label: {text: "Custom"}
+    })
+    expected = <<-HTML
+      <fieldset class="form-group">
+        <legend class="col-form-label pt-0">Custom</legend>
+        <div class="form-check">
+          <input class="form-check-input" id="user_test_a" name="user[test]" type="radio" value="a"/>
+          <label class="form-check-label" for="user_test_a">A</label>
+        </div>
+        <div class="form-check">
+          <input class="form-check-input" id="user_test_b" name="user[test]" type="radio" value="b"/>
+          <label class="form-check-label" for="user_test_b">B</label>
+        </div>
+      </fieldset>
+    HTML
+    assert_xml_equal expected, actual
+  end
+
+  def test_radio_buttons_no_label
+    actual = @builder.collection_radio_buttons(:test, ["a", "b"], :to_s, :titleize, bootstrap: {
+      label: {hide: true}
+    })
+    expected = <<-HTML
+      <fieldset class="form-group">
+        <div class="form-check">
+          <input class="form-check-input" id="user_test_a" name="user[test]" type="radio" value="a"/>
+          <label class="form-check-label" for="user_test_a">A</label>
+        </div>
+        <div class="form-check">
+          <input class="form-check-input" id="user_test_b" name="user[test]" type="radio" value="b"/>
+          <label class="form-check-label" for="user_test_b">B</label>
+        </div>
+      </fieldset>
+    HTML
+    assert_xml_equal expected, actual
+  end
+
+  def test_radio_buttons_with_help
+    actual = @builder.collection_radio_buttons(:test, ["a", "b"], :to_s, :titleize, bootstrap: {
+      help: "help me"
+    })
+    expected = <<-HTML
+      <fieldset class="form-group">
+        <legend class="col-form-label pt-0">Test</legend>
+        <div class="form-check">
+          <input class="form-check-input" id="user_test_a" name="user[test]" type="radio" value="a"/>
+          <label class="form-check-label" for="user_test_a">A</label>
+        </div>
+        <div class="form-check">
+          <input class="form-check-input" id="user_test_b" name="user[test]" type="radio" value="b"/>
+          <label class="form-check-label" for="user_test_b">B</label>
+          <small class="form-text text-muted">help me</small>
+        </div>
+      </fieldset>
+    HTML
+    assert_xml_equal expected, actual
+  end
+
+  def test_radio_buttons_with_inline_help
+    actual = @builder.collection_radio_buttons(:test, ["a", "b"], :to_s, :titleize, bootstrap: {
+      inline: true, help: "help me"
+    })
+    expected = <<-HTML
+      <fieldset class="form-group">
+        <legend class="col-form-label pt-0">Test</legend>
+        <div class="form-check form-check-inline">
+          <input class="form-check-input" id="user_test_a" name="user[test]" type="radio" value="a"/>
+          <label class="form-check-label" for="user_test_a">A</label>
+        </div>
+        <div class="form-check form-check-inline">
+          <input class="form-check-input" id="user_test_b" name="user[test]" type="radio" value="b"/>
+          <label class="form-check-label" for="user_test_b">B</label>
+        </div>
+        <small class="form-text text-muted">help me</small>
+      </fieldset>
+    HTML
+    assert_xml_equal expected, actual
+  end
+end