client_side_validations-formtastic 2.0.0.beta.1

data/client_side_validations-formtastic.gemspec

@@ -0,0 +1,28 @@
+# -*- encoding: utf-8 -*-
+require File.expand_path('../lib/client_side_validations/formtastic/version', __FILE__)
+
+Gem::Specification.new do |gem|
+  gem.authors       = ["Brian Cardarella"]
+  gem.email         = ["bcardarella@gmail.com"]
+  gem.description   = %q{Formtastic Plugin for ClientSideValidaitons}
+  gem.summary       = %q{Formtastic Plugin for ClientSideValidations}
+  gem.homepage      = 'https://github.com/dockyard/client_side_validations-formtastic'
+
+  gem.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  gem.files         = `git ls-files -- {lib/*,vendor/*,*.gemspec}`.split("\n")
+  gem.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  gem.name          = 'client_side_validations-formtastic'
+  gem.require_paths = ['lib']
+  gem.version       = ClientSideValidations::Formtastic::VERSION
+
+  gem.add_dependency 'client_side_validations', '~> 3.2.0.beta.1'
+  gem.add_dependency 'formtastic', '~> 2.0.0'
+
+  gem.add_development_dependency 'actionpack', '~> 3.2.0'
+
+  # For QUnit testing
+  gem.add_development_dependency 'sinatra', '~> 1.0'
+  gem.add_development_dependency 'shotgun'
+  gem.add_development_dependency 'thin'
+  gem.add_development_dependency 'json'
+end

data/lib/client_side_validations/formtastic/form_builder.rb

@@ -0,0 +1,21 @@
+module ClientSideValidations
+  module Formtastic
+    module FormBuilder
+
+      def self.included(base)
+        base.class_eval do
+          def self.client_side_form_settings(options, form_helper)
+            {
+              :type => self.to_s,
+              :inline_error_class => ::Formtastic::FormBuilder.default_inline_error_class
+            }
+          end
+        end
+      end
+
+    end
+  end
+end
+
+Formtastic::FormBuilder.send(:include, ClientSideValidations::Formtastic::FormBuilder)
+

data/lib/client_side_validations/formtastic/helpers/input_helper.rb

@@ -0,0 +1,12 @@
+module ClientSideValidations::Formtastic::Helpers::InputHelper
+  def input(method, options = {})
+    if options.key?(:validate)
+      options[:input_html] ||= {}
+      options[:input_html].merge!(:validate => options[:validate])
+      options.delete(:validate)
+    end
+    super(method, options)
+  end
+end
+
+::Formtastic::FormBuilder.send(:include, ::ClientSideValidations::Formtastic::Helpers::InputHelper)

data/lib/client_side_validations/formtastic/helpers.rb

@@ -0,0 +1,3 @@
+module ClientSideValidations::Formtastic::Helpers; end
+
+require 'client_side_validations/formtastic/helpers/input_helper'

data/lib/client_side_validations/formtastic/version.rb

@@ -0,0 +1,5 @@
+module ClientSideValidations
+  module Formtastic
+    VERSION = "2.0.0.beta.1"
+  end
+end

data/lib/client_side_validations/formtastic.rb

@@ -0,0 +1,3 @@
+require 'formtastic'
+require 'client_side_validations/formtastic/form_builder'
+require 'client_side_validations/formtastic/helpers'

data/test/action_view/models/post.rb

@@ -0,0 +1,35 @@
+class Post < Struct.new(:title, :author_name, :body, :secret, :written_on, :cost)
+  extend ActiveModel::Naming
+  include ActiveModel::Conversion
+  extend ActiveModel::Translation
+
+  alias_method :secret?, :secret
+
+  def persisted=(boolean)
+    @persisted = boolean
+  end
+
+  def persisted?
+    @persisted
+  end
+
+  def client_side_validation_hash
+    {
+      :cost => {
+        :presence => {
+          :message => "can't be blank"
+        }
+      }
+    }
+  end
+
+  attr_accessor :author
+  def author_attributes=(attributes); end
+
+  attr_accessor :comments, :comment_ids
+  def comments_attributes=(attributes); end
+
+  attr_accessor :tags
+  def tags_attributes=(attributes); end
+end
+

