tabulous 1.3.2 → 2.0.0

data/spec/applications/subtabs/shared/app/tabs/tabulous.rb

@@ -1,169 +1,134 @@
-# Tabulous gives you an easy way to set up tabs for your Rails application.
-#
-#   1. Configure this file.
-#   2. Add <%= tabs %> and <%= subtabs %> in your layout(s) wherever you want
-#      your tabs to appear.
-#   3. Add styles for these tabs in your stylesheets.
-#   4. Profit!
-
-Tabulous.setup do |config|
-
-  #---------------------------
-  #   HOW TO USE THE TABLES
-  #---------------------------
-  #
-  # The following tables are just an array of arrays.  As such, you can put
-  # any Ruby code into a cell.  For example, you could put "/foo/bar" in
-  # a path cell or you could put "/foo" + "/bar".  You can even wrap up code
-  # in a lambda to be executed later.  These will be executed in the context
-  # of a Rails view meaning they will have access to view helpers.
-  #
-  # However, there is something special about the format of these tables.
-  # Because it would be a pain for you to manually prettify the tables each
-  # time you edit them, there is a special rake task that does this for
-  # you: rake tabs:format.  However, for this prettifier to work properly
-  # you have to follow some special rules:
-  #
-  #   * No comments are allowed between rows.
-  #   * Comments are allowed to the right of rows, except for header rows.
-  #   * The start of a table is signified by a [ all by itself on a line.
-  #   * The end of a table is signified by a ] all by itself on a line.
-  #   * And most importantly: commas that separate cells should be surrounded
-  #     by spaces and commas that are within cells should not.  This gives the
-  #     formatter an easy way to distinguish between cells without having
-  #     to actually parse the Ruby.
-
-  #----------
-  #   TABS
-  #----------
-  #
-  # This is where you define your tabs and subtabs.  The order that the tabs
-  # appear in this list is the order they will appear in your views.  Any
-  # subtabs defined will have the previous tab as their parent.
-  #
-  # TAB NAME
-  #   must end in _tab or _subtab
-  # DISPLAY TEXT
-  #   the text the user sees on the tab
-  # PATH
-  #   the URL that gets sent to the server when the tab is clicked
-  # VISIBLE
-  #   whether to display the tab
-  # ENABLED
-  #   whether the tab is disabled (unclickable)
-
-  config.tabs do
-    [
-      #--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------#
-      #    TAB NAME                       |    DISPLAY TEXT                                               |    PATH                               |    VISIBLE?                                          |    ENABLED?                                         #
-      #--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------#
-      [    :home_tab                      ,    'Explanation'                                              ,    '/'                                ,    true                                              ,    true                                             ],
-      [    :galaxies_tab                  ,    'Galaxies'                                                 ,    '/galaxies/elliptical_galaxies'    ,    true                                              ,    true                                             ],
-      [    :elliptical_galaxies_subtab    ,    'Elliptical Galaxies'                                      ,    '/galaxies/elliptical_galaxies'    ,    true                                              ,    true                                             ],
-      [    :spiral_galaxies_subtab        ,    'Spiral Galaxies'                                          ,    '/galaxies/spiral_galaxies'        ,    true                                              ,    true                                             ],
-      [    :lenticular_galaxies_subtab    ,    'Lenticular Galaxies'                                      ,    '/galaxies/lenticular_galaxies'    ,    true                                              ,    true                                             ],
-      [    :planets_tab                   ,    'Planets'                                                  ,    '/exoplanets'                      ,    true                                              ,    true                                             ],
-      [    :exoplanets_subtab             ,    'Exoplanets'                                               ,    '/exoplanets'                      ,    true                                              ,    true                                             ],
-      [    :rogue_planets_subtab          ,    'Rogue Planets'                                            ,    '/rogue_planets'                   ,    true                                              ,    true                                             ],
-      [    :stars_tab                     ,    request.path =~ /stars/ ? 'Stars!' : 'Stars'               ,    stars_path                         ,    true                                              ,    true                                             ],
-      [    :hidden_tab                    ,    'Hidden'                                                   ,    '/hidden/always_visible'           ,    request.path =~ /(hidden|galaxies)/               ,    true                                             ],
-      [    :always_visible_subtab         ,    'Always Visible'                                           ,    '/hidden/always_visible'           ,    true                                              ,    true                                             ],
-      [    :always_hidden_subtab          ,    'Always Hidden'                                            ,    '/hidden/always_hidden'            ,    false                                             ,    true                                             ],
-      [    :disabled_tab                  ,    'Disabled'                                                 ,    '/disabled/always_enabled'         ,    true                                              ,    request.path =~ /(disabled|stars)/               ],
-      [    :always_enabled_subtab         ,    'Always Enabled'                                           ,    '/disabled/always_enabled'         ,    true                                              ,    true                                             ],
-      [    :always_disabled_subtab        ,    'Always Disabled'                                          ,    '/disabled/always_disabled'        ,    true                                              ,    false                                            ],
-      #--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------#
-      #    TAB NAME                       |    DISPLAY TEXT                                               |    PATH                               |    VISIBLE?                                          |    ENABLED?                                         #
-      #--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------#
-    ]
-  end
+Tabulous.setup do
+
+  tabs do
+    home_tab do
+      text          'Explanation'
+      link_path     { root_path }
+      visible_when  { true }
+      enabled_when  { true }
+      active_when   { in_action('any').of_controller('home') }
+    end
+
+    galaxies_tab do
+      text          'Galaxies'
+      link_path     '/galaxies/elliptical_galaxies'
+      visible_when  { true }
+      enabled_when  { true }
+      active_when   { a_subtab_is_active }
+    end
+
+    elliptical_galaxies_subtab do
+      text          'Elliptical Galaxies'
+      link_path     '/galaxies/elliptical_galaxies'
+      visible_when  { true }
+      enabled_when  { true }
+      active_when   { in_action('any').of_controller('galaxies/elliptical_galaxies') }
+    end
+
+    spiral_galaxies_subtab do
+      text          'Spiral Galaxies'
+      link_path     '/galaxies/spiral_galaxies'
+      visible_when  { true }
+      enabled_when  { true }
+      active_when   { in_action('any').of_controller('galaxies/spiral_galaxies') }
+    end
+
+    lenticular_galaxies_subtab do
+      text          'Lenticular Galaxies'
+      link_path     '/galaxies/lenticular_galaxies'
+      visible_when  { true }
+      enabled_when  { true }
+      active_when   { in_action('any').of_controller('galaxies/lenticular_galaxies') }
+    end
+
+    planets_tab do
+      text          'Planets'
+      link_path     '/exoplanets'
+      visible_when  { true }
+      enabled_when  { true }
+      active_when   { a_subtab_is_active }
+    end
+
+    exoplanets_subtab do
+      text          'Exoplanets'
+      link_path     { exoplanets_path }
+      visible_when  { true }
+      enabled_when  { true }
+      active_when   { in_action('any').of_controller('exoplanets') }
+    end
 
