tabulous 0.0.1

data/test/applications/main/public/javascripts/rails.js

@@ -0,0 +1,175 @@
+(function() {
+  // Technique from Juriy Zaytsev
+  // http://thinkweb2.com/projects/prototype/detecting-event-support-without-browser-sniffing/
+  function isEventSupported(eventName) {
+    var el = document.createElement('div');
+    eventName = 'on' + eventName;
+    var isSupported = (eventName in el);
+    if (!isSupported) {
+      el.setAttribute(eventName, 'return;');
+      isSupported = typeof el[eventName] == 'function';
+    }
+    el = null;
+    return isSupported;
+  }
+
+  function isForm(element) {
+    return Object.isElement(element) && element.nodeName.toUpperCase() == 'FORM'
+  }
+
+  function isInput(element) {
+    if (Object.isElement(element)) {
+      var name = element.nodeName.toUpperCase()
+      return name == 'INPUT' || name == 'SELECT' || name == 'TEXTAREA'
+    }
+    else return false
+  }
+
+  var submitBubbles = isEventSupported('submit'),
+      changeBubbles = isEventSupported('change')
+
+  if (!submitBubbles || !changeBubbles) {
+    // augment the Event.Handler class to observe custom events when needed
+    Event.Handler.prototype.initialize = Event.Handler.prototype.initialize.wrap(
+      function(init, element, eventName, selector, callback) {
+        init(element, eventName, selector, callback)
+        // is the handler being attached to an element that doesn't support this event?
+        if ( (!submitBubbles && this.eventName == 'submit' && !isForm(this.element)) ||
+             (!changeBubbles && this.eventName == 'change' && !isInput(this.element)) ) {
+          // "submit" => "emulated:submit"
+          this.eventName = 'emulated:' + this.eventName
+        }
+      }
+    )
+  }
+
+  if (!submitBubbles) {
+    // discover forms on the page by observing focus events which always bubble
+    document.on('focusin', 'form', function(focusEvent, form) {
+      // special handler for the real "submit" event (one-time operation)
+      if (!form.retrieve('emulated:submit')) {
+        form.on('submit', function(submitEvent) {
+          var emulated = form.fire('emulated:submit', submitEvent, true)
+          // if custom event received preventDefault, cancel the real one too
+          if (emulated.returnValue === false) submitEvent.preventDefault()
+        })
+        form.store('emulated:submit', true)
+      }
+    })
+  }
+
+  if (!changeBubbles) {
+    // discover form inputs on the page
+    document.on('focusin', 'input, select, texarea', function(focusEvent, input) {
+      // special handler for real "change" events
+      if (!input.retrieve('emulated:change')) {
+        input.on('change', function(changeEvent) {
+          input.fire('emulated:change', changeEvent, true)
+        })
+        input.store('emulated:change', true)
+      }
+    })
+  }
+
+  function handleRemote(element) {
+    var method, url, params;
+
+    var event = element.fire("ajax:before");
+    if (event.stopped) return false;
+
+    if (element.tagName.toLowerCase() === 'form') {
+      method = element.readAttribute('method') || 'post';
+      url    = element.readAttribute('action');
+      params = element.serialize();
+    } else {
+      method = element.readAttribute('data-method') || 'get';
+      url    = element.readAttribute('href');
+      params = {};
+    }
+
+    new Ajax.Request(url, {
+      method: method,
+      parameters: params,
+      evalScripts: true,
+
+      onComplete:    function(request) { element.fire("ajax:complete", request); },
+      onSuccess:     function(request) { element.fire("ajax:success",  request); },
+      onFailure:     function(request) { element.fire("ajax:failure",  request); }
+    });
+
+    element.fire("ajax:after");
+  }
+
+  function handleMethod(element) {
+    var method = element.readAttribute('data-method'),
+        url = element.readAttribute('href'),
+        csrf_param = $$('meta[name=csrf-param]')[0],
+        csrf_token = $$('meta[name=csrf-token]')[0];
+
+    var form = new Element('form', { method: "POST", action: url, style: "display: none;" });
+    element.parentNode.insert(form);
+
+    if (method !== 'post') {
+      var field = new Element('input', { type: 'hidden', name: '_method', value: method });
+      form.insert(field);
+    }
+
+    if (csrf_param) {
+      var param = csrf_param.readAttribute('content'),
+          token = csrf_token.readAttribute('content'),
+          field = new Element('input', { type: 'hidden', name: param, value: token });
+      form.insert(field);
+    }
+
+    form.submit();
+  }
+
+
+  document.on("click", "*[data-confirm]", function(event, element) {
+    var message = element.readAttribute('data-confirm');
+    if (!confirm(message)) event.stop();
+  });
+
+  document.on("click", "a[data-remote]", function(event, element) {
+    if (event.stopped) return;
+    handleRemote(element);
+    event.stop();
+  });
+
+  document.on("click", "a[data-method]", function(event, element) {
+    if (event.stopped) return;
+    handleMethod(element);
+    event.stop();
+  });
+
+  document.on("submit", function(event) {
+    var element = event.findElement(),
+        message = element.readAttribute('data-confirm');
+    if (message && !confirm(message)) {
+      event.stop();
+      return false;
+    }
+
+    var inputs = element.select("input[type=submit][data-disable-with]");
+    inputs.each(function(input) {
+      input.disabled = true;
+      input.writeAttribute('data-original-value', input.value);
+      input.value = input.readAttribute('data-disable-with');
+    });
+
+    var element = event.findElement("form[data-remote]");
+    if (element) {
+      handleRemote(element);
+      event.stop();
+    }
+  });
+
+  document.on("ajax:after", "form", function(event, element) {
+    var inputs = element.select("input[type=submit][disabled=true][data-disable-with]");
+    inputs.each(function(input) {
+      input.value = input.readAttribute('data-original-value');
+      input.removeAttribute('data-original-value');
+      input.disabled = false;
+    });
+  });
+})();

