tabulous 0.0.1

data/test/applications/subtabs/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/subtabs/public/stylesheets/application.css

@@ -0,0 +1,49 @@
+body {
+  font-family: 'Verdana', sans-serif;
+  font-size: 14px;
+}
+
+h1#title {
+  font-size: 30px;
+  text-align: center;
+  padding-top: 30px;
+}
+
+h2#subtitle {
+  text-align: center;
+}
+
+#main {
+  background-color: #cec;
+}
+
+ul {
+  list-style: disc;
+  margin: 1em 2em;
+}
+
+p, div {
+  margin: 1em;
+}
+
+h1 {
+  font-size: 24px;
+  font-weight: bold;
+  padding-bottom: 12px;
+}
+
+h2 {
+  font-size: 18px;
+  font-weight: bold;
+  padding-bottom: 9px;
+}
+
+h3 {
+  font-size: 16px;
+  font-weight: bold;
+  padding-bottom: 8px;
+}
+
+#content {
+  padding: 30px 50px;
+}

data/test/applications/subtabs/public/stylesheets/reset.css

@@ -0,0 +1,48 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}

data/test/applications/subtabs/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/subtabs/test/integration/subtabs_test.rb

@@ -0,0 +1,67 @@
+require File.expand_path("../integration_test_helper", File.dirname(__FILE__))
+ 
+class SubtabsTest < ActionController::IntegrationTest
+ 
+  test "viewing subtabs application" do
+    visit '/'
+    assert page.has_content?('Explanation')
+  end
+ 
+  test "displaying subtabs" do
+    visit '/'
+    click_link 'Galaxies'
+    assert page.has_content?('Elliptical Galaxies')
+    assert page.has_content?('Spiral Galaxies')
+    assert page.has_content?('Lenticular Galaxies')
+  end
+ 
+  test "selecting a subtab" do
+    visit '/'
+    click_link 'Galaxies'
+    assert page.has_content?('Listing elliptical_galaxies')
+    click_link 'Spiral Galaxies'
+    assert page.has_content?('Listing spiral_galaxies')
+    click_link 'Lenticular Galaxies'
+    assert page.has_content?('Listing lenticular_galaxies')
+  end
+ 
+  test "tab visibility" do
+    visit '/'
+    assert_tab_not_present 'Hidden'
+    click_link 'Galaxies'
+    assert_tab_present 'Hidden'
+    click_link 'Planets'
+    assert_tab_not_present 'Hidden'
+  end
+ 
+  test "subtab visibility" do
+    visit '/'
+    click_link 'Galaxies'
+    click_link 'Hidden'
+    assert_subtab_present 'Always Visible'
+    assert_subtab_not_present 'Always Hidden'
+  end
+ 
+  test "changing tab text" do
+    visit '/'
+    click_link 'Stars'
+    assert_tab_present 'Stars!'
+    assert_tab_not_present 'Stars'
+  end
+ 
+  test "disabled tabs" do
+    visit '/'
+    assert_tab_disabled 'Disabled'
+    click_link 'Stars'
+    assert_tab_enabled 'Disabled'
+  end
+ 
+  test "disabled subtabs" do
+    visit '/'
+    click_link 'Stars'
+    click_link 'Disabled'
+    assert_subtab_enabled 'Always Enabled'
+    assert_subtab_disabled 'Always Disabled'
+  end
+ 
+end

data/test/applications/subtabs/test/integration_test_helper.rb

@@ -0,0 +1,6 @@
+require File.expand_path('test_helper', File.dirname(__FILE__))
+require File.expand_path('../../../test_application_integration_test_helper', File.dirname(__FILE__))
+
+# This file contains integration test code specific to this test application.  Integration
+# test code that is shared among all test applications should live in
+# test/test_application_integration_test_helper.rb.

data/test/applications/subtabs/test/test_helper.rb