data/test/action_view/models.rb

@@ -0,0 +1,2 @@
+require 'active_model'
+require 'action_view/models/post'

data/test/action_view/test_helper.rb

@@ -0,0 +1,42 @@
+require 'base_helper'
+require 'action_view'
+require 'action_view/models'
+require 'client_side_validations/action_view'
+
+module ActionController
+  class Base
+    include ActionDispatch::Routing::RouteSet.new.url_helpers
+  end
+end
+
+module ActionViewTestSetup
+  include ::ClientSideValidations::ActionView::Helpers::FormHelper
+  include ::ClientSideValidations::ActionView::Helpers::FormTagHelper
+
+  def form_for(*)
+    @output_buffer = super
+  end
+
+  Routes = ActionDispatch::Routing::RouteSet.new
+  Routes.draw do
+    resources :posts
+  end
+
+  def _routes
+    Routes
+  end
+
+  include Routes.url_helpers
+
+  def setup
+    super
+
+    @post           = Post.new
+    @post.persisted = true
+    def @post.id; 123; end
+    def @post.id_before_type_cast; 123; end
+    def @post.to_param; '123'; end
+  end
+
+end
+

data/test/base_helper.rb

@@ -0,0 +1,6 @@
+require 'rubygems'
+require 'bundler'
+Bundler.setup
+require 'test/unit'
+
+module ClientSideValidations; end

data/test/formtastic/cases/helper.rb

@@ -0,0 +1,4 @@
+require 'base_helper'
+require 'action_view'
+require 'client_side_validations/formtastic'
+

data/test/formtastic/cases/test_form_builder.rb

@@ -0,0 +1,11 @@
+require 'formtastic/cases/helper'
+
+class ClientSideValidations::Formtastic::FormBuilderTest < Test::Unit::TestCase
+  def test_client_side_form_js_hash
+    expected = {
+      :type => 'Formtastic::FormBuilder',
+      :inline_error_class => 'inline-errors'
+    }
+    assert_equal expected, Formtastic::FormBuilder.client_side_form_settings(nil, nil)
+  end
+end

data/test/formtastic/cases/test_form_helpers.rb