data/test/applications/main/script/rails

@@ -0,0 +1,6 @@
+#!/usr/bin/env ruby
+# This command will automatically be run when you run "rails" with Rails 3 gems installed from the root of your application.
+
+APP_PATH = File.expand_path('../../config/application',  __FILE__)
+require File.expand_path('../../config/boot',  __FILE__)
+require 'rails/commands'

data/test/applications/main/test/integration/actions_test.rb

@@ -0,0 +1,79 @@
+require File.expand_path("../integration_test_helper", File.dirname(__FILE__))
+ 
+class ActionsTest < ActionController::IntegrationTest
+
+  def setup
+    use_initializer %Q{
+      Tabulous.setup do |config|
+
+        config.tabs = [
+          #------------------------------------------------------------------------------------------------------#
+          #    TAB NAME         |    DISPLAY TEXT     |    PATH                |    VISIBLE?    |    ENABLED?    #
+          #------------------------------------------------------------------------------------------------------#
+          [    :home_tab        ,    'Explanation'    ,    "/"                 ,    true        ,    true        ],
+          [    :galaxies_tab    ,    'Galaxies'       ,    "/galaxies"         ,    true        ,    true        ],
+          [    :stars_tab       ,    'Stars'          ,    "/stars"            ,    true        ,    true        ],
+          [    :planets_tab     ,    'Planets'        ,    "/planets"          ,    true        ,    true        ],
+          [    :subtabs_tab     ,    'Subtabs'        ,    "/subtabs/one"      ,    true        ,    true        ],
+          [    :one_subtab      ,    'One'            ,    "/subtabs/one"      ,    true        ,    true        ],
+          [    :two_subtab      ,    'Two'            ,    "/subtabs/two"      ,    true        ,    true        ],
+          [    :three_subtab    ,    'Three'          ,    "/subtabs/three"    ,    true        ,    true        ],
+          #------------------------------------------------------------------------------------------------------#
+          #    TAB NAME         |    DISPLAY TEXT     |    PATH                |    VISIBLE?    |    ENABLED?    #
+          #------------------------------------------------------------------------------------------------------#
+        ]
+
+        config.actions = [
+          #-------------------------------------------------------------#
+          #    CONTROLLER    |    ACTION          |    TAB              #
+          #-------------------------------------------------------------#
+          [    :home         ,    :index          ,    :home_tab        ],
+          [    :galaxies     ,    :all_actions    ,    :galaxies_tab    ],
+          [    :stars        ,    :all_actions    ,    :stars_tab       ],
+          [    :planets      ,    :all_actions    ,    :planets_tab     ],
+          [    :subtabs      ,    :one            ,    :one_subtab      ],
+          [    :subtabs      ,    :two            ,    :two_subtab      ],
+          [    :subtabs      ,    :three          ,    :three_subtab    ],
+          #-------------------------------------------------------------#
+          #    CONTROLLER    |    ACTION          |    TAB              #
+          #-------------------------------------------------------------#
+        ]
+
+        config.css.scaffolding = true
+
+      end
+    }
+  end
+
+  test "tab actions" do
+    visit '/'
+    assert page.has_content?('This tests tabulous in all sorts of configurations.')
+    assert_tab_active 'Explanation'
+    click_link 'Galaxies'
+    assert page.has_content?('Listing galaxies')
+    assert_tab_active 'Galaxies'
+    click_link 'New Galaxy'
+    assert page.has_content?('New galaxy')
+    assert_tab_active 'Galaxies'
+    click_link 'Planets'
+    assert page.has_content?('Listing planets')
+    assert_tab_active 'Planets'
+  end
+
+  test "subtab actions" do
+    visit '/'
+    click_link 'Subtabs'
+    assert page.has_content?('Subtab #1')
+    assert_tab_active 'Subtabs'
+    assert_subtab_active 'One'
+    click_link 'Two'
+    assert page.has_content?('Subtab #2')
+    assert_tab_active 'Subtabs'
+    assert_subtab_active 'Two'
+    click_link 'Three'
+    assert page.has_content?('Subtab #3')
+    assert_tab_active 'Subtabs'
+    assert_subtab_active 'Three'
+  end
+
+end

