tabulatr 0.0.1 → 0.0.2

data/spec/dummy_app/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/spec/dummy_app/public/robots.txt

@@ -0,0 +1,5 @@
+# See http://www.robotstxt.org/wc/norobots.html for documentation on how to use the robots.txt file
+#
+# To ban all spiders from the entire site uncomment the next two lines:
+# User-Agent: *
+# Disallow: /

data/spec/dummy_app/public/stylesheets/tabulatr.css

@@ -0,0 +1,107 @@
+<style type="text/css" media="screen">
+
+  body {
+    font: 9pt Verdana;
+  }
+
+  table {
+    border-collapse: collapse;
+    width:100%;
+  }
+
+  td, th {
+    border: 1px solid gray;
+    padding:5px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: ellipsis;
+  }
+
+  th {
+    background-color: #ccc;
+    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
+  }
+
+  div.table-controls {
+    font: 9pt Verdana;
+    width: 100%-10px;
+    border: 1px solid gray;
+    padding:5px;
+    margin-bottom: 10px;
+    background-color: #eee;
+    border-radius: 5px;
+    position: relative;
+  }
+
+  div.table-controls input {
+    font: 9pt Verdana;
+  }
+
+  div.table-controls input[type=submit] {
+    position: relative;
+    background-repeat: repeat-x;
+    color: #efefef;
+    font-weight: bold;
+    display: inline-block;
+    text-decoration: none;
+    border-width: 1px;
+    border-style: solid;
+    padding: 0 12px;
+    margin: 0;
+    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
+    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
+    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
+    box-shadow: 1px 1px 1px rgba(0,0,0,.25);
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    cursor: pointer;
+    background-position: 0 -80px;
+    font-size: 11px;
+    height: 24px;
+    line-height: 24px;
+  }
+
+  div.table-controls input[type=submit] {
+    background-image: url(../images/tabulatr/buttons_lite_background.png);
+    background-color: #263849;
+    border-color: #16222c;
+    color: #efefef;
+  }
+
+  div.table-controls input[type=submit]:hover {
+    background-color: #16222c;
+    color: #efefef;
+    text-decoration: none;
+  }
+
+  div.paginator {
+    display: inline-block;
+    margin-right: 40px;
+  }
+
+  div.batch-actions {
+    display: inline-block;
+  }
+
+  div.check-controls {
+    margin-top: 10px;
+    position: absolute;
+    bottom: 5px;
+    right: 5px;
+  }
+
+  div.check-controls input[type=submit] {
+    font-size: 9px;
+    height: 20px;
+    line-height: 20px;
+    margin:3px;
+  }
+
+  div.info-text {
+    margin-top:10px;
+    font-size: 9pt;
+  }
+
+
+</style>

data/spec/requests/tabulatrs_spec.rb