@@ -0,0 +1,8 @@
+ENV["RAILS_ENV"] = "test"
+require File.expand_path('../../config/environment', __FILE__)
+require 'rails/test_help'
+require File.expand_path('../../../test_application_test_helper', File.dirname(__FILE__))
+
+# This file contains test code specific to this test application.  Helper
+# test code that is shared among all test applications should live in
+# test/test_application_test_helper.rb.

data/test/test_application_gemfile.rb

@@ -0,0 +1,14 @@
+# This DRYs up the Gemfiles of our test applications.
+
+def shared_test_application_gems(bundler)
+  bundler.instance_eval do
+    gem 'rails', '>= 3.0.0'
+    gem 'sqlite3-ruby', :require => 'sqlite3'
+    gem 'tabulous', :path => "../../.."
+    group :test do
+      gem 'capybara'
+      gem 'launchy'
+      gem 'redgreen' unless RUBY_VERSION >= "1.9"
+    end
+  end
+end

data/test/test_application_integration_test_helper.rb

@@ -0,0 +1,89 @@
+require 'capybara/rails'
+
+module ActionController
+  class IntegrationTest
+
+    include Capybara
+
+    def assert_tab_not_present(text)
+      begin
+        message = "expected tab with text '#{text}' to not be present"
+        page.find(:xpath, %Q{//div[@id="tabs"]//ul/li/*[. = "#{text}"]})
+        assert_block(message) { false }
+      rescue Capybara::ElementNotFound
+        assert_block(message) { true }
+      end
+    end
+
+    def assert_tab_present(text)
+      begin
+        message = "expected tab with text '#{text}' to be present"
+        page.find(:xpath, %Q{//div[@id="tabs"]//ul/li/*[. = "#{text}"]})
+        assert_block(message) { true }
+      rescue Capybara::ElementNotFound
+        assert_block(message) { false }
+      end
+    end
+
+    def assert_subtab_not_present(text)
+      begin
+        message = "expected subtab with text '#{text}' to not be present"
+        page.find(:xpath, %Q{//div[@id="subtabs"]//ul/li/*[. = "#{text}"]})
+        assert_block(message) { false }
+      rescue Capybara::ElementNotFound
+        assert_block(message) { true }
+      end
+    end
+
+    def assert_subtab_present(text)
+      begin
+        message = "expected subtab with text '#{text}' to be present"
+        page.find(:xpath, %Q{//div[@id="subtabs"]//ul/li/*[. = "#{text}"]})
+        assert_block(message) { true }
+      rescue Capybara::ElementNotFound
+        assert_block(message) { false }
+      end
+    end
+
+    def assert_tab_disabled(text)
+      message = "expected tab with text '#{text}' to be disabled"
+      result = page.all('#tabs li.disabled', :text => text)
+      assert_block(message) { !result.empty? }
+    end
+
+    def assert_tab_enabled(text)
+      message = "expected tab with text '#{text}' to be enabled"
+      result = page.all('#tabs li.enabled', :text => text)
+      assert_block(message) { !result.empty? }
+    end
+
+    def assert_subtab_disabled(text)
+      message = "expected subtab with text '#{text}' to be disabled"
+      result = page.all('#subtabs li.disabled', :text => text)
+      assert_block(message) { !result.empty? }
+    end
+
+    def assert_subtab_enabled(text)
+      message = "expected subtab with text '#{text}' to be enabled"
+      result = page.all('#subtabs li.enabled', :text => text)
+      assert_block(message) { !result.empty? }
+    end
+
+    def assert_tab_active(text)
+      message = "expected tab with text '#{text}' to be active"
+      result = page.all('#tabs li.active', :text => text)
+      assert_block(message) { !result.empty? }
+    end
+
+    def assert_subtab_active(text)
+      message = "expected subtab with text '#{text}' to be active"
+      result = page.all('#subtabs li.active', :text => text)
+      assert_block(message) { !result.empty? }
+    end
+
+    def use_initializer(i)
+      eval i
+    end
+
+  end
+end