forked from seyhunak/twitter-bootstrap-rails
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
add rspec and tests for navbar helper
- Loading branch information
1 parent
874c612
commit b65bc74
Showing
5 changed files
with
343 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,2 @@ | ||
--color | ||
--format progress |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -10,4 +10,5 @@ group :test do | |
gem 'rake' | ||
gem 'turn' | ||
gem 'coveralls' | ||
gem 'rspec' | ||
end |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,326 @@ | ||
# 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/navbar_helper' | ||
|
||
include ActionView::Helpers | ||
include ActionView::Context | ||
include NavbarHelper | ||
|
||
describe NavbarHelper, :type => :helper do | ||
before do | ||
self.stub!("current_page?").and_return(false) | ||
self.stub!("root_url").and_return("/") | ||
end | ||
describe "nav_bar" do | ||
it "should return a basic bootstrap navbar" do | ||
nav_bar.gsub(/\s/, '').downcase.should eql(BASIC_NAVBAR.gsub(/\s/, '').downcase) | ||
end | ||
|
||
it "should set the fixed position to top" do | ||
nav_bar(:fixed => :top).gsub(/\s/, '').downcase.should eql(FIXED_TOP_NAVBAR.gsub(/\s/, '').downcase) | ||
end | ||
|
||
it "should set the static position to top" do | ||
nav_bar(:static => :top).gsub(/\s/, '').downcase.should eql(STATIC_TOP_NAVBAR.gsub(/\s/, '').downcase) | ||
end | ||
|
||
it "should set the fixed position to bottom" do | ||
nav_bar(:fixed => :bottom).gsub(/\s/, '').downcase.should eql(FIXED_BOTTOM_NAVBAR.gsub(/\s/, '').downcase) | ||
end | ||
|
||
it "should set the style to inverse" do | ||
nav_bar(:inverse => true).gsub(/\s/, '').downcase.should eql(INVERSE_NAVBAR.gsub(/\s/, '').downcase) | ||
end | ||
|
||
it "should add the brand name and link it to the home page" do | ||
nav_bar(:brand => "Ninety Ten").gsub(/\s/, '').downcase.should eql(NAVBAR_WITH_BRAND.gsub(/\s/, '').downcase) | ||
end | ||
|
||
it "should be able to set the brand link url" do | ||
nav_bar(:brand => "Ninety Ten", :brand_link => "http://www.ninetyten.com").gsub(/\s/, '').downcase.should eql(NAVBAR_WITH_BRAND_AND_LINK.gsub(/\s/, '').downcase) | ||
end | ||
|
||
it "should set the container to fluid" do | ||
nav_bar(:fluid => :true).gsub(/\s/, '').downcase.should eql(BASIC_NAVBAR_FLUID.gsub(/\s/, '').downcase) | ||
end | ||
|
||
it "should add the buttons etc for a responsive layout with no block passed" do | ||
nav_bar(:responsive => true).gsub(/\s/, '').downcase.should eql(RESPONSIVE_NAVBAR.gsub(/\s/, '').downcase) | ||
end | ||
|
||
it "should add the buttons etc for a responsive layout with block passed" do | ||
nav_bar(:responsive => true) do | ||
"<p>Passing a block</p>".html_safe | ||
end.gsub(/\s/, '').downcase.should eql(RESPONSIVE_NAVBAR_WITH_BLOCK.gsub(/\s/, '').downcase) | ||
end | ||
|
||
it "should render contained items" do | ||
nav_bar do | ||
menu_group do | ||
menu_item("Home", "/") + menu_item("Products", "/products") | ||
end | ||
end.gsub(/\s/, '').downcase.should eql(PLAIN_NAVBAR_WITH_ITEM.gsub(/\s/, '').downcase) | ||
end | ||
|
||
it "should still render the brand name even with other options turned on" do | ||
nav_bar(:brand => "Something") do | ||
menu_group do | ||
menu_item "Home", "/" | ||
end | ||
end.gsub(/\s/, '').downcase.should eql(BRANDED_NAVBAR_WITH_ITEM.gsub(/\s/, '').downcase) | ||
end | ||
end | ||
|
||
describe "menu_group" do | ||
it "should return a ul with the class 'nav'" do | ||
menu_group do | ||
menu_item("Home", "/") + menu_item("Products", "/products") | ||
end.should eql '<ul class="nav "><li><a href="/">Home</a></li><li><a href="/products">Products</a></li></ul>' | ||
end | ||
|
||
it "should return a ul with class .pull-left when passed the {:pull => :left} option" do | ||
menu_group(:pull => :left) do | ||
menu_item("Home", "/") | ||
end.should eql('<ul class="nav pull-left"><li><a href="/">Home</a></li></ul>') | ||
end | ||
end | ||
|
||
describe "menu_item" do | ||
it "should return a link within an li tag" do | ||
self.stub!("current_page?").and_return(false) | ||
menu_item("Home", "/").should eql('<li><a href="/">Home</a></li>') | ||
end | ||
it "should return the link with class 'active' if on current page" do | ||
self.stub!("current_page?").and_return(true) | ||
menu_item("Home", "/").should eql('<li class="active"><a href="/">Home</a></li>') | ||
end | ||
it "should pass any other options through to the link_to method" do | ||
self.stub!("current_page?").and_return(true) | ||
menu_item("Log out", "/users/sign_out", :class => "home_link", :method => :delete).should eql('<li class="active"><a href="/users/sign_out" class="home_link" data-method="delete" rel="nofollow">Log out</a></li>') | ||
end | ||
end | ||
|
||
describe "drop_down" do | ||
it "should do render the proper drop down code" do | ||
drop_down "Products" do | ||
menu_item "Latest", "/" | ||
end.gsub(/\s/, '').downcase.should eql(DROPDOWN_MENU.gsub(/\s/, '').downcase) | ||
end | ||
end | ||
|
||
describe "menu_divider" do | ||
it "should render <li class='divider-vertical'></li>" do | ||
menu_divider.should eql '<li class="divider-vertical"></li>' | ||
end | ||
end | ||
|
||
describe "menu_text" do | ||
it "should render text within p tags with class 'navbar-text" do | ||
menu_text("Strapline!").should eql("<p class=\"navbar-text\">Strapline!</p>") | ||
end | ||
|
||
it "should be able to be pulled right or left" do | ||
menu_text("I am being pulled right", :pull => :right).should eql("<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 | ||
menu_text("I am classy!", :class => "classy", :id => "classy_text").should eql("<p class=\"classy navbar-text\" id=\"classy_text\">I am classy!</p>") | ||
end | ||
|
||
it "should be able to cope with a block too" do | ||
menu_text do | ||
"I have been rendered programmatically!" | ||
end.should eql("<p class=\"navbar-text\">I have been rendered programmatically!</p>") | ||
end | ||
end | ||
|
||
describe "rendering forms ok" do | ||
it "should not escape anything unexpectedly" do | ||
nav_bar do | ||
form_tag "/", :method => 'get' do |f| | ||
f.text_field :search, "stub" | ||
end | ||
end.gsub(/\s/, '').downcase.should eql(PLAIN_NAVBAR_WITH_FORM.gsub(/\s/, '').downcase) | ||
end | ||
end | ||
|
||
end | ||
|
||
# HTML output | ||
|
||
BASIC_NAVBAR = <<-HTML | ||
<div class="navbar"> | ||
<div class="navbar-inner"> | ||
<div class="container"> | ||
</div> | ||
</div> | ||
</div> | ||
HTML | ||
|
||
FIXED_TOP_NAVBAR = <<-HTML | ||
<div class="navbar navbar-fixed-top"> | ||
<div class="navbar-inner"> | ||
<div class="container"> | ||
</div> | ||
</div> | ||
</div> | ||
HTML | ||
|
||
STATIC_TOP_NAVBAR = <<-HTML | ||
<div class="navbar navbar-static-top"> | ||
<div class="navbar-inner"> | ||
<div class="container"> | ||
</div> | ||
</div> | ||
</div> | ||
HTML | ||
|
||
FIXED_BOTTOM_NAVBAR = <<-HTML | ||
<div class="navbar navbar-fixed-bottom"> | ||
<div class="navbar-inner"> | ||
<div class="container"> | ||
</div> | ||
</div> | ||
</div> | ||
HTML | ||
|
||
INVERSE_NAVBAR = <<-HTML | ||
<div class="navbar navbar-inverse"> | ||
<div class="navbar-inner"> | ||
<div class="container"> | ||
</div> | ||
</div> | ||
</div> | ||
HTML | ||
|
||
BASIC_NAVBAR_FLUID= <<-HTML | ||
<div class="navbar"> | ||
<div class="navbar-inner"> | ||
<div class="container-fluid"> | ||
</div> | ||
</div> | ||
</div> | ||
HTML | ||
|
||
NAVBAR_WITH_BRAND = <<-HTML | ||
<div class="navbar"> | ||
<div class="navbar-inner"> | ||
<div class="container"> | ||
<a href="/" class="brand"> | ||
Ninety Ten | ||
</a> | ||
</div> | ||
</div> | ||
</div> | ||
HTML | ||
|
||
NAVBAR_WITH_BRAND_AND_LINK = <<-HTML | ||
<div class="navbar"> | ||
<div class="navbar-inner"> | ||
<div class="container"> | ||
<a href="http://www.ninetyten.com" class="brand"> | ||
Ninety Ten | ||
</a> | ||
</div> | ||
</div> | ||
</div> | ||
HTML | ||
|
||
RESPONSIVE_NAVBAR = <<-HTML | ||
<div class="navbar"> | ||
<div class="navbar-inner"> | ||
<div class="container"> | ||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> | ||
<span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | ||
</a> | ||
<div class="nav-collapse"> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
HTML | ||
|
||
RESPONSIVE_NAVBAR_WITH_BLOCK = <<-HTML | ||
<div class="navbar"> | ||
<div class="navbar-inner"> | ||
<div class="container"> | ||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> | ||
<span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | ||
</a> | ||
<div class="nav-collapse"> | ||
<p>Passing a block</p> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
HTML | ||
|
||
PLAIN_NAVBAR_WITH_ITEM = <<-HTML | ||
<div class="navbar"> | ||
<div class="navbar-inner"> | ||
<div class="container"> | ||
<ul class="nav"> | ||
<li> | ||
<a href="/">Home</a> | ||
</li> | ||
<li> | ||
<a href="/products">Products</a> | ||
</li> | ||
</ul> | ||
</div> | ||
</div> | ||
</div> | ||
HTML | ||
|
||
BRANDED_NAVBAR_WITH_ITEM = <<-HTML | ||
<div class="navbar"> | ||
<div class="navbar-inner"> | ||
<div class="container"> | ||
<a href="/" class="brand"> | ||
Something | ||
</a> | ||
<ul class="nav"> | ||
<li> | ||
<a href="/">Home</a> | ||
</li> | ||
</ul> | ||
</div> | ||
</div> | ||
</div> | ||
HTML | ||
|
||
DROPDOWN_MENU = <<-HTML | ||
<li class="dropdown"> | ||
<a href="#" | ||
class="dropdown-toggle" | ||
data-toggle="dropdown"> | ||
Products | ||
<b class="caret"></b> | ||
</a> | ||
<ul class="dropdown-menu"> | ||
<li><a href="/">Latest</a></li> | ||
</ul> | ||
</li> | ||
HTML | ||
|
||
PLAIN_NAVBAR_WITH_FORM = <<-HTML | ||
<div class="navbar"> | ||
<div class="navbar-inner"> | ||
<div class="container"> | ||
<form accept-charset="utf-8" action="/" method="get"> | ||
<div style="margin:0;padding:0;display:inline"> | ||
<input name="utf8" type="hidden" value="✓"/> | ||
</div> | ||
<input id="search_stub" name="search[stub]" size="30" type="text"/> | ||
</form> | ||
</div> | ||
</div> | ||
</div> | ||
HTML |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,11 @@ | ||
# This file was generated by the `rspec --init` command. Conventionally, all | ||
# specs live under a `spec` directory, which RSpec adds to the `$LOAD_PATH`. | ||
# Require this file using `require "spec_helper"` to ensure that it is only | ||
# loaded once. | ||
# | ||
# See http://rubydoc.info/gems/rspec-core/RSpec/Core/Configuration | ||
require 'rubygems' | ||
require 'bundler/setup' | ||
require 'action_view' | ||
require 'active_support' | ||
require 'twitter-bootstrap-rails' |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters