rails-bootstrap-helpers 0.0.1 → 0.1.0

data/spec/helpers/accordion_helper_spec.rb

@@ -0,0 +1,35 @@
+require "spec_helper"
+
+describe RailsBootstrapHelpers::Helpers::AccordionHelper do
+  describe "accordion" do
+    it "should render an accordion" do
+      expected_html = <<-eos
+<div class="accordion" id="foo">
+  <div class="accordion-group">
+    <div class="accordion-heading">
+      <a class="accordion-toggle" data-parent="#foo.accordion" data-toggle="collapse" href="#foo.accordion .accordion-group:nth-child(1) .accordion-body.collapse">
+        bar
+      </a>
+    </div>
+
+    <div class="accordion-body collapse">
+      <div class="accordion-inner">
+        content
+      </div>
+    </div>
+  </div>
+</div>
+      eos
+
+      expected_html = expected_html.gsub(/^\s+/, "").gsub("\n", "")
+
+      html = accordion "foo" do |a|
+        a.group "bar" do
+          "content"
+        end
+      end
+
+      html.should == expected_html
+    end
+  end
+end

data/spec/helpers/alert_helper_spec.rb

@@ -5,15 +5,19 @@ describe RailsBootstrapHelpers::Helpers::AlertHelper do
     it { should render_bs_alert("foo") }
 
     context "with type" do
-      it { should render_bs_alert("foo").with_type(:error) }
-      it { should render_bs_alert("foo").with_type(:success) }
-      it { should render_bs_alert("foo").with_type(:info) }
-      it { should render_bs_alert("foo").with_type(:warning) }
-      it { should render_bs_alert("foo").with_type(:default) }
-      it { should render_bs_alert("foo").with_type(:notice).as_class(:success) }
+      it { should render_bs_alert("foo").with_style(:error) }
+      it { should render_bs_alert("foo").with_style(:success) }
+      it { should render_bs_alert("foo").with_style(:info) }
+      it { should render_bs_alert("foo").with_style(:warning) }
+      it { should render_bs_alert("foo").with_style(:default) }
+      it { should render_bs_alert("foo").with_style(:notice).as_class(:success) }
 
       context "custom" do
-        it { should render_bs_alert("foo").with_type(:bar) }
+        it { should render_bs_alert("foo").with_style(:bar) }
+      end
+
+      context "deprecated options" do
+        it { should render_bs_alert("foo").with_type(:error) }
       end
     end
 

data/spec/helpers/base_helper_spec.rb

@@ -14,5 +14,49 @@ describe RailsBootstrapHelpers::Helpers::BaseHelper do
       it { should render_icon(:foo) }
       it { should render_icon("bar") }
     end
+
+    context "with class" do
+      it { should render_icon(:edit).with_class("bar") }
+      it { should render_icon("remove").with_class("bar") }
+      it { should render_icon(:edit).inverted(true).with_class("bar") }
+    end
+  end
+
+  describe "iconic_icon" do
+    it { should render_iconic_icon(:check) }
+    it { should render_iconic_icon("clock") }
+
+    context "custom icons" do
+      it { should render_iconic_icon(:foo) }
+      it { should render_iconic_icon("bar") }
+    end
+
+    context "with color" do
+      it { should render_iconic_icon(:check).with_color(:blue) }
+      it { should render_iconic_icon(:check).with_color('#fff') }
+    end
+
+    context "with size" do
+      it { should render_iconic_icon(:check).with_size(10) }
+      it { should render_iconic_icon(:check).with_size("10") }
+      it { should render_iconic_icon(:check).with_size("10px") }
+      it { should render_iconic_icon(:check).with_size("1em") }
+    end
+
+    context "with Bootstrap style" do
+      it { should render_iconic_icon(:check).with_bs_style(:muted) }
+      it { should render_iconic_icon(:check).with_bs_style(:success) }
+      it { should render_iconic_icon(:check).with_bs_style(:foo) }
+    end
+
+    context "with action link style" do
+      it { should render_iconic_icon(:check).with_action_style(:default) }
+      it { should render_iconic_icon(:check).with_action_style(:success) }
+      it { should render_iconic_icon(:check).with_action_style(:foo) }
+    end
+
+    context "with tooltip" do
+      it { should render_iconic_icon(:check).with_tooltip("foo") }
+    end
   end
 end