data/test/applications/main/test/integration/active_tab_clickable_test.rb

@@ -0,0 +1,86 @@
+require File.expand_path("../integration_test_helper", File.dirname(__FILE__))
+ 
+class ActiveTabClickableTest < ActionController::IntegrationTest
+
+  def init(active_tab_clickable)
+    use_initializer %Q{
+      Tabulous.setup do |config|
+
+        config.tabs = [
+          #------------------------------------------------------------------------------------------------------#
+          #    TAB NAME         |    DISPLAY TEXT     |    PATH                |    VISIBLE?    |    ENABLED?    #
+          #------------------------------------------------------------------------------------------------------#
+          [    :home_tab        ,    'Explanation'    ,    "/"                 ,    true        ,    true        ],
+          [    :galaxies_tab    ,    'Galaxies'       ,    "/galaxies"         ,    true        ,    true        ],
+          [    :stars_tab       ,    'Stars'          ,    "/stars"            ,    true        ,    true        ],
+          [    :planets_tab     ,    'Planets'        ,    "/planets"          ,    true        ,    true        ],
+          [    :subtabs_tab     ,    'Subtabs'        ,    "/subtabs/one"      ,    true        ,    true        ],
+          [    :one_subtab      ,    'One'            ,    "/subtabs/one"      ,    true        ,    true        ],
+          [    :two_subtab      ,    'Two'            ,    "/subtabs/two"      ,    true        ,    true        ],
+          [    :three_subtab    ,    'Three'          ,    "/subtabs/three"    ,    true        ,    true        ],
+          #------------------------------------------------------------------------------------------------------#
+          #    TAB NAME         |    DISPLAY TEXT     |    PATH                |    VISIBLE?    |    ENABLED?    #
+          #------------------------------------------------------------------------------------------------------#
+        ]
+
+        config.actions = [
+          #-------------------------------------------------------------#
+          #    CONTROLLER    |    ACTION          |    TAB              #
+          #-------------------------------------------------------------#
+          [    :home         ,    :all_actions    ,    :home_tab        ],
+          [    :galaxies     ,    :all_actions    ,    :galaxies_tab    ],
+          [    :stars        ,    :all_actions    ,    :stars_tab       ],
+          [    :planets      ,    :all_actions    ,    :planets_tab     ],
+          [    :subtabs      ,    :one            ,    :one_subtab      ],
+          [    :subtabs      ,    :two            ,    :two_subtab      ],
+          [    :subtabs      ,    :three          ,    :three_subtab    ],
+          #-------------------------------------------------------------#
+          #    CONTROLLER    |    ACTION          |    TAB              #
+          #-------------------------------------------------------------#
+        ]
+
+        config.active_tab_clickable = #{active_tab_clickable}
+
+      end
+    }
+  end
+
+  def assert_tab_clickable(text)
+    result = page.all('#tabs li a', :text => text)
+    assert !result.empty?
+  end
+
+  def assert_tab_not_clickable(text)
+    link = page.all('#tabs li a', :text => text)
+    span = page.all('#tabs li span', :text => text)
+    assert !span.empty?
+    assert link.empty?
+  end
+
+  test "active tab clickable" do
+    init(true)
+    visit '/'
+    assert_tab_active 'Explanation'
+    assert_tab_clickable 'Explanation'
+    click_link 'Galaxies'
+    assert_tab_active 'Galaxies'
+    assert_tab_clickable 'Galaxies'
+    click_link 'Subtabs'
+    assert_tab_active 'Subtabs'
+    assert_tab_clickable 'Subtabs'
+  end
+
+  test "active tab not clickable" do
+    init(false)
+    visit '/'
+    assert_tab_active 'Explanation'
+    assert_tab_not_clickable 'Explanation'
+    click_link 'Galaxies'
+    assert_tab_active 'Galaxies'
+    assert_tab_not_clickable 'Galaxies'
+    click_link 'Subtabs'
+    assert_tab_active 'Subtabs'
+    assert_tab_not_clickable 'Subtabs'
+  end
+
+end