@@ -0,0 +1,30 @@
+require 'action_view/test_helper'
+require 'formtastic/cases/helper'
+
+class ClientSideValidations::Formtastic::FormHelpersTest < ActionView::TestCase
+  include ActionViewTestSetup
+  include Formtastic::Helpers::FormHelper
+
+  def client_side_form_settings_helper
+    ''
+  end
+
+  def test_semantic_form_for
+    semantic_form_for(@post, :validate => true) do |f|
+      concat f.input(:cost)
+    end
+
+    expected = %{<form accept-charset="UTF-8" action="/posts/123" class="formtastic post" data-validate="true" id="edit_post_123" method="post" novalidate="novalidate"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="_method" type="hidden" value="put" /></div><li class="string input required stringish" id="post_cost_input"><label class=\" label\" for="post_cost">Cost<abbr title="required">*</abbr></label><input data-validate="true" id="post_cost" name="post[cost]" type="text" />\n\n</li></form><script>window.ClientSideValidations.forms['edit_post_123'] = {"type":"Formtastic::FormBuilder","inline_error_class":"inline-errors","validators":{"post[cost]":{"presence":{"message":"can't be blank"}}}};</script>}
+    assert_equal expected, output_buffer, "\n\n *** If you're running Ruby 1.8 and this test fails is is most likely due to 1.8's lack of insertion order persistence with Hashes ***\n"
+  end
+
+  def test_input_override
+    semantic_form_for(@post, :validate => true) do |f|
+      concat f.input(:cost, :validate => false)
+    end
+
+    expected = %{<form accept-charset="UTF-8" action="/posts/123" class="formtastic post" data-validate="true" id="edit_post_123" method="post" novalidate="novalidate"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="_method" type="hidden" value="put" /></div><li class="string input required stringish" id="post_cost_input"><label class=\" label\" for="post_cost">Cost<abbr title="required">*</abbr></label><input id="post_cost" name="post[cost]" type="text" />\n\n</li></form><script>window.ClientSideValidations.forms['edit_post_123'] = {"type":"Formtastic::FormBuilder","inline_error_class":"inline-errors","validators":{}};</script>}
+    assert_equal expected, output_buffer, "\n\n *** If you're running Ruby 1.8 and this test fails is is most likely due to 1.8's lack of insertion order persistence with Hashes ***\n"
+  end
+
+end

data/test/javascript/config.ru

@@ -0,0 +1,3 @@
+$LOAD_PATH.unshift File.expand_path('..', __FILE__)
+require 'server'
+run Sinatra::Application

data/test/javascript/public/test/form_builders/validateFormtastic.js

@@ -0,0 +1,54 @@
+module('Validate Formtastic', {
+  setup: function() {
+    window.ClientSideValidations.forms['new_user'] = {
+      type: 'Formtastic::FormBuilder',
+      inline_error_class: 'inline-errors',
+      validators: {
+        "user[name]":{"presence":{"message": "must be present"}, "format":{"message":"is invalid","with":/\d+/}}
+      }
+    }
+
+    $('#qunit-fixture')
+      .append($('<form />', {
+        action: '/users',
+        'data-validate': true,
+        method: 'post',
+        id: 'new_user'
+      }))
+      .find('form')
+        .append('<li />').find('li')
+          .append($('<input />', {
+            name: 'user[name]',
+            id: 'user_name',
+            'data-validate': 'true',
+            type: 'text'
+          }))
+          .append($('<label for="user_name">Name</label>'));
+    $('form#new_user').validate();
+  }
+});
+
+test('Validate error attaching and detaching', function() {
+  var form = $('form#new_user'), input = form.find('input#user_name');
+  var label = $('label[for="user_name"]');
+
+  input.trigger('focusout')
+  ok(input.parent().hasClass('error'));
+  ok(label.parent().hasClass('error'));
+  ok(input.parent().find('p.inline-errors:contains("must be present")')[0]);
+
+  input.val('abc')
+  input.trigger('change')
+  input.trigger('focusout')
+  ok(input.parent().hasClass('error'));
+  ok(label.parent().hasClass('error'));
+  ok(input.parent().find('p.inline-errors:contains("is invalid")')[0]);
+
+  input.val('123')
+  input.trigger('change')
+  input.trigger('focusout')
+  ok(!input.parent().hasClass('error'));
+  ok(!label.parent().hasClass('error'));
+  ok(!input.parent().find('p.inline-errors')[0]);
+});
+

data/test/javascript/public/test/settings.js

@@ -0,0 +1,15 @@
+// hijacks normal form submit; lets it submit to an iframe to prevent
+// navigating away from the test suite
+$(document).bind('submit', function(e) {
+  if (!e.isDefaultPrevented()) {
+    var form = $(e.target), action = form.attr('action'),
+        name = 'form-frame' + jQuery.guid++,
+        iframe = $('<iframe name="' + name + '" />');
+
+    if (action.indexOf('iframe') < 0) form.attr('action', action + '?iframe=true')
+    form.attr('target', name);
+    $('#qunit-fixture').append(iframe);
+    form.trigger('iframe:loading');
+  }
+});
+

data/test/javascript/public/vendor/jquery.metadata.js

@@ -0,0 +1,122 @@
+/*
+ * Metadata - jQuery plugin for parsing metadata from elements
+ *
+ * Copyright (c) 2006 John Resig, Yehuda Katz, J�örn Zaefferer, Paul McLanahan
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *   http://www.gnu.org/licenses/gpl.html
+ *
+ * Revision: $Id: jquery.metadata.js 4187 2007-12-16 17:15:27Z joern.zaefferer $
+ *
+ */
+
+/**
+ * Sets the type of metadata to use. Metadata is encoded in JSON, and each property
+ * in the JSON will become a property of the element itself.
+ *
+ * There are three supported types of metadata storage:
+ *
+ *   attr:  Inside an attribute. The name parameter indicates *which* attribute.
+ *
+ *   class: Inside the class attribute, wrapped in curly braces: { }
+ *
+ *   elem:  Inside a child element (e.g. a script tag). The
+ *          name parameter indicates *which* element.
+ *
+ * The metadata for an element is loaded the first time the element is accessed via jQuery.
+ *
+ * As a result, you can define the metadata type, use $(expr) to load the metadata into the elements
+ * matched by expr, then redefine the metadata type and run another $(expr) for other elements.
+ *
+ * @name $.metadata.setType
+ *
+ * @example <p id="one" class="some_class {item_id: 1, item_label: 'Label'}">This is a p</p>
+ * @before $.metadata.setType("class")
+ * @after $("#one").metadata().item_id == 1; $("#one").metadata().item_label == "Label"
+ * @desc Reads metadata from the class attribute
+ *
+ * @example <p id="one" class="some_class" data="{item_id: 1, item_label: 'Label'}">This is a p</p>
+ * @before $.metadata.setType("attr", "data")
+ * @after $("#one").metadata().item_id == 1; $("#one").metadata().item_label == "Label"
+ * @desc Reads metadata from a "data" attribute
+ *
+ * @example <p id="one" class="some_class"><script>{item_id: 1, item_label: 'Label'}</script>This is a p</p>
+ * @before $.metadata.setType("elem", "script")
+ * @after $("#one").metadata().item_id == 1; $("#one").metadata().item_label == "Label"
+ * @desc Reads metadata from a nested script element
+ *
+ * @param String type The encoding type
+ * @param String name The name of the attribute to be used to get metadata (optional)
+ * @cat Plugins/Metadata
+ * @descr Sets the type of encoding to be used when loading metadata for the first time
+ * @type undefined
+ * @see metadata()
+ */
+
+(function($) {
+
+$.extend({
+  metadata : {
+    defaults : {
+      type: 'class',
+      name: 'metadata',
+      cre: /({.*})/,
+      single: 'metadata'
+    },
+    setType: function( type, name ){
+      this.defaults.type = type;
+      this.defaults.name = name;
+    },
+    get: function( elem, opts ){
+      var settings = $.extend({},this.defaults,opts);
+      // check for empty string in single property
+      if ( !settings.single.length ) settings.single = 'metadata';
+
+      var data = $.data(elem, settings.single);
+      // returned cached data if it already exists
+      if ( data ) return data;
+
+      data = "{}";
+
+      if ( settings.type == "class" ) {
+        var m = settings.cre.exec( elem.className );
+        if ( m )
+          data = m[1];
+      } else if ( settings.type == "elem" ) {
+        if( !elem.getElementsByTagName )
+          return undefined;
+        var e = elem.getElementsByTagName(settings.name);
+        if ( e.length )
+          data = $.trim(e[0].innerHTML);
+      } else if ( elem.getAttribute != undefined ) {
+        var attr = elem.getAttribute( settings.name );
+        if ( attr )
+          data = attr;
+      }
+
+      if ( data.indexOf( '{' ) <0 )
+      data = "{" + data + "}";
+
+      data = eval("(" + data + ")");
+
+      $.data( elem, settings.single, data );
+      return data;
+    }
+  }
+});
+
+/**
+ * Returns the metadata object for the first member of the jQuery object.
+ *
+ * @name metadata
+ * @descr Returns element's metadata object
+ * @param Object opts An object contianing settings to override the defaults
+ * @type jQuery
+ * @cat Plugins/Metadata
+ */
+$.fn.metadata = function( opts ){
+  return $.metadata.get( this[0], opts );
+};
+
+})(jQuery);

data/test/javascript/public/vendor/qunit.css

@@ -0,0 +1,196 @@
+/** Font Family and Sizes */
+
+#qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult {
+  font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
+}
+
+#qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; }
+#qunit-tests { font-size: smaller; }
+
+
+/** Resets */
+
+#qunit-tests, #qunit-tests ol, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult {
+  margin: 0;
+  padding: 0;
+}
+
+
+/** Header */
+
+#qunit-header {
+  padding: 0.5em 0 0.5em 1em;
+
+  color: #8699a4;
+  background-color: #0d3349;
+
+  font-size: 1.5em;
+  line-height: 1em;
+  font-weight: normal;
+
+  border-radius: 15px 15px 0 0;
+  -moz-border-radius: 15px 15px 0 0;
+  -webkit-border-top-right-radius: 15px;
+  -webkit-border-top-left-radius: 15px;
+}
+
+#qunit-header a {
+  text-decoration: none;
+  color: #c2ccd1;
+}
+
+#qunit-header a:hover,
+#qunit-header a:focus {
+  color: #fff;
+}
+
+#qunit-banner {
+  height: 5px;
+}
+
+#qunit-testrunner-toolbar {
+  padding: 0em 0 0.5em 2em;
+}
+
+#qunit-userAgent {
+  padding: 0.5em 0 0.5em 2.5em;
+  background-color: #2b81af;
+  color: #fff;
+  text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
+}
+
+
+/** Tests: Pass/Fail */
+
+#qunit-tests {
+  list-style-position: inside;
+}
+
+#qunit-tests li {
+  padding: 0.4em 0.5em 0.4em 2.5em;
+  border-bottom: 1px solid #fff;
+  list-style-position: inside;
+}
+
+#qunit-tests li strong {
+  cursor: pointer;
+}
+
+#qunit-tests ol {
+  margin-top: 0.5em;
+  padding: 0.5em;
+
+  background-color: #fff;
+
+  border-radius: 15px;
+  -moz-border-radius: 15px;
+  -webkit-border-radius: 15px;
+
+  box-shadow: inset 0px 2px 13px #999;
+  -moz-box-shadow: inset 0px 2px 13px #999;
+  -webkit-box-shadow: inset 0px 2px 13px #999;
+}
+
+#qunit-tests table {
+  border-collapse: collapse;
+  margin-top: .2em;
+}
+
+#qunit-tests th {
+  text-align: right;
+  vertical-align: top;
+  padding: 0 .5em 0 0;
+}
+
+#qunit-tests td {
+  vertical-align: top;
+}
+
+#qunit-tests pre {
+  margin: 0;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+
+#qunit-tests del {
+  background-color: #e0f2be;
+  color: #374e0c;
+  text-decoration: none;
+}
+
+#qunit-tests ins {
+  background-color: #ffcaca;
+  color: #500;
+  text-decoration: none;
+}
+
+/*** Test Counts */
+
+#qunit-tests b.counts                       { color: black; }
+#qunit-tests b.passed                       { color: #5E740B; }
+#qunit-tests b.failed                       { color: #710909; }
+
+#qunit-tests li li {
+  margin: 0.5em;
+  padding: 0.4em 0.5em 0.4em 0.5em;
+  background-color: #fff;
+  border-bottom: none;
+  list-style-position: inside;
+}
+
+/*** Passing Styles */
+
+#qunit-tests li li.pass {
+  color: #5E740B;
+  background-color: #fff;
+  border-left: 26px solid #C6E746;
+}
+
+#qunit-tests .pass                          { color: #528CE0; background-color: #D2E0E6; }
+#qunit-tests .pass .test-name               { color: #366097; }
+
+#qunit-tests .pass .test-actual,
+#qunit-tests .pass .test-expected           { color: #999999; }
+
+#qunit-banner.qunit-pass                    { background-color: #C6E746; }
+
+/*** Failing Styles */
+
+#qunit-tests li li.fail {
+  color: #710909;
+  background-color: #fff;
+  border-left: 26px solid #EE5757;
+}
+
+#qunit-tests .fail                          { color: #000000; background-color: #EE5757; }
+#qunit-tests .fail .test-name,
+#qunit-tests .fail .module-name             { color: #000000; }
+
+#qunit-tests .fail .test-actual             { color: #EE5757; }
+#qunit-tests .fail .test-expected           { color: green;   }
+
+#qunit-banner.qunit-fail,
+#qunit-testrunner-toolbar                   { background-color: #EE5757; }
+
+
+/** Footer */
+
+#qunit-testresult {
+  padding: 0.5em 0.5em 0.5em 2.5em;
+
+  color: #2b81af;
+  background-color: #D2E0E6;
+
+  border-radius: 0 0 15px 15px;
+  -moz-border-radius: 0 0 15px 15px;
+  -webkit-border-bottom-right-radius: 15px;
+  -webkit-border-bottom-left-radius: 15px;
+}
+
+/** Fixture */
+
+#qunit-fixture {
+  position: absolute;
+  top: -10000px;
+  left: -10000px;
+}