data/spec/helpers/button_helper_spec.rb

@@ -1,6 +1,12 @@
 require "spec_helper"
 
 describe RailsBootstrapHelpers::Helpers::ButtonHelper do
+  let(:html_attributes) do
+    attributes.map{ |k, v| "#{k}=\"#{v}\"" }.join(" ")
+  end
+
+  let(:html) { "<a #{html_attributes}>foo</a>" }
+
   describe "bs_button_to" do
     context "with url" do
       it { should render_bs_button_to("foo").to("bar") }
@@ -41,6 +47,15 @@ describe RailsBootstrapHelpers::Helpers::ButtonHelper do
       it { should render_bs_button_to("foo").with_icon_position(:left) }
       it { should render_bs_button_to("foo").with_icon_position(:right) }
     end
+
+    context "with custom class attribute" do
+      it { should render_bs_button_to("foo").with_class("bar") }
+    end
+
+    context "with tooltip" do
+      it { should render_bs_button_to("foo").with_tooltip("asd") }
+      it { should render_bs_button_to("foo").with_tooltip("asd").with_tooltip_position(:left) }
+    end
   end
 
   describe "bs_inline_button_to" do
@@ -64,20 +79,12 @@ describe RailsBootstrapHelpers::Helpers::ButtonHelper do
       }
     end
 
-    let(:html_attributes) do
-      attributes.map{ |k, v| "#{k}=\"#{v}\"" }.join(" ")
-    end
-
     it "should render a button with a popover" do
-      html = "<a #{html_attributes}>foo</a>"
-
       helper.bs_popover_button("foo", "bar").should == html
     end
 
     context "render popover using block" do
       it "should render a button with a popover" do
-        html = "<a #{html_attributes}>foo</a>"
-
         helper.bs_popover_button("foo") { "bar" }.should == html
       end
     end
@@ -85,10 +92,208 @@ describe RailsBootstrapHelpers::Helpers::ButtonHelper do
     context "with custom placement" do
       it "should render a button with a popover" do
         attributes[:"data-placement"] = "top"
-        html = "<a #{html_attributes}>foo</a>"
+        helper.bs_popover_button("foo", "bar", position: "top").should == html
+      end
+    end
 
+    context "with deprecated options" do
+      it "should render a button with a popover" do
+        attributes[:"data-placement"] = "top"
         helper.bs_popover_button("foo", "bar", placement: "top").should == html
       end
     end
   end