data/test/applications/main/test/integration/always_render_subtabs_test.rb

@@ -0,0 +1,84 @@
+require File.expand_path("../integration_test_helper", File.dirname(__FILE__))
+ 
+class AlwaysRenderSubtabsTest < ActionController::IntegrationTest
+
+  def init(always_render_subtabs)
+    use_initializer %Q{
+      Tabulous.setup do |config|
+
+        config.tabs = [
+          #------------------------------------------------------------------------------------------------------#
+          #    TAB NAME         |    DISPLAY TEXT     |    PATH                |    VISIBLE?    |    ENABLED?    #
+          #------------------------------------------------------------------------------------------------------#
+          [    :home_tab        ,    'Explanation'    ,    "/"                 ,    true        ,    true        ],
+          [    :galaxies_tab    ,    'Galaxies'       ,    "/galaxies"         ,    true        ,    true        ],
+          [    :stars_tab       ,    'Stars'          ,    "/stars"            ,    true        ,    true        ],
+          [    :planets_tab     ,    'Planets'        ,    "/planets"          ,    true        ,    true        ],
+          [    :subtabs_tab     ,    'Subtabs'        ,    "/subtabs/one"      ,    true        ,    true        ],
+          [    :one_subtab      ,    'One'            ,    "/subtabs/one"      ,    true        ,    true        ],
+          [    :two_subtab      ,    'Two'            ,    "/subtabs/two"      ,    true        ,    true        ],
+          [    :three_subtab    ,    'Three'          ,    "/subtabs/three"    ,    true        ,    true        ],
+          #------------------------------------------------------------------------------------------------------#
+          #    TAB NAME         |    DISPLAY TEXT     |    PATH                |    VISIBLE?    |    ENABLED?    #
+          #------------------------------------------------------------------------------------------------------#
+        ]
+
+        config.actions = [
+          #-------------------------------------------------------------#
+          #    CONTROLLER    |    ACTION          |    TAB              #
+          #-------------------------------------------------------------#
+          [    :home         ,    :all_actions    ,    :home_tab        ],
+          [    :galaxies     ,    :all_actions    ,    :galaxies_tab    ],
+          [    :stars        ,    :all_actions    ,    :stars_tab       ],
+          [    :planets      ,    :all_actions    ,    :planets_tab     ],
+          [    :subtabs      ,    :one            ,    :one_subtab      ],
+          [    :subtabs      ,    :two            ,    :two_subtab      ],
+          [    :subtabs      ,    :three          ,    :three_subtab    ],
+          #-------------------------------------------------------------#
+          #    CONTROLLER    |    ACTION          |    TAB              #
+          #-------------------------------------------------------------#
+        ]
+
+        config.always_render_subtabs = #{always_render_subtabs}
+
+      end
+    }
+  end
+
+  def assert_subtabs
+    assert page.has_css?('#subtabs')
+  end
+
+  def assert_no_subtabs
+    assert !page.has_css?('#subtabs')
+  end
+
+  test "always render subtabs" do
+    init(true)
+    visit '/'
+    assert_subtabs
+    click_link 'Galaxies'
+    assert_subtabs
+    click_link 'Stars'
+    assert_subtabs
+    click_link 'Planets'
+    assert_subtabs
+    click_link 'Subtabs'
+    assert_subtabs
+  end
+
+  test "don't always render subtabs" do
+    init(false)
+    visit '/'
+    assert_no_subtabs
+    click_link 'Galaxies'
+    assert_no_subtabs
+    click_link 'Stars'
+    assert_no_subtabs
+    click_link 'Planets'
+    assert_no_subtabs
+    click_link 'Subtabs'
+    assert_subtabs
+  end
+
+end