-  #-------------
-  #   ACTIONS
-  #-------------
-  #
-  # This is where you hook up actions with tabs.  That way tabulous knows
-  # which tab and subtab to mark active when an action is rendered.
-  #
-  # CONTROLLER
-  #   the name of the controller
-  # ACTION
-  #   the name of the action, or :all_actions
-  # TAB
-  #   the name of the tab or subtab that is active when this action is rendered
-
-  config.actions do
-    [
-      #-----------------------------------------------------------------------------------------#
-      #    CONTROLLER              |    ACTION              |    TAB                            #
-      #-----------------------------------------------------------------------------------------#
-      [    :home                   ,    :all_actions        ,    :home_tab                      ],
-      [    :elliptical_galaxies    ,    :all_actions        ,    :elliptical_galaxies_subtab    ],
-      [    :spiral_galaxies        ,    :all_actions        ,    :spiral_galaxies_subtab        ],
-      [    :lenticular_galaxies    ,    :all_actions        ,    :lenticular_galaxies_subtab    ],
-      [    :exoplanets             ,    :all_actions        ,    :exoplanets_subtab             ],
-      [    :rogue_planets          ,    :all_actions        ,    :rogue_planets_subtab          ],
-      [    :stars                  ,    :all_actions        ,    :stars_tab                     ],
-      [    :misc                   ,    :always_visible     ,    :always_visible_subtab         ],
-      [    :misc                   ,    :always_hidden      ,    :always_hidden_subtab          ],
-      [    :misc                   ,    :always_enabled     ,    :always_enabled_subtab         ],
-      [    :misc                   ,    :always_disabled    ,    :always_disabled_subtab        ],
-      #-----------------------------------------------------------------------------------------#
-      #    CONTROLLER              |    ACTION              |    TAB                            #
-      #-----------------------------------------------------------------------------------------#
-    ]
+    rogue_planets_subtab do
+      text          'Rogue Planets'
+      link_path     { rogue_planets_path }
+      visible_when  { true }
+      enabled_when  { true }
+      active_when   { in_action('any').of_controller('rogue_planets') }
+    end
+
+    stars_tab do
+      text          { request.path =~ /stars/ ? 'Stars!' : 'Stars' }
+      link_path     { stars_path }
+      visible_when  { true }
+      enabled_when  { true }
+      active_when   { in_action('any').of_controller('stars') }
+    end
+
+    hidden_tab do
+      text          'Hidden'
+      link_path     '/hidden/always_visible'
+      visible_when  { request.path =~ /(hidden|galaxies)/ }
+      enabled_when  { true }
+      active_when   { a_subtab_is_active }
+    end
+
+    always_visible_subtab do
+      text          'Always Visible'
+      link_path     '/hidden/always_visible'
+      visible_when  { true }
+      enabled_when  { true }
+      active_when   { in_action('always_visible').of_controller('misc') }
+    end
+
+    always_hidden_subtab do
+      text          'Always Hidden'
+      link_path     '/hidden/always_hidden'
+      visible_when  false
+      enabled_when  { true }
+      active_when   { in_action('always_hidden').of_controller('misc') }
+    end
+
+    disabled_tab do
+      text          'Disabled'
+      link_path     '/disabled/always_enabled'
+      visible_when  { true }
+      enabled_when  { request.path =~ /(disabled|stars)/ }
+      active_when   { a_subtab_is_active }
+    end
+
+    always_enabled_subtab do
+      text          'Always Enabled'
+      link_path     '/disabled/always_enabled'
+      visible_when  { true }
+      enabled_when  { true }
+      active_when   { in_action('always_enabled').of_controller('misc') }
+    end
+
+    always_disabled_subtab do
+      text          'Always Disabled'
+      link_path     '/disabled/always_disabled'
+      visible_when  { true }
+      enabled_when  false
+      active_when   { in_action('always_disabled').of_controller('misc') }
+    end
   end
 