+
+  describe "bs_collapsible_button" do
+    let(:attributes) do
+      {
+        class: "btn",
+        :"data-target" => "bar",
+        :"data-toggle" => "collapse",
+        name: "button",
+        type: "button"
+      }
+    end
+
+    let(:html) { "<button #{html_attributes}>foo</button>" }
+
+    it "should render a button with a collapsible" do
+      helper.bs_collapsible_button("foo", "bar").should == html
+    end
+
+    context "with style" do
+      it "should render a collapsible button with the proper style" do
+        attributes[:class] = "btn btn-primary"
+        helper.bs_collapsible_button("foo", "bar", style: "primary").should == html
+      end
+    end
+  end
+
+  describe "button_group" do
+    it "should render a button group" do
+      content = helper.button_group do
+        "asd"
+      end
+
+      content.should == '<div class="btn-group">asd</div>'
+    end
+
+    context "vertical button group" do
+      it "should render a vertical button group" do
+        content = helper.button_group vertical: true do
+          "asd"
+        end
+
+        content.should == '<div class="btn-group btn-group-vertical">asd</div>'
+      end
+    end
+
+    context "toolbar button group" do
+      it "should render a toolbar button group" do
+        content = helper.button_group toolbar: true do
+          "asd"
+        end
+
+        content.should == '<div class="btn-toolbar">asd</div>'
+      end
+    end
+  end
+
+  describe "bs_dropdown_button_to" do
+    let(:expected_html) do
+      html = <<-eos
+<div class="btn-group">
+  <button class="dropdown-toggle btn" data-toggle="dropdown" name="button">
+    foo <span class="caret"></span>
+  </button>
+  <ul class="dropdown-menu">
+    <li><a href="http://www.google.com">bar</a></li>
+    <li><a href="http://www.wikipedia.org">baz</a></li>
+  </ul>
+</div>
+  eos
+
+      strip_expected(html)
+    end
+
+    it "should render a dropdown button" do
+      html = bs_dropdown_button_to "foo" do
+        content_tag(:li, link_to("bar", "http://www.google.com")) +
+        content_tag(:li, link_to("baz", "http://www.wikipedia.org"))
+      end
+
+      strip(html).should == expected_html
+    end
+
+    context "with link" do
+      let(:expected_html) do
+        html = <<-eos
+<div class="btn-group">
+  <a href="https://github.com" class="btn">foo</a>
+  <button class="dropdown-toggle btn" data-toggle="dropdown" name="button">
+    <span class="caret"></span>
+  </button>
+  <ul class="dropdown-menu">
+    <li><a href="http://www.google.com">bar</a></li>
+    <li><a href="http://www.wikipedia.org">baz</a></li>
+  </ul>
+</div>
+  eos
+
+        strip_expected(html)
+      end
+
+      it "should render a split dropdown button" do
+        html = bs_dropdown_button_to "foo", "https://github.com" do
+          content_tag(:li, link_to("bar", "http://www.google.com")) +
+          content_tag(:li, link_to("baz", "http://www.wikipedia.org"))
+        end
+
+        strip(html).should == expected_html
+      end
+    end
+
+    context "with icon" do
+      let(:expected_html) do
+        html = <<-eos
+  <div class="btn-group">
+    <button class="dropdown-toggle btn" data-toggle="dropdown" name="button">
+      <i class="icon-search"></i> foo <span class="caret"></span>
+    </button>
+    <ul class="dropdown-menu">
+      <li><a href="http://www.google.com">bar</a></li>
+      <li><a href="http://www.wikipedia.org">baz</a></li>
+    </ul>
+  </div>
+    eos
+
+        strip_expected(html)
+      end
+
+      it "should render a dropdown button with an icon" do
+        html = bs_dropdown_button_to "foo", icon: "search" do
+          content_tag(:li, link_to("bar", "http://www.google.com")) +
+          content_tag(:li, link_to("baz", "http://www.wikipedia.org"))
+        end
+
+        strip(html).should == expected_html
+      end
+    end
+
+    context "with link and icon" do
+      let(:expected_html) do
+        html = <<-eos
+<div class="btn-group">
+  <a href="https://github.com" class="btn"><i class="icon-search"></i> foo</a>
+  <button class="dropdown-toggle btn" data-toggle="dropdown" name="button">
+    <span class="caret"></span>
+  </button>
+  <ul class="dropdown-menu">
+    <li><a href="http://www.google.com">bar</a></li>
+    <li><a href="http://www.wikipedia.org">baz</a></li>
+  </ul>
+</div>
+  eos
+
+        strip_expected(html)
+      end
+
+      it "should render a split dropdown button with an icon" do
+        html = bs_dropdown_button_to "foo", "https://github.com", icon: "search" do
+          content_tag(:li, link_to("bar", "http://www.google.com")) +
+          content_tag(:li, link_to("baz", "http://www.wikipedia.org"))
+        end
+
+        strip(html).should == expected_html
+      end
+    end
+
+    context "with link and style" do
+      let(:expected_html) do
+        html = <<-eos
+<div class="btn-group">
+  <a href="https://github.com" class="btn btn-success">foo</a>
+  <button class="dropdown-toggle btn-success btn" data-toggle="dropdown" name="button">
+    <span class="caret"></span>
+  </button>
+  <ul class="dropdown-menu">
+    <li><a href="http://www.google.com">bar</a></li>
+    <li><a href="http://www.wikipedia.org">baz</a></li>
+  </ul>
+</div>
+  eos
+
+        strip_expected(html)
+      end
+
+      it "should render a split dropdown button with the success style" do
+        html = bs_dropdown_button_to "foo", "https://github.com", style: "success" do
+          content_tag(:li, link_to("bar", "http://www.google.com")) +
+          content_tag(:li, link_to("baz", "http://www.wikipedia.org"))
+        end
+
+        strip(html).should == expected_html
+      end
+    end
+  end
 end