@@ -0,0 +1,275 @@
+require 'spec_helper'
+
+describe "Tabulatrs" do
+
+  names = ["lorem", "ipsum", "dolor", "sit", "amet", "consectetur",
+  "adipisicing", "elit", "sed", "eiusmod", "tempor", "incididunt", "labore",
+  "dolore", "magna", "aliqua", "enim", "minim", "veniam,", "quis", "nostrud",
+  "exercitation", "ullamco", "laboris", "nisi", "aliquip", "commodo",
+  "consequat", "duis", "aute", "irure", "reprehenderit", "voluptate", "velit",
+  "esse", "cillum", "fugiat", "nulla", "pariatur", "excepteur", "sint",
+  "occaecat", "cupidatat", "non", "proident", "sunt", "culpa", "qui",
+  "officia", "deserunt", "mollit", "anim", "est", "laborum"]
+
+  # control which tests to run. Just to spped testing up
+  tralse = true
+  # General stuf
+  WORKS_IN_GENERAL = CONTAINS_BUTTONS = CONTAINS_COLUMN_HEADERS = CONTAINS_OTHER_CONTROLS = tralse
+  # This fills in the data, so rather not cmment this out
+  CONTAINS_ACTUAL_DATA = CONTAINS_ACTUAL_DATA_MULTIPLE = CONTAINS_DATA_ON_FURTHER_PAGES = true
+  # Paginatione
+  PAGES_UP_AND_DOWN = JUMPS_TO_CORRECT_PAGE = CHANGES_PAGE_SIZE = tralse
+  # Filters
+  FILTERS = FILTERS_WITH_LIKE = FILTERS_WITH_RANGE = tralse
+  # Sorting
+  KNOWS_HOW_TO_SORT = tralse
+  # selecting and batch actions
+  KNOWS_HOW_TO_SELECT_AND_APPLY_BATCH_ACTIONS = tralse
+
+  vendor1 = Vendor.create!(:name => "ven d'or", :active => true)
+  vendor2 = Vendor.create!(:name => 'producer', :active => true)
+  tag1 = Tag.create!(:title => 'foo')
+  tag2 = Tag.create!(:title => 'bar')
+  tag3 = Tag.create!(:title => 'fubar')
+  name
+
+  describe "General data" do
+    it "works in general" do
+      get index_simple_products_path
+      response.status.should be(200)
+    end if WORKS_IN_GENERAL
+
+    it "contains buttons" do
+      visit index_simple_products_path
+      [:submit_label, :select_all_label, :select_none_label, :select_visible_label,
+        :unselect_visible_label, :select_filtered_label, :unselect_filtered_label
+      ].each do |n|
+        page.should have_button(Tabulatr::TABLE_OPTIONS[n])
+      end
+    end if CONTAINS_BUTTONS
+
+    it "contains column headers" do
+      visit index_simple_products_path
+      ['Id','Title','Price','Active','Vendor Name','Tags Title'].each do |n|
+        page.should have_content(n)
+      end
+    end if CONTAINS_COLUMN_HEADERS
+
+    it "contains other elements" do
+      visit index_simple_products_path
+      page.should have_content(sprintf(Tabulatr::TABLE_OPTIONS[:info_text], 0, 0, 0, 0))
+    end if CONTAINS_OTHER_CONTROLS
+
+    it "contains the actual data" do
+      product = Product.create!(:title => names[0], :active => true, :price => 10.0, :description => 'blah blah', :vendor => vendor1)
+      visit index_simple_products_path
+      page.should have_content(names[0])
+      page.should have_content("true")
+      page.should have_content("10.0")
+      page.should have_content("ven d'or")
+      page.should have_content(sprintf(Tabulatr::TABLE_OPTIONS[:info_text], 1, 1, 0, 1))
+    end if CONTAINS_ACTUAL_DATA
+
+    it "contains the actual data multiple" do
+      9.times do |i|
+        product = Product.create!(:title => names[i+1], :active => i.even?, :price => 11.0+i,
+          :description => "blah blah #{i}", :vendor => i.even? ? vendor1 : vendor2)
+        visit index_simple_products_path
+        page.should have_content(names[i])
+        page.should have_content((11.0+i).to_s)
+        page.should have_content(sprintf(Tabulatr::TABLE_OPTIONS[:info_text], i+2, i+2, 0, i+2))
+      end
+    end if CONTAINS_ACTUAL_DATA_MULTIPLE
+
+    it "contains the further data on the further pages" do
+      names[10..-1].each_with_index do |n,i|
+        product = Product.create!(:title => n, :active => i.even?, :price => 20.0+i,
+          :description => "blah blah #{i}", :vendor => i.even? ? vendor1 : vendor2)
+        visit index_simple_products_path
+        page.should_not have_content(n)
+        page.should_not have_content((30.0+i).to_s)
+        page.should have_content(sprintf(Tabulatr::TABLE_OPTIONS[:info_text], 10, i+11, 0, i+11))
+      end
+    end if CONTAINS_DATA_ON_FURTHER_PAGES
+  end
+
+  describe "Pagination" do
+    it "pages up and down" do
+      visit index_simple_products_path
+      k = 1+names.length/10
+      k.times do |i|
+        ((i*10)...[names.length, ((i+1)*10)].min).each do |j|
+          page.should have_content(names[j])
+        end
+        if i==0
+          page.should have_no_button('product_pagination_page_left')
+        else
+          page.should have_button('product_pagination_page_left')
+        end
+        if i==k-1
+          page.should have_no_button('product_pagination_page_right')
+        else
+          page.should have_button('product_pagination_page_right')
+          click_button('product_pagination_page_right')
+        end
+      end
+      # ...and down
+      k.times do |ii|
+        i = k-ii-1
+        ((i*10)...[names.length, ((i+1)*10)].min).each do |j|
+          page.should have_content(names[j])
+        end
+        if i==k-1
+          page.should have_no_button('product_pagination_page_right')
+        else
+          page.should have_button('product_pagination_page_right')
+        end
+        if i==0
+          page.should have_no_button('product_pagination_page_left')
+        else
+          page.should have_button('product_pagination_page_left')
+          click_button('product_pagination_page_left')
+        end
+      end
+    end if PAGES_UP_AND_DOWN
+
+    it "jumps to the correct page" do
+      visit index_simple_products_path
+      k = 1+names.length/10
+      l = (1..k).entries.shuffle
+      l.each do |ii|
+        i = ii-1
+        fill_in("product_pagination[page]", :with => ii.to_s)
+        click_button("Apply")
+        ((i*10)...[names.length, ((i+1)*10)].min).each do |j|
+          page.should have_content(names[j])
+        end
+        if i==0
+          page.should have_no_button('product_pagination_page_left')
+        else
+          page.should have_button('product_pagination_page_left')
+        end
+        if i==k-1
+          page.should have_no_button('product_pagination_page_right')
+        else
+          page.should have_button('product_pagination_page_right')
+        end
+      end
+    end if JUMPS_TO_CORRECT_PAGE
+
+    it "changes the page size" do
+      visit index_simple_products_path
+      [50,20,10].each do |s|
+        select s.to_s, :from => "product_pagination[pagesize]"
+        click_button "Apply"
+        s.times do |i|
+          page.should have_content(names[i])
+        end
+        page.should_not have_content(names[s])
+      end
+    end if CHANGES_PAGE_SIZE
+  end
+
+  describe "Filters" do
+    it "filters" do
+      visit index_simple_products_path
+      #save_and_open_page
+      fill_in("product_filter[title]", :with => "lorem")
+      click_button("Apply")
+      page.should have_content("lorem")
+      page.should have_content(sprintf(Tabulatr::TABLE_OPTIONS[:info_text], 1, names.length, 0, 1))
+      fill_in("product_filter[title]", :with => "loreem")
+      click_button("Apply")
+      page.should_not have_content("lorem")
+      page.should have_content(sprintf(Tabulatr::TABLE_OPTIONS[:info_text], 0, names.length, 0, 0))
+    end if FILTERS
+
+    it "filters with like" do
+      visit index_filters_products_path
+      %w{a o lo lorem}.each do |str|
+        fill_in("product_filter[title][like]", :with => str)
+        click_button("Apply")
+        page.should have_content(str)
+        tot = (names.select do |s| s.match Regexp.new(str) end).length
+        page.should have_content(sprintf(Tabulatr::TABLE_OPTIONS[:info_text], [10,tot].min, names.length, 0, tot))
+      end
+    end if FILTERS_WITH_LIKE
+
+    it "filters with range" do
+      visit index_filters_products_path
+      n = names.length
+      (0..n/2).each do |i|
+        fill_in("product_filter[price][from]", :with => (10+i).to_s)
+        fill_in("product_filter[price][to]", :with => "")
+        click_button("Apply")
+        tot = n-i
+        #save_and_open_page
+        page.should have_content(sprintf(Tabulatr::TABLE_OPTIONS[:info_text], [10,tot].min, n, 0, tot))
+        fill_in("product_filter[price][to]", :with => (10+i).to_s)
+        fill_in("product_filter[price][from]", :with => "")
+        click_button("Apply")
+        tot = i+1
+        #save_and_open_page
+        page.should have_content(sprintf(Tabulatr::TABLE_OPTIONS[:info_text], [10,tot].min, n, 0, tot))
+        fill_in("product_filter[price][from]", :with => (10+i).to_s)
+        fill_in("product_filter[price][to]", :with => (10+n-i-1).to_s)
+        click_button("Apply")
+        tot = n-i*2
+        page.should have_content(sprintf(Tabulatr::TABLE_OPTIONS[:info_text], [10,tot].min, n, 0, tot))
+      end
+    end if FILTERS_WITH_RANGE
+  end
+
+  describe "Sorting" do
+    it "knows how to sort" do
+      visit index_sort_products_path
+      (1..10).each do |i|
+        page.should have_content names[-i]
+      end
+      click_button("product_sort_title_desc")
+      snames = names.sort
+      (1..10).each do |i|
+        page.should have_content snames[-i]
+      end
+      click_button("product_sort_title_asc")
+      (1..10).each do |i|
+        page.should have_content snames[i-1]
+      end
+    end if KNOWS_HOW_TO_SORT
+  end
+
+  describe "Select and Batch actions" do
+    it "knows how to select and apply batch actions" do
+      visit index_select_products_path
+      n = names.length
+      (n/10).times do |i|
+        (1..3).each do |j|
+          check("product_checked_#{10*i+j}")
+        end
+        click_button("Apply")
+        tot = 3*(i+1)
+        page.should have_content(sprintf(Tabulatr::TABLE_OPTIONS[:info_text], 10, n, tot, n))
+        click_button('product_pagination_page_right')
+      end
+      select 'Delete', :from => 'product_batch'
+      click_button("Apply")
+      tot = n-3*(n/10)
+      page.should have_content(sprintf(Tabulatr::TABLE_OPTIONS[:info_text], 10, tot, 0, tot))
+      #save_and_open_page
+    end if KNOWS_HOW_TO_SELECT_AND_APPLY_BATCH_ACTIONS
+  end
+
+  # describe "GET /products empty" do
+  #   it "works in general" do
+  #     get products_path
+  #     response.status.should be(200)
+  #   end
+  # end
+
+
+end
+
+
+
+
+