-  #-------------
-  #   OPTIONS
-  #-------------
-
-  # By default, you cannot click on the active tab.
-  config.active_tab_clickable = false
-
-  # By default, the subtabs HTML element is not rendered if it is empty.
-  config.always_render_subtabs = false
-
-  # Tabulous expects every controller action to be associated with a tab.
-  # When an action does not have an associated tab (or subtab), you can
-  # instruct tabulous how to behave:
-  config.when_action_has_no_tab = :raise_error      # the default behavior
-  # config.when_action_has_no_tab = :do_not_render  # no tab navigation HTML will be generated
-  # config.when_action_has_no_tab = :render         # the tab navigation HTML will be generated,
-                                                    # but no tab or subtab will be active
-
-  # By default, div elements are used in the tab markup.  When html5 is
-  # true, nav elements are used instead.
-  config.html5 = false
-
-  #------------
-  #   STYLES
-  #------------
-  #
-  # The markup that is generated has the following properties:
-  #
-  #   Tabs and subtabs that are selected have the class "active".
-  #   Tabs and subtabs that are not selected have the class "inactive".
-  #   Tabs that are disabled have the class "disabled"; otherwise, "enabled".
-  #   Tabs that are not visible do not appear in the markup at all.
-  #
-  # These classes are provided to make it easier for you to create your
-  # own CSS (and JavaScript) for the tabs.
-
-  # Some styles will be generated for you to get you off to a good start.
-  # Scaffolded styles are not meant to be used in production as they
-  # generate invalid HTML markup.  They are merely meant to give you a
-  # head start or an easy way to prototype quickly.
-  #
-  config.css.scaffolding = true
-
-  # You can tweak the colors of the generated CSS.
-  #
-  config.css.background_color = '#cec'
-  config.css.text_color = '#464'
-  config.css.active_tab_color = '#fff'
-  config.css.hover_tab_color = '#dfd'
-  config.css.inactive_tab_color = '#aca'
-  config.css.inactive_text_color = '#8a8'
+  use_css_scaffolding do
+    background_color '#cec'
+    text_color '#464'
+    active_tab_color '#fff'
+    hover_tab_color '#dfd'
+    inactive_tab_color '#aca'
+    inactive_text_color '#8a8'
+  end
 
 end

data/spec/applications/subtabs/shared/public/stylesheets/application.css

