railsstrap 3.3.1 → 3.3.2

data/spec/lib/railsstrap/glyph_helper_spec.rb

@@ -0,0 +1,24 @@
+# encoding: utf-8
+require 'spec_helper'
+require 'action_view'
+require 'active_support'
+require_relative '../../../app/helpers/railsstrap/glyph_helper'
+
+include ActionView::Helpers
+include ActionView::Context
+include Railsstrap::GlyphHelper
+
+describe Railsstrap::GlyphHelper, :type => :helper do
+  it "should return a basic railsstrap glyph" do
+    expect(glyph(:thumbs_up).gsub(/\s/, '').downcase)
+      .to eql(BASIC_GLYPH.gsub(/\s/, '').downcase)
+  end
+
+  it "should return a railsstrap glyph with span" do
+    expect(glyph(:thumbs_up, {:tag => :span}).gsub(/\s/, '').downcase)
+      .to eql(GLYPH_WITH_SPAN.gsub(/\s/, '').downcase)
+  end
+end
+
+BASIC_GLYPH = %{<iclass=\"glyphiconglyphicon-thumbs-up\"></i>}
+GLYPH_WITH_SPAN = %{<spanclass=\"glyphiconglyphicon-thumbs-up\"></span>}

data/spec/lib/railsstrap/icon_helper_spec.rb

@@ -0,0 +1,24 @@
+# encoding: utf-8
+require 'spec_helper'
+require 'action_view'
+require 'active_support'
+require_relative '../../../app/helpers/railsstrap/icon_helper'
+
+include ActionView::Helpers
+include ActionView::Context
+include Railsstrap::IconHelper
+
+describe Railsstrap::IconHelper, :type => :helper do
+  it "should return a basic fontawesome icon" do
+    expect(icon(:refresh).gsub(/\s/, '').downcase)
+    .to eql(BASIC_ICON.gsub(/\s/, '').downcase)
+  end
+
+  it "should return a fontawesome icon with span" do
+    expect(icon(:refresh, {:tag => :span}).gsub(/\s/, '').downcase)
+    .to eql(ICON_WITH_SPAN.gsub(/\s/, '').downcase)
+  end
+end
+
+BASIC_ICON = %{<iclass=\"fafa-refresh\"></i>}
+ICON_WITH_SPAN = %{<spanclass=\"fafa-refresh\"></span>}

data/spec/lib/railsstrap/modal_helper_spec.rb

@@ -0,0 +1,140 @@
+# encoding: utf-8
+require 'spec_helper'
+require_relative '../../../app/helpers/railsstrap/modal_helper'
+
+include ActionView::Helpers
+include ActionView::Context
+include Railsstrap::ModalHelper
+
+describe Railsstrap::ModalHelper, :type => :helper do
+  header_with_close = {:show_close => true, :dismiss => 'modal', :title => 'Modal header'}
+  header_without_close = {:show_close => false, :title => 'Modal header'}
+  options = {:id => "modal",
+             :header => header_with_close,
+             :body => {content: 'This is the body'},
+             :footer => {content: content_tag(:button, 'Save', :class => 'btn')}
+  }
+
+  it 'returns a complete modal' do
+    expect(modal_dialog(options).gsub(/\s/, '')).to eql BASIC_MODAL.gsub(/\s/, '')
+  end
+
+  it 'returns a centered modal' do
+    options[:class] = 'center'
+    expect(modal_dialog(options).gsub(/\s/, '')).to eql CENTERED_MODAL.gsub(/\s/, '')
+  end
+
+  it 'returns a modal header with a close button if show_close is true' do
+    expect(modal_header(header_with_close).gsub(/\s/, '')).to eql MODAL_HEADER_WITH_CLOSE.gsub(/\s/, '')
+  end
+
+  it 'renders a modal header without a close button' do
+    expect(modal_header(header_without_close).gsub(/\s/, '')).to eql MODAL_HEADER_WITHOUT_CLOSE.gsub(/\s/, '')
+  end
+
+  it 'renders a modal body' do
+    expect(modal_body(options[:body]).gsub(/\s/, '')).to eql MODAL_BODY.gsub(/\s/, '')
+  end
+
+  it 'renders a modal footer' do
+    expect(modal_footer(options[:footer]).gsub(/\s/, '')).to eql MODAL_FOOTER.gsub(/\s/, '')
+  end
+
+  it 'renders a close button' do
+    expect(close_button('modal')).to eql CLOSE_BUTTON.gsub(/\n/, '')
+  end
+
+  it 'renders a modal toggle button' do
+    expect(modal_toggle(:content => 'Save', :href => "#modal").gsub(/\s/, '')).to eql MODAL_TOGGLE.gsub(/\s/, '')
+  end
+
+  it 'renders a modal toggle button with options changed' do
+    expect(modal_toggle(:content => 'Save', :href => "#modal", :data => {:foo => true, :toggle => 'modal'}).gsub(/\s/, '')).to eql MODAL_TOGGLE_OPTS.gsub(/\s/, '')
+  end
+
+  it 'renders a modal toggle button with a block given' do
+    expect(modal_toggle(:href => "#modal", :data => {:foo => true, :toggle => 'modal'}){ content_tag(:span, 'Blocks Rock', class: "i-added-you") }.gsub(/\s/, '')).to eql MODAL_TOGGLE_BLOCK.gsub(/\s/, '')
+  end
+
+  it 'renders a cancel button' do
+    expect(modal_cancel_button('Cancel', :href => "#modal", :data => {:dismiss => 'modal'}).gsub(/\s/, '')).to eql MODAL_CANCEL_BUTTON.gsub(/\s/, '')
+  end
+end
+
+BASIC_MODAL = <<-HTML
+<div id="modal" class="railsstrap-modal modal fade">
+  <div class="modal-dialog ">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+        <h4 class="modal-title">Modal header</h4>
+      </div>
+      <div class="modal-body">This is the body</div>
+      <div class="modal-footer">
+        <button class="btn">Save</button>
+      </div>
+    </div>
+  </div>
+</div>
+HTML
+
+CENTERED_MODAL = <<-HTML
+<div id="modal" class="railsstrap-modal modal center fade">
+  <div class="modal-dialog ">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+        <h4 class="modal-title">Modal header</h4>
+      </div>
+      <div class="modal-body">This is the body</div>
+      <div class="modal-footer">
+        <button class="btn">Save</button>
+      </div>
+    </div>
+  </div>
+</div>
+HTML
+
+MODAL_BODY = <<-HTML
+<div class="modal-body">This is the body</div>
+HTML
+
+MODAL_FOOTER = <<-HTML
+<div class="modal-footer"><button class="btn">Save</button></div>
+HTML
+
+MODAL_HEADER_WITHOUT_CLOSE = <<-HTML
+<div class="modal-header"><h4 class="modal-title">Modal header</h4></div>
+HTML
+
+MODAL_HEADER_WITH_CLOSE = <<-HTML
+<div class="modal-header">
+  <button class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+  <h4 class="modal-title">Modal header</h4>
+</div>
+HTML
+
+MODAL_TOGGLE = <<-HTML
+<a class="btn btn-default" data-toggle="modal" href="#modal">Save</a>
+HTML
+
+MODAL_TOGGLE_OPTS = <<-HTML
+<a class="btn btn-default" data-foo="true" data-toggle="modal" href="#modal">Save</a>
+HTML
+
+MODAL_TOGGLE_BLOCK = <<-HTML
+<a class="btn btn-default" data-foo="true" data-toggle="modal" href="#modal">
+  <span class="i-added-you">
+    Blocks Rock
+  </span>
+</a>
+HTML
+
+MODAL_CANCEL_BUTTON = <<-HTML
+<a class="btn railsstrap-modal-cancel-button" href="#modal" data-dismiss="modal">Cancel</a>
+HTML
+
+CLOSE_BUTTON = <<-HTML
+<button class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+HTML
+

data/spec/lib/railsstrap/navbar_helper_spec.rb

@@ -0,0 +1,373 @@
+# encoding: utf-8
+#Credit for this goes to https://github.com/julescopeland/Rails-Bootstrap-Navbar
+require 'spec_helper'
+require 'action_view'
+require 'active_support'
+require_relative '../../../app/helpers/railsstrap/navbar_helper'
+
+include ActionView::Helpers
+include ActionView::Context
+include Railsstrap::NavbarHelper
+
+describe Railsstrap::NavbarHelper, :type => :helper do
+  before do
+    allow(self).to receive(:uri_state) { :inactive }
+    allow(self).to receive(:root_url) { '/' }
+  end
+  describe "nav_bar" do
+    it "should return a basic railsstrap navbar" do
+      expect(nav_bar.gsub(/\s/, '').downcase)
+        .to eql(BASIC_NAVBAR.gsub(/\s/, '').downcase)
+    end
+
+    it "should set the fixed position to top" do
+      expect(nav_bar(:fixed => :top).gsub(/\s/, '').downcase)
+        .to eql(FIXED_TOP_NAVBAR.gsub(/\s/, '').downcase)
+    end
+
+    it "should set the static position to top" do
+      expect(nav_bar(:static => :top).gsub(/\s/, '').downcase)
+        .to eql(STATIC_TOP_NAVBAR.gsub(/\s/, '').downcase)
+    end
+
+    it "should set the fixed position to bottom" do
+      expect(nav_bar(:fixed => :bottom).gsub(/\s/, '').downcase)
+        .to eql(FIXED_BOTTOM_NAVBAR.gsub(/\s/, '').downcase)
+    end
+
+    it "should set the style to inverse" do
+      expect(nav_bar(:inverse => true).gsub(/\s/, '').downcase)
+        .to eql(INVERSE_NAVBAR.gsub(/\s/, '').downcase)
+    end
+
+    it "should add the brand name and link it to the home page" do
+      expect(nav_bar(:brand => "Ninety Ten").gsub(/\s/, '').downcase)
+        .to eql(NAVBAR_WITH_BRAND.gsub(/\s/, '').downcase)
+    end
+
+    it "should be able to set the brand link url" do
+      expect(nav_bar(:brand => "Ninety Ten", :brand_link => "http://www.ninetyten.com").gsub(/\s/, '').downcase)
+        .to eql(NAVBAR_WITH_BRAND_AND_LINK.gsub(/\s/, '').downcase)
+    end
+
+    it "should be able to set the brand link url without a turbolink" do
+      expect(nav_bar(:brand => "Ninety Ten", :brand_link => "http://www.ninetyten.com", :no_turbolink => true).gsub(/\s/, '').downcase)
+          .to eql(NAVBAR_WITH_BRAND_AND_LINK_TBLINK.gsub(/\s/, '').downcase)
+    end
+
+    it "should add the buttons etc for a responsive layout with no block passed" do
+      expect(nav_bar(:responsive => true).gsub(/\s/, '').downcase).to eql(RESPONSIVE_NAVBAR.gsub(/\s/, '').downcase)
+    end
+
+    it "should add the buttons etc for a responsive layout with block passed" do
+      ele = nav_bar(:responsive => true) do
+        '<p>Passing a block</p>'.html_safe
+      end
+      expect(ele.gsub(/\s/, '').downcase).to eql(RESPONSIVE_NAVBAR_WITH_BLOCK.gsub(/\s/, '').downcase)
+    end
+
+    it "should render contained items" do
+      ele = nav_bar do
+        menu_group do
+          menu_item("Home", "/") + menu_item("Products", "/products")
+        end
+      end
+      expect(ele.gsub(/\s/, '').downcase).to eql(PLAIN_NAVBAR_WITH_ITEM.gsub(/\s/, '').downcase)
+    end
+
+    it "should still render the brand name even with other options turned on" do
+      ele = nav_bar(:brand => "Something") do
+        menu_group do
+          menu_item "Home", "/"
+        end
+      end
+      expect(ele.gsub(/\s/, '').downcase).to eql(BRANDED_NAVBAR_WITH_ITEM.gsub(/\s/, '').downcase)
+    end
+  end
+
+  describe "menu_group" do
+    it "should return a ul with the class 'nav'" do
+      ele = menu_group do
+        menu_item("Home", "/") + menu_item("Products", "/products")
+      end
+      expect(ele).to eql '<ul class="nav navbar-nav "><li><a href="/">Home</a></li><li><a href="/products">Products</a></li></ul>'
+    end
+
+    it "should return a ul with class .navbar-left when passed the {:pull => :left} option" do
+      ele = menu_group(:pull => :left) do
+        menu_item("Home", "/")
+      end
+      expect(ele).to eql('<ul class="nav navbar-nav navbar-left"><li><a href="/">Home</a></li></ul>')
+    end
+  end
+
+  describe "menu_item" do
+    it "should return a link within an li tag" do
+      allow(self).to receive(:current_page?) { false }
+      expect(menu_item("Home", "/")).to eql('<li><a href="/">Home</a></li>')
+    end
+    it "should return the link with class 'active' if on current page" do
+      allow(self).to receive(:uri_state) { :active }
+      expect(menu_item("Home", "/")).to eql('<li class="active"><a href="/">Home</a></li>')
+    end
+    it "should pass any other options through to the link_to method" do
+      allow(self).to receive_message_chain("uri_state").and_return(:active)
+      expect(menu_item("Log out", "/users/sign_out", :class => "home_link", :method => :delete)).to eql('<li class="active"><a class="home_link" rel="nofollow" data-method="delete" href="/users/sign_out">Log out</a></li>')
+    end
+    it "should pass a block but no name if a block is present" do
+      allow(self).to receive(:current_page?) { false }
+      expect(menu_item("/"){content_tag("i", "", :class => "icon-home") + " Home"}).to eql('<li><a href="/"><i class="icon-home"></i> Home</a></li>')
+    end
+    it "should work with just a block" do
+      allow(self).to receive(:current_page?) { false }
+      expect(menu_item{ content_tag("i", "", :class => "icon-home") + " Home" }).to eql('<li><a href="#"><i class="icon-home"></i> Home</a></li>')
+    end
+    it "should return the link with class 'active' if on current page with a block" do
+      allow(self).to receive(:uri_state) { :active }
+      expect(menu_item("/"){ content_tag("i", "", :class => "icon-home") + " Home" }).to eql('<li class="active"><a href="/"><i class="icon-home"></i> Home</a></li>')
+    end
+  end
+
+  describe "drop_down" do
+    it "should do render the proper drop down code" do
+      ele = drop_down "Products" do
+        menu_item "Latest", "/"
+      end
+      expect(ele).to have_tag(:li, with: {class: 'dropdown'})
+      expect(ele).to have_tag(:a, with: {class: 'dropdown-toggle'})
+    end
+  end
+
+  describe "drop_down_with_submenu" do
+    it "should do render the proper drop down code" do
+      ele = drop_down_with_submenu "Products" do
+          drop_down_submenu "Latest" do
+            menu_item "Option1", "/"
+          end
+        end
+      expect(ele).to have_tag(:li, with: {class: 'dropdown'})
+      expect(ele).to have_tag(:a, with: {class: 'dropdown-toggle'})
+      expect(ele).to have_tag(:ul, with: {class: 'dropdown-menu'})
+    end
+  end
+
+  describe "drop_down_divider" do
+    it "should render <li class='divider-vertical'></li>" do
+      expect(drop_down_divider).to match '<li class="divider"></li>'
+    end
+  end
+
+  describe "drop_down_header" do
+    it "should render <li class='divider-vertical'></li>" do
+      expect(drop_down_header('Home')).to match '<li class="nav-header">Home</li>'
+    end
+  end
+
+  describe "menu_divider" do
+    it "should render <li class='divider-vertical'></li>" do
+      expect(menu_divider).to match '<li class="divider-vertical"></li>'
+    end
+  end
+
+  describe "menu_text" do
+    it "should render text within p tags with class 'navbar-text" do
+      expect(menu_text("Strapline!")).to match("<p class=\"navbar-text\">Strapline!</p>")
+    end
+
+    it "should be able to be pulled right or left" do
+      expect(menu_text("I am being pulled right", :pull => :right)).to match("<p class=\"pull-right navbar-text\">I am being pulled right</p>")
+    end
+
+    it "should be able to cope with arbitrary options being passed to the p tag" do
+      expect(menu_text("I am classy!", :class => "classy", :id => "classy_text")).to match("<p class=\"classy navbar-text\" id=\"classy_text\">I am classy!</p>")
+    end
+
+    it "should be able to cope with a block too" do
+      ele = menu_text("I have been rendered programmatically!")
+      expect(ele).to have_tag(:p, with: {class: "navbar-text"})
+      expect(ele).to match "I have been rendered programmatically!"
+    end
+  end
+
+  describe "rendering forms ok" do
+    it "should not escape anything unexpectedly" do
+      expect(
+        nav_bar do
+          form_tag "/", :method => 'get' do |f|
+            f.text_field :search, "stub"
+          end
+        end
+        ).to have_tag(:form)
+    end
+  end
+
+  describe "default navbar" do
+    it "renders a navbar" do
+      expect(nav_bar { 'foo' }).to have_tag(:nav, with: { class: 'navbar navbar-default', role: 'navigation' }, text: /foo/)
+    end
+  end
+
+end
+
+# HTML output
+
+BASIC_NAVBAR = <<-HTML
+<nav class="navbar navbar-default" role="navigation">
+  <div class="container">
+  </div>
+</nav>
+HTML
+
+FIXED_TOP_NAVBAR = <<-HTML
+<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
+  <div class="container">
+  </div>
+</nav>
+HTML
+
+STATIC_TOP_NAVBAR = <<-HTML
+<nav class="navbar navbar-default navbar-static-top" role="navigation">
+  <div class="container">
+  </div>
+</nav>
+HTML
+
+FIXED_BOTTOM_NAVBAR = <<-HTML
+<nav class="navbar navbar-default navbar-fixed-bottom" role="navigation">
+  <div class="container">
+  </div>
+</nav>
+HTML
+
+INVERSE_NAVBAR = <<-HTML
+<nav class="navbar navbar-default navbar-inverse" role="navigation">
+  <div class="container">
+  </div>
+</nav>
+HTML
+
+NAVBAR_WITH_BRAND = <<-HTML
+<nav class="navbar navbar-default" role="navigation">
+  <div class="container">
+    <a class="navbar-brand" href="/">
+      Ninety Ten
+    </a>
+  </div>
+</nav>
+HTML
+
+NAVBAR_WITH_BRAND_AND_LINK = <<-HTML
+<nav class="navbar navbar-default" role="navigation">
+  <div class="container">
+    <a class="navbar-brand" href="http://www.ninetyten.com">
+      Ninety Ten
+    </a>
+  </div>
+</nav>
+HTML
+
+NAVBAR_WITH_BRAND_AND_LINK_TBLINK = <<-HTML
+<nav class="navbar navbar-default" role="navigation">
+  <div class="container">
+    <a class="navbar-brand" data-no-turbolink="true" href="http://www.ninetyten.com">
+      Ninety Ten
+    </a>
+  </div>
+</nav>
+HTML
+
+RESPONSIVE_NAVBAR = <<-HTML
+<nav class="navbar navbar-default" role="navigation">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle Navigation</span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+    </div>
+    <div class="navbar-collapse collapse">
+    </div>
+  </div>
+</nav>
+HTML
+
+RESPONSIVE_NAVBAR_WITH_BLOCK = <<-HTML
+<nav class="navbar navbar-default" role="navigation">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle Navigation</span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+    </div>
+    <div class="navbar-collapse collapse">
+              <p>Passing a block</p>
+    </div>
+  </div>
+</nav>
+HTML
+
+PLAIN_NAVBAR_WITH_ITEM = <<-HTML
+<nav class="navbar navbar-default" role="navigation">
+  <div class="container">
+    <ul class="nav navbar-nav">
+      <li>
+        <a href="/">Home</a>
+      </li>
+      <li>
+        <a href="/products">Products</a>
+      </li>
+    </ul>
+  </div>
+</nav>
+HTML
+
+BRANDED_NAVBAR_WITH_ITEM = <<-HTML
+<nav class="navbar navbar-default" role="navigation">
+  <div class="container">
+    <a class="navbar-brand" href="/">
+      Something
+    </a>
+    <ul class="nav navbar-nav">
+      <li>
+        <a href="/">Home</a>
+      </li>
+    </ul>
+  </div>
+</nav>
+HTML
+
+DROPDOWN_MENU = <<-HTML
+<li class="dropdown"> <a class="dropdown-toggle"data-toggle="dropdown"href="#"> Products <b class="caret"></b> </a> <ul class="dropdown-menu"> <li><a href="/">Latest</a></li> </ul> </li>
+HTML
+
+DROPDOWN_MENU_WITH_SUBMENU = <<-HTML
+<li class="dropdown">
+  <a class="dropdown-toggle" data-toggle="dropdown" href="#">Products <b class="caret"></b></a>
+  <ul class="dropdown-menu">
+    <li class="dropdown-submenu">
+      <a href="">Latest</a>
+      <ul class="dropdown-menu">
+        <li><a href="/">Option1</a></li>
+      </ul>
+    </li>
+  </ul>
+</li>
+HTML
+
+PLAIN_NAVBAR_WITH_FORM = <<-HTML
+<nav class=\"navbar navbar-default\"role=\"navigation\">
+  <div class=\"container\">
+    <form accept-charset=\"utf-8\" action=\"/\" method=\"get\">
+      <div style=\"display:none\">
+        <input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\"/>
+      </div>
+      <input id=\"search_stub\" name=\"search[stub]\" type=\"text\"/>
+    </form>
+  </div>
+</nav>
+HTML