data/spec/helpers/form_tag_helper_spec.rb

@@ -39,5 +39,32 @@ describe RailsBootstrapHelpers::Helpers::FormTagHelper do
       it { should render_bs_button_tag("foo", :submit).with_icon_position(:left) }
       it { should render_bs_button_tag("foo", :submit).with_icon_position(:right) }
     end
+
+    context "with tooltip" do
+      it { should render_bs_button_tag("foo", :submit).with_tooltip("asd") }
+      it { should render_bs_button_tag("foo", :submit).with_tooltip("asd").with_tooltip_position(:left) }
+    end
+  end
+
+  describe "bs_submit_tag" do
+    it { should render_bs_submit_tag("foo") }
+
+    context "with style" do
+      it { should render_bs_submit_tag("foo").with_style(:default) }
+      it { should render_bs_submit_tag("foo").with_style(:primary) }
+      it { should render_bs_submit_tag("foo").with_style(:info) }
+      it { should render_bs_submit_tag("foo").with_style(:success) }
+      it { should render_bs_submit_tag("foo").with_style(:warning) }
+      it { should render_bs_submit_tag("foo").with_style(:danger) }
+      it { should render_bs_submit_tag("foo").with_style(:inverse) }
+      it { should render_bs_submit_tag("foo").with_style(:link) }
+    end
+
+    context "with size" do
+      it { should render_bs_submit_tag("foo").with_size(:default) }
+      it { should render_bs_submit_tag("foo").with_size(:large) }
+      it { should render_bs_submit_tag("foo").with_size(:small) }
+      it { should render_bs_submit_tag("foo").with_size(:mini) }
+    end
   end
 end

data/spec/helpers/navigation_helper_spec.rb