data/test/applications/main/test/integration/css_no_scaffolding_test.rb

@@ -0,0 +1,57 @@
+require File.expand_path("../integration_test_helper", File.dirname(__FILE__))
+ 
+class CssNoScaffoldingTest < ActionController::IntegrationTest
+
+  def setup
+    use_initializer %Q{
+      Tabulous.setup do |config|
+
+        config.tabs = [
+          #------------------------------------------------------------------------------------------------------#
+          #    TAB NAME         |    DISPLAY TEXT     |    PATH                |    VISIBLE?    |    ENABLED?    #
+          #------------------------------------------------------------------------------------------------------#
+          [    :home_tab        ,    'Explanation'    ,    "/"                 ,    true        ,    true        ],
+          [    :galaxies_tab    ,    'Galaxies'       ,    "/galaxies"         ,    true        ,    true        ],
+          [    :stars_tab       ,    'Stars'          ,    "/stars"            ,    true        ,    true        ],
+          [    :planets_tab     ,    'Planets'        ,    "/planets"          ,    true        ,    true        ],
+          [    :subtabs_tab     ,    'Subtabs'        ,    "/subtabs/one"      ,    true        ,    true        ],
+          [    :one_subtab      ,    'One'            ,    "/subtabs/one"      ,    true        ,    true        ],
+          [    :two_subtab      ,    'Two'            ,    "/subtabs/two"      ,    true        ,    true        ],
+          [    :three_subtab    ,    'Three'          ,    "/subtabs/three"    ,    true        ,    true        ],
+          #------------------------------------------------------------------------------------------------------#
+          #    TAB NAME         |    DISPLAY TEXT     |    PATH                |    VISIBLE?    |    ENABLED?    #
+          #------------------------------------------------------------------------------------------------------#
+        ]
+
+        config.actions = [
+          #-------------------------------------------------------------#
+          #    CONTROLLER    |    ACTION          |    TAB              #
+          #-------------------------------------------------------------#
+          [    :home         ,    :all_actions    ,    :home_tab        ],
+          [    :galaxies     ,    :all_actions    ,    :galaxies_tab    ],
+          [    :stars        ,    :all_actions    ,    :stars_tab       ],
+          [    :planets      ,    :all_actions    ,    :planets_tab     ],
+          [    :subtabs      ,    :one            ,    :one_subtab      ],
+          [    :subtabs      ,    :two            ,    :two_subtab      ],
+          [    :subtabs      ,    :three          ,    :three_subtab    ],
+          #-------------------------------------------------------------#
+          #    CONTROLLER    |    ACTION          |    TAB              #
+          #-------------------------------------------------------------#
+        ]
+
+      end
+    }
+  end
+
+  test "works without css scaffolding" do
+    visit '/'
+    assert_tab_active 'Explanation'
+    click_link 'Galaxies'
+    assert page.has_content?('Listing galaxies')
+    assert_tab_active 'Galaxies'
+    click_link 'Planets'
+    assert page.has_content?('Listing planets')
+    assert_tab_active 'Planets'
+  end
+
+end