@@ -1,4 +1,6 @@
-// These styles are placed in app/assets/stylesheets for Rails 4 and public/stylesheets for Rails 3.0
+/* These styles are duplicated in two places:
+     public/stylesheets for Rails 3.0
+     app/assets/stylesheets for Rails 3.1+ (which uses the asset pipeline) */
 
 body {
   font-family: 'Verdana', sans-serif;

data/spec/applications/subtabs/shared/public/stylesheets/reset.css

@@ -1,3 +1,7 @@
+/* These styles are duplicated in two places:
+     public/stylesheets for Rails 3.0
+     app/assets/stylesheets for Rails 3.1+ (which uses the asset pipeline) */
+
 /* http://meyerweb.com/eric/tools/css/reset/
    v2.0 | 20110126
    License: none (public domain)

data/spec/applications/universal/spec/spec_helper.rb

@@ -1,4 +1,3 @@
-# This file is copied to spec/ when you run 'rails generate rspec:install'
 ENV["RAILS_ENV"] ||= 'test'
 require File.expand_path("../../config/environment", __FILE__)
 require 'rspec/rails'

data/spec/applications/universal/spec/support/should_be_clickable.rb

@@ -1,7 +1,7 @@
 RSpec::Matchers.define :be_clickable do
   match do |tab_text|
-    clickable_tab = page.all('#tabs li a', :text => tab_text)
-    clickable_subtab = page.all('#subtabs li a', :text => tab_text)
+    clickable_tab = page.all('.tabs li a', :text => tab_text)
+    clickable_subtab = page.all('.subtabs li a', :text => tab_text)
     !clickable_tab.empty? || !clickable_subtab.empty?
   end
 

data/spec/applications/universal/spec/support/tab_helpers.rb

@@ -5,47 +5,47 @@ module TabHelpers
   end
 
   def visible_tabs
-    page.all('#tabs li', :visible => true).map(&:text)
+    page.all('.tabs li', :visible => true).map(&:text)
   end
 
   def visible_subtabs
-    page.all('#subtabs li', :visible => true).map(&:text)
+    page.all('.subtabs li', :visible => true).map(&:text)
   end
 
   def disabled_tabs
-    page.all('#tabs li.disabled', :visible => true).map(&:text)
+    page.all('.tabs li.disabled', :visible => true).map(&:text)
   end
 
   def disabled_subtabs
-    page.all('#subtabs li.disabled', :visible => true).map(&:text)
+    page.all('.subtabs li.disabled', :visible => true).map(&:text)
   end
 
   def enabled_tabs
-    page.all('#tabs li.enabled', :visible => true).map(&:text)
+    page.all('.tabs li:not(.disabled)', :visible => true).map(&:text)
   end
 
   def enabled_subtabs
-    page.all('#subtabs li.enabled', :visible => true).map(&:text)
+    page.all('.subtabs li:not(.disabled)', :visible => true).map(&:text)
   end
 
   def active_tab
-    active_tabs = page.all('#tabs li.active', :visible => true)
+    active_tabs = page.all('.tabs li.active', :visible => true)
     raise "more than one active tab" if active_tabs.count > 1
     active_tabs.first.text
   end
 
   def active_subtab
-    active_subtabs = page.all('#subtabs li.active', :visible => true)
+    active_subtabs = page.all('.subtabs li.active', :visible => true)
     raise "more than one active subtab" if active_subtabs.count > 1
     active_subtabs.first.text
   end
 
   def subtabs_should_be_present
-    page.all('#subtabs', :visible => false).should_not be_empty
+    page.all('.subtabs', :visible => false).should_not be_empty
   end
 
   def subtabs_should_not_be_present
-    page.all('#subtabs', :visible => false).should be_empty
+    page.all('.subtabs', :visible => false).should be_empty
   end
 
 end

data/spec/applications/universal_gemfile.rb

@@ -17,7 +17,6 @@ def create_gemfile
     group :test do
       gem 'capybara', "~> 2.0.2"
       gem 'launchy'
-      gem 'redgreen' unless RUBY_VERSION >= "1.9"
     end
   CODE
   if rails_version? '3.0'
@@ -43,6 +42,7 @@ def create_gemfile
       gem 'rails', '~> 3.2.0'
       group :assets do
         gem 'sass-rails',   '~> 3.2.3'
+        gem 'bootstrap-sass', '~> 2.3.1.0'
         gem 'coffee-rails', '~> 3.2.1'
         gem 'uglifier', '>= 1.0.3'
       end
@@ -54,10 +54,11 @@ def create_gemfile
     CODE
   elsif rails_version? '4.0'
     gemfile += <<-CODE.strip_heredoc
-      gem 'rails', '~> 4.0.0.beta1'
+      gem 'rails', '~> 4.0.0.rc1'
       group :assets do
-        gem 'sass-rails',   '~> 4.0.0.beta1'
-        gem 'coffee-rails', '~> 4.0.0.beta1'
+        gem 'sass-rails',   '~> 4.0.0.rc1'
+        gem 'bootstrap-sass', '~> 2.3.1.0'
+        gem 'coffee-rails', '~> 4.0.0.rc1'
         gem 'uglifier', '>= 1.0.3'
       end
       gem 'jquery-rails'

data/spec/lib/tabulous/bootstrap_pill_renderer_spec.rb

@@ -0,0 +1,37 @@
+require_relative '../../spec_helper'
+
+describe Tabulous::BootstrapPillRenderer do
+  include Tabulous::TestData
+
+  before(:each) do
+    create_sample_tabset
+    @renderer = Tabulous::BootstrapPillRenderer.new(@tabset, @view)
+  end
+
+  it "should return Bootstrap HTML for tabs with a nav-pills class" do
+    tabs_html = @renderer.tabs_html
+    tabs_html.should be_a(String)
+    expect(tabs_html).to match(/<ul class="nav nav-pills">/)
+    expect(tabs_html).to_not match(/<ul class="nav nav-tabs">/)
+    expect(tabs_html).to_not match(/<div class="tabs">/)
+  end
+
+  it "should not show invisible tabs" do
+    expect(@renderer.tabs_html).to_not match(/cookies/)
+  end
+
+  it "should have the correct HTML for disabled tabs" do
+    expect(@renderer.tabs_html).to match(/<li class="disabled"><a>cupcakes<\/a><\/li>/)
+  end
+
+  it "should return the expected HTML" do
+    tabs_html = @renderer.tabs_html
+    expected_html = <<-HTML.strip_heredoc
+      <ul class="nav nav-pills">
+        <li><a href="/cakes">cakes</a></li><li class="disabled"><a>cupcakes</a></li><li class="active dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">breads<b class="caret"></b></a><ul class="dropdown-menu"><li><a href="/breads/spoonbread">spoonbread</a></li><li><a href="/breads/banana-bread">banana bread</a></li></ul></li>
+      </ul>
+    HTML
+    tabs_html.should == expected_html
+  end
+
+end

data/spec/lib/tabulous/bootstrap_renderer_spec.rb

@@ -0,0 +1,36 @@
+require_relative '../../spec_helper'
+
+describe Tabulous::BootstrapRenderer do
+  include Tabulous::TestData
+
+  before(:each) do
+    create_sample_tabset
+    @renderer = Tabulous::BootstrapRenderer.new(@tabset, @view)
+  end
+
+  it "should return Bootstrap HTML for tabs" do
+    tabs_html = @renderer.tabs_html
+    tabs_html.should be_a(String)
+    expect(tabs_html).to match(/<ul class="nav nav-tabs">/)
+    expect(tabs_html).to_not match(/<div class="tabs">/)
+  end
+
+  it "should not show invisible tabs" do
+    expect(@renderer.tabs_html).to_not match(/cookies/)
+  end
+
+  it "should have the correct HTML for disabled tabs" do
+    expect(@renderer.tabs_html).to match(/<li class="disabled"><a>cupcakes<\/a><\/li>/)
+  end
+
+  it "should return the expected HTML" do
+    tabs_html = @renderer.tabs_html
+    expected_html = <<-HTML.strip_heredoc
+      <ul class="nav nav-tabs">
+        <li><a href="/cakes">cakes</a></li><li class="disabled"><a>cupcakes</a></li><li class="active dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">breads<b class="caret"></b></a><ul class="dropdown-menu"><li><a href="/breads/spoonbread">spoonbread</a></li><li><a href="/breads/banana-bread">banana bread</a></li></ul></li>
+      </ul>
+    HTML
+    tabs_html.should == expected_html
+  end
+
+end

data/spec/lib/tabulous/config_spec.rb

@@ -0,0 +1,27 @@
+require_relative '../../spec_helper'
+
+describe Tabulous::Config do
+
+  it "should have all the options with the correct defaults" do
+    Tabulous::Config.renderer.should == :default
+    Tabulous::Config.active_tab_clickable.should == true
+    Tabulous::Config.when_action_has_no_tab.should == :do_not_render
+    Tabulous::Config.render_subtabs_when_empty.should == false
+    Tabulous::Config.use_css_scaffolding.should == false
+    Tabulous::Config.background_color.should == '#ccc'
+    Tabulous::Config.text_color.should == '#444'
+    Tabulous::Config.active_tab_color.should == '#fff'
+    Tabulous::Config.hover_tab_color.should == '#ddd'
+    Tabulous::Config.inactive_tab_color.should == '#aaa'
+    Tabulous::Config.inactive_text_color.should == '#888'
+  end
+
+  it "should raise an error if renderer is set to a non-string or non-symbol value" do
+    expect { Tabulous::Config.renderer = Fixnum }.to raise_error(Tabulous::ImproperValueError)
+  end
+
+  it "should raise an error if when_action_has_no_tab is set to a wrong value" do
+    expect { Tabulous::Config.when_action_has_no_tab = :do_the_harlem_shake }.to raise_error(Tabulous::ImproperValueError)
+  end
+
+end

data/spec/lib/tabulous/css_scaffolding_spec.rb

@@ -0,0 +1,21 @@
+require_relative '../../spec_helper'
+
+describe Tabulous::CssScaffolding do
+  describe "embeddable styles" do
+    let(:embeddable_styles) { Tabulous::CssScaffolding.embeddable_styles }
+
+    it "should be a string" do
+      embeddable_styles.should be_a(String)
+    end
+
+    it "should be embeddable in HTML" do
+      expect(embeddable_styles).to match(/^\s*<style type="text\/css">/)
+      expect(embeddable_styles).to match(/<\/style>\s*$/)
+    end
+
+    it "should have tab-related CSS" do
+      expect(embeddable_styles).to match(/.tabs ul/)
+      expect(embeddable_styles).to match(/.subtabs ul/)
+    end
+  end
+end

data/spec/lib/tabulous/default_renderer_spec.rb

@@ -0,0 +1,56 @@
+require_relative '../../spec_helper'
+
+describe Tabulous::DefaultRenderer do
+  include Tabulous::TestData
+
+  before(:each) do
+    create_sample_tabset
+    @renderer = Tabulous::DefaultRenderer.new(@tabset, @view)
+  end
+
+  it "should return HTML for tabs" do
+    tabs_html = @renderer.tabs_html
+    tabs_html.should be_a(String)
+    expect(tabs_html).to match(/<div class="tabs">/)
+    expect(tabs_html).to_not match(/<div class="subtabs">/)
+  end
+
+  it "should return HTML for subtabs" do
+    subtabs_html = @renderer.subtabs_html
+    subtabs_html.should be_a(String)
+    expect(subtabs_html).to match(/<div class="subtabs">/)
+    expect(subtabs_html).to_not match(/<div class="tabs">/)
+  end
+
+  it "should not show invisible tabs" do
+    expect(@renderer.tabs_html).to_not match(/cookies/)
+  end
+
+  it "should have the correct HTML for disabled tabs" do
+    expect(@renderer.tabs_html).to match(/<li class="disabled"><span class="tab">cupcakes<\/span><\/li>/)
+  end
+
+  it "should return the expected HTML for tabs" do
+    tabs_html = @renderer.tabs_html
+    expected_html = <<-HTML.strip_heredoc
+      <div class="tabs">
+        <ul>
+          <li><a href="/cakes" class="tab">cakes</a></li><li class="disabled"><span class="tab">cupcakes</span></li><li class="active"><a href="/breads" class="tab">breads</a></li>
+        </ul>
+      </div>
+    HTML
+    tabs_html.should == expected_html
+  end
+
+  it "should return the expected HTML for subtabs" do
+    subtabs_html = @renderer.subtabs_html
+    expected_html = <<-HTML.strip_heredoc
+      <div class="subtabs">
+        <ul>
+          <li class="active"><a href="/breads/spoonbread" class="tab">spoonbread</a></li><li><a href="/breads/banana-bread" class="tab">banana bread</a></li>
+        </ul>
+      </div>
+    HTML
+    subtabs_html.should == expected_html
+  end
+end

data/spec/lib/tabulous/dsl/config_spec.rb

@@ -0,0 +1,16 @@
+require_relative '../../../spec_helper'
+
+describe "the DSL for setting configuration values" do
+
+  it "should process any call by setting the value directly on Tabulous::Config" do
+    Tabulous::Config.text_color = 'blue'
+    Tabulous::Config.active_tab_clickable = false
+    Tabulous::Dsl::Config.process do
+      text_color 'red'
+      active_tab_clickable true
+    end
+    Tabulous::Config.text_color.should == 'red'
+    Tabulous::Config.active_tab_clickable.should == true
+  end
+
+end