@@ -0,0 +1,228 @@
+require "spec_helper"
+
+describe RailsBootstrapHelpers::Helpers::NavigationHelper do
+  let(:foo_tab_text) { "foo" }
+  let(:bar_tab_text) { "bar" }
+
+  let(:foo_tab_id) { "tab_pane_0_#{foo_tab_text.object_id}" }
+  let(:bar_tab_id) { "tab_pane_1_#{bar_tab_text.object_id}" }
+
+  let(:block) do
+    lambda do |bar|
+      bar.tab bar_tab_text
+
+      bar.tab_pane do
+        "foo content"
+      end
+
+      bar.tab_pane do
+        "bar content"
+      end
+    end
+  end
+
+  let(:html_class) { "tabbable" }
+  let(:expected_html) do
+    html = <<-eos
+<div class="#{html_class}">
+  <ul class="nav nav-tabs">
+    <li class="active"><a href="##{foo_tab_id}" data-toggle="tab">foo</a></li>
+    <li><a href="##{bar_tab_id}" data-toggle="tab">bar</a></li>
+  </ul>
+
+  <div class="tab-content">
+    <div class="tab-pane active" id="#{foo_tab_id}">
+      foo content
+    </div>
+
+    <div class="tab-pane" id="#{bar_tab_id}">
+      bar content
+    </div>
+  </div>
+</div>
+  eos
+
+    strip_expected(html)
+  end
+
+  describe "tabbable" do
+    it "should render an tabbable navigation" do
+      html = tabbable(foo_tab_text, &block)
+      strip(html).should == expected_html
+    end
+
+    context "unmatching tabs and panes" do
+      let(:errro_message) { "Unmatching tabs and panes. 0 tabs were given and 1 pane was given" }
+
+      it "should raise an unmatching error" do
+        ->() { tabbable { |bar| bar.tab_pane { "foo" } } }.should raise_error(errro_message)
+      end
+    end
+
+    context "options" do
+      context "with bordered style" do
+        let(:html_class) { "tabbable tabbable-bordered" }
+
+        it "should render a tabbable navigation with a border" do
+          html = tabbable(foo_tab_text, bordered: true, &block)
+          strip(html).should == expected_html
+        end
+      end
+
+      context "with fade" do
+        let(:expected_html) do
+          html = <<-eos
+<div class="tabbable">
+  <ul class="nav nav-tabs">
+    <li class="active"><a href="##{foo_tab_id}" data-toggle="tab">foo</a></li>
+    <li><a href="##{bar_tab_id}" data-toggle="tab">bar</a></li>
+  </ul>
+
+  <div class="tab-content">
+    <div class="tab-pane active fade in" id="#{foo_tab_id}">
+      foo content
+    </div>
+
+    <div class="tab-pane fade in" id="#{bar_tab_id}">
+      bar content
+    </div>
+  </div>
+</div>
+          eos
+
+          strip_expected(html)
+        end
+
+        it "should render a tabbable navigation with fade" do
+          html = tabbable(foo_tab_text, fade: true, &block)
+          strip(html).should == expected_html
+        end
+      end
+
+      context "with active" do
+        it "should render the specified tabs and tab panes as active" do
+          expected_html = <<-eos
+<div class="tabbable">
+  <ul class="nav nav-tabs">
+    <li><a href="##{foo_tab_id}" data-toggle="tab">foo</a></li>
+    <li class="active"><a href="##{bar_tab_id}" data-toggle="tab">bar</a></li>
+  </ul>
+
+  <div class="tab-content">
+    <div class="tab-pane" id="#{foo_tab_id}">
+      foo content
+    </div>
+
+    <div class="tab-pane active" id="#{bar_tab_id}">
+      bar content
+    </div>
+  </div>
+</div>
+          eos
+
+          expected_html = strip_expected(expected_html)
+
+          html = tabbable do |bar|
+            bar.tab foo_tab_text
+            bar.tab bar_tab_text, active: true
+
+            bar.tab_pane do
+              "foo content"
+            end
+
+            bar.tab_pane active: true do
+              "bar content"
+            end
+          end
+
+          strip(html).should == expected_html
+        end
+
+        it "should render none of the tabs or tab panes as active if ':active' is set to 'false'" do
+          expected_html = <<-eos
+<div class="tabbable">
+  <ul class="nav nav-tabs">
+    <li><a href="##{foo_tab_id}" data-toggle="tab">foo</a></li>
+    <li><a href="##{bar_tab_id}" data-toggle="tab">bar</a></li>
+  </ul>
+
+  <div class="tab-content">
+    <div class="tab-pane" id="#{foo_tab_id}">
+      foo content
+    </div>
+
+    <div class="tab-pane" id="#{bar_tab_id}">
+      bar content
+    </div>
+  </div>
+</div>
+          eos
+
+          expected_html = strip_expected(expected_html)
+
+          html = tabbable do |bar|
+            bar.tab foo_tab_text
+            bar.tab bar_tab_text, active: false
+
+            bar.tab_pane do
+              "foo content"
+            end
+
+            bar.tab_pane active: false do
+              "bar content"
+            end
+          end
+
+          strip(html).should == expected_html
+        end
+      end
+
+      context "with direction" do
+        context "unspecified" do
+          let(:html_class) { "tabbable" }
+
+          it "should render a tabbable navigation with the tabs on top" do
+            html = tabbable(foo_tab_text, &block)
+            strip(html).should == expected_html
+          end
+        end
+
+        context "top" do
+          let(:html_class) { "tabbable" }
+
+          it "should render a tabbable navigation with the tabs on top" do
+            html = tabbable(foo_tab_text, direction: "top", &block)
+            strip(html).should == expected_html
+          end
+        end
+
+        context "bottom" do
+          let(:html_class) { "tabbable tabs-below" }
+
+          it "should render a tabbable navigation with the tabs on the bottom" do
+            html = tabbable(foo_tab_text, direction: "below", &block)
+            strip(html).should == expected_html
+          end
+        end
+
+        context "left" do
+          let(:html_class) { "tabbable tabs-left" }
+
+          it "should render a tabbable navigation with the tabs on the left" do
+            html = tabbable(foo_tab_text, direction: "left", &block)
+            strip(html).should == expected_html
+          end
+        end
+
+        context "right" do
+          let(:html_class) { "tabbable tabs-right" }
+
+          it "should render a tabbable navigation with the tabs on the right" do
+            html = tabbable(foo_tab_text, direction: "right", &block)
+            strip(html).should == expected_html
+          end
+        end
+      end
+    end
+  end
+end