nimboids-client_side_validations 3.0.3

data/test/javascript/public/test/validators/exclusion.js

@@ -0,0 +1,41 @@
+module('Exclusion options');
+
+test('when value is not in the list', function() {
+  var element = $('<input type="text" />');
+  var options = { 'message': "failed validation", 'in': [1, 2, 3] };
+  element.val('4');
+  equal(clientSideValidations.validators.local.exclusion(element, options), undefined);
+});
+
+test('when value is not in the range', function() {
+  var element = $('<input type="text" />');
+  var options = { 'message': "failed validation", 'range': [1, 3] };
+  element.val('4');
+  equal(clientSideValidations.validators.local.exclusion(element, options), undefined);
+});
+
+test('when value is in the list', function() {
+  var element = $('<input type="text" />');
+  var options = { 'message': "failed validation", 'in': [1, 2, 3] };
+  element.val('1');
+  equal(clientSideValidations.validators.local.exclusion(element, options), "failed validation");
+});
+
+test('when value is in the range', function() {
+  var element = $('<input type="text" />');
+  var options = { 'message': "failed validation", 'range': [1, 3] };
+  element.val('1');
+  equal(clientSideValidations.validators.local.exclusion(element, options), "failed validation");
+});
+
+test('when allowing blank', function() {
+  var element = $('<input type="text" />');
+  var options = { 'message': "failed validation", 'in': [1, 2, 3], allow_blank: true };
+  equal(clientSideValidations.validators.local.exclusion(element, options), undefined);
+});
+
+test('when not allowing blank', function() {
+  var element = $('<input type="text" />');
+  var options = { 'message': "failed validation", 'in': [1, 2, 3] };
+  equal(clientSideValidations.validators.local.exclusion(element, options), "failed validation");
+});

data/test/javascript/public/test/validators/format.js

@@ -0,0 +1,27 @@
+module('Format options');
+
+test('when matching format', function() {
+  var element = $('<input type="text" />');
+  var options = { 'message': "failed validation", 'with': /\d+/ };
+  element.val('123');
+  equal(clientSideValidations.validators.local.format(element, options), undefined);
+});
+
+test('when not matching format', function() {
+  var element = $('<input type="text" />');
+  var options = { 'message': "failed validation", 'with': /\d+/ };
+  element.val('abc');
+  equal(clientSideValidations.validators.local.format(element, options), "failed validation");
+});
+
+test('when allowing blank', function() {
+  var element = $('<input type="text" />');
+  var options = { 'message': "failed validation", 'with': /\d+/, 'allow_blank': true };
+  equal(clientSideValidations.validators.local.format(element, options), undefined);
+});
+
+test('when not allowing blank', function() {
+  var element = $('<input type="text" />');
+  var options = { 'message': "failed validation", 'with': /\d+/ };
+  equal(clientSideValidations.validators.local.format(element, options), "failed validation");
+});

data/test/javascript/public/test/validators/inclusion.js

@@ -0,0 +1,42 @@
+module('Inclusion options');
+
+test('when value is in the list', function() {
+  var element = $('<input type="text" />');
+  var options = { 'message': "failed validation", 'in': [1, 2, 3] };
+  element.val('1');
+  equal(clientSideValidations.validators.local.inclusion(element, options), undefined);
+});
+
+test('when value is in the range', function() {
+  var element = $('<input type="text" />');
+  var options = { 'message': "failed validation", 'range': [1, 3] };
+  element.val('1');
+  equal(clientSideValidations.validators.local.inclusion(element, options), undefined);
+});
+
+test('when value is not in the list', function() {
+  var element = $('<input type="text" />');
+  var options = { 'message': "failed validation", 'in': [1, 2, 3] };
+  element.val('4');
+  equal(clientSideValidations.validators.local.inclusion(element, options), "failed validation");
+});
+
+test('when value is not in the range', function() {
+  var element = $('<input type="text" />');
+  var options = { 'message': "failed validation", 'range': [1, 3] };
+  element.val('4');
+  equal(clientSideValidations.validators.local.inclusion(element, options), "failed validation");
+});
+
+test('when allowing blank', function() {
+  var element = $('<input type="text" />');
+  var options = { 'message': "failed validation", 'in': [1, 2, 3], allow_blank: true };
+  equal(clientSideValidations.validators.local.inclusion(element, options), undefined);
+});
+
+test('when not allowing blank', function() {
+  var element = $('<input type="text" />');
+  var options = { 'message': "failed validation", 'in': [1, 2, 3] };
+  equal(clientSideValidations.validators.local.inclusion(element, options), "failed validation");
+});
+

data/test/javascript/public/test/validators/length.js

@@ -0,0 +1,70 @@
+module('Length options');
+
+test('when allowed length is 3 and value length is 3', function() {
+  var element = $('<input type="text" />');
+  var options = { messages: { is: "failed validation" }, is: 3 };
+  element.val('123');
+  equal(clientSideValidations.validators.local.length(element, options), undefined);
+});
+
+test('when allowed length is 3 and value length is 4', function() {
+  var element = $('<input type="text" />');
+  var options = { messages: { is: "failed validation" }, is: 3 };
+  element.val('1234');
+  equal(clientSideValidations.validators.local.length(element, options), "failed validation");
+});
+
+test('when allowed length is 3 and value length is 2', function() {
+  var element = $('<input type="text" />');
+  var options = { messages: { is: "failed validation" }, is: 3 };
+  element.val('12');
+  equal(clientSideValidations.validators.local.length(element, options), "failed validation");
+});
+
+test('when allowing blank and allowed length is 3', function() {
+  var element = $('<input type="text" />');
+  var options = { messages: { is: "failed validation" }, is: 3, allow_blank: true };
+  equal(clientSideValidations.validators.local.length(element, options), undefined);
+});
+
+test('when allowing blank and allowed length is 3', function() {
+  var element = $('<input type="text" />');
+  var options = { messages: { is: "failed validation" }, is: 3 };
+  equal(clientSideValidations.validators.local.length(element, options), "failed validation");
+});
+
+test('when allowed length is 3 and a differnet tokenizer', function() {
+  var element = $('<input type="text" />');
+  element.val("one two three");
+  var options = { messages: { is: "failed validation" }, is: 3, js_tokenizer: "match(/\\w+/g)" };
+  equal(clientSideValidations.validators.local.length(element, options), undefined);
+});
+
+test('when allowed length minimum is 3 and value length is 3', function() {
+  var element = $('<input type="text" />');
+  var options = { messages: { is: "failed validation" }, is: 3 };
+  element.val('123');
+  equal(clientSideValidations.validators.local.length(element, options), undefined);
+});
+
+test('when allowed length minimum is 3 and value length is 2', function() {
+  var element = $('<input type="text" />');
+  var options = { messages: { minimum: "failed validation" }, minimum: 3 };
+  element.val('12');
+  equal(clientSideValidations.validators.local.length(element, options), "failed validation");
+});
+
+test('when allowed length maximum is 3 and value length is 3', function() {
+  var element = $('<input type="text" />');
+  var options = { messages: { is: "failed validation" }, is: 3 };
+  element.val('123');
+  equal(clientSideValidations.validators.local.length(element, options), undefined);
+});
+
+test('when allowed length maximum is 3 and value length is 4', function() {
+  var element = $('<input type="text" />');
+  var options = { messages: { maximum: "failed validation" }, maximum: 3 };
+  element.val('1234');
+  equal(clientSideValidations.validators.local.length(element, options), "failed validation");
+});
+

data/test/javascript/public/test/validators/numericality.js

@@ -0,0 +1,140 @@
+module('Numericality options');
+
+test('when value is a number', function() {
+  var element = $('<input type="text" />');
+  var options = { message: "failed validation" };
+  element.val('123');
+  equal(clientSideValidations.validators.local.numericality(element, options), undefined);
+});
+
+test('when value is a decimal number', function() {
+  var element = $('<input type="text" />');
+  var options = { message: "failed validation" };
+  element.val('123.456');
+  equal(clientSideValidations.validators.local.numericality(element, options), undefined);
+});
+
+test('when value is not a number', function() {
+  var element = $('<input type="text" />');
+  var options = { messages: { numericality: "failed validation" } };
+  element.val('abc123');
+  equal(clientSideValidations.validators.local.numericality(element, options), "failed validation");
+});
+
+test('when only allowing integers and value is https://kerryb@github.com/nimboids/client_side_validations.gitinteger', function() {
+  var element = $('<input type="text" />');
+  var options = { messages: { only_integer: "failed validation" }, only_integer: true };
+  element.val('123');
+  equal(clientSideValidations.validators.local.numericality(element, options), undefined);
+});
+
+test('when only allowing integers and value is not integer', function() {
+  var element = $('<input type="text" />');
+  var options = { messages: { only_integer: "failed validation" }, only_integer: true };
+  element.val('123.456');
+  equal(clientSideValidations.validators.local.numericality(element, options), "failed validation");
+});
+
+test('when only allowing values greater than 10 and value is greater than 10', function() {
+  var element = $('<input type="text" />');
+  var options = { messages: { greater_than: "failed validation" }, greater_than: 10 };
+  element.val('11');
+  equal(clientSideValidations.validators.local.numericality(element, options), undefined);
+});
+
+test('when only allowing values greater than 10 and value is 10', function() {
+  var element = $('<input type="text" />');
+  var options = { messages: { greater_than: "failed validation" }, greater_than: 10 };
+  element.val('10');
+  equal(clientSideValidations.validators.local.numericality(element, options), "failed validation");
+});
+
+test('when only allowing values greater than or equal to 10 and value is 10', function() {
+  var element = $('<input type="text" />');
+  var options = { messages: { greater_than_or_equal_to: "failed validation" }, greater_than_or_equal_to: 10 };
+  element.val('10');
+  equal(clientSideValidations.validators.local.numericality(element, options), undefined);
+});
+
+test('when only allowing values greater than or equal to 10 and value is 9', function() {
+  var element = $('<input type="text" />');
+  var options = { messages: { greater_than_or_equal_to: "failed validation" }, greater_than_or_equal_to: 10 };
+  element.val('9');
+  equal(clientSideValidations.validators.local.numericality(element, options), "failed validation");
+});
+
+test('when only allowing values less than 10 and value is less than 10', function() {
+  var element = $('<input type="text" />');
+  var options = { messages: { less_than: "failed validation" }, less_than: 10 };
+  element.val('9');
+  equal(clientSideValidations.validators.local.numericality(element, options), undefined);
+});
+
+test('when only allowing values less than 10 and value is 10', function() {
+  var element = $('<input type="text" />');
+  var options = { messages: { less_than: "failed validation" }, less_than: 10 };
+  element.val('10');
+  equal(clientSideValidations.validators.local.numericality(element, options), "failed validation");
+});
+
+test('when only allowing values less than or equal to 10 and value is 10', function() {
+  var element = $('<input type="text" />');
+  var options = { messages: { less_than_or_equal_to: "failed validation" }, less_than_or_equal_to: 10 };
+  element.val('10');
+  equal(clientSideValidations.validators.local.numericality(element, options), undefined);
+});
+
+test('when only allowing values less than or equal to 10 and value is 11', function() {
+  var element = $('<input type="text" />');
+  var options = { messages: { less_than_or_equal_to: "failed validation" }, less_than_or_equal_to: 10 };
+  element.val('11');
+  equal(clientSideValidations.validators.local.numericality(element, options), "failed validation");
+});
+
+test('when only allowing values equal to 10 and value is 10', function() {
+  var element = $('<input type="text" />');
+  var options = { messages: { equal_to: "failed validation" }, equal_to: 10 };
+  element.val('10');
+  equal(clientSideValidations.validators.local.numericality(element, options), undefined);
+});
+
+test('when only allowing values equal to 10 and value is 11', function() {
+  var element = $('<input type="text" />');
+  var options = { messages: { equal_to: "failed validation" }, equal_to: 10 };
+  element.val('11');
+  equal(clientSideValidations.validators.local.numericality(element, options), "failed validation");
+});
+
+test('when only allowing odd values and the value is odd', function() {
+  var element = $('<input type="text" />');
+  var options = { messages: { odd: "failed validation" }, odd: true };
+  element.val('11');
+  equal(clientSideValidations.validators.local.numericality(element, options), undefined);
+});
+
+test('when only allowing odd values and the value is even', function() {
+  var element = $('<input type="text" />');
+  var options = { messages: { odd: "failed validation" }, odd: true };
+  element.val('10');
+  equal(clientSideValidations.validators.local.numericality(element, options), "failed validation");
+});
+
+test('when only allowing even values and the value is even', function() {
+  var element = $('<input type="text" />');
+  var options = { messages: { even: "failed validation" }, even: true };
+  element.val('10');
+  equal(clientSideValidations.validators.local.numericality(element, options), undefined);
+});
+
+test('when only allowing even values and the value is odd', function() {
+  var element = $('<input type="text" />');
+  var options = { messages: { even: "failed validation" }, even: true };
+  element.val('11');
+  equal(clientSideValidations.validators.local.numericality(element, options), "failed validation");
+});
+
+test('when allowing blank', function() {
+  var element = $('<input type="text" />');
+  var options = { message: "failed validation", allow_blank: true };
+  equal(clientSideValidations.validators.local.numericality(element, options), undefined);
+});

data/test/javascript/public/test/validators/presence.js

@@ -0,0 +1,15 @@
+module('Presence options');
+
+test('when value is not empty', function() {
+  var element = $('<input type="text" />');
+  var options = { message: "failed validation" };
+  element.val('not empty');
+  equal(clientSideValidations.validators.local.presence(element, options), undefined);
+});
+
+test('when value is empty', function() {
+  var element = $('<input type="text" />');
+  var options = { message: "failed validation" };
+  equal(clientSideValidations.validators.local.presence(element, options), "failed validation");
+});
+

data/test/javascript/public/test/validators/uniqueness.js

@@ -0,0 +1,89 @@
+module('Uniqueness options', {
+  setup: function() {
+    new_user = {
+      type: 'ActionView::Helpers::FormBuilder',
+      input_tag: '<div class="field_with_errors"><span id="input_tag" /><label class="message"></label></div>',
+      label_tag: '<div class="field_with_errors"><label id="label_tag" /></div>',
+      validators: {'user[email]':{"uniqueness":{"message": "must be unique", "scope":{name:"pass"}},"presence":{"message": "must be present"}}}
+    }
+
+    $('#qunit-fixture')
+      .append($('<form />', {
+        action: '/users',
+        'data-validate': true,
+        method: 'post',
+        id: 'new_user'
+      }))
+      .find('form')
+        .append($('<input />', {
+          name: 'user[name]',
+          id: 'user_name',
+          type: 'text'
+        }))
+        .append($('<input />', {
+          name: 'user[email]',
+          id: 'user_email',
+          'data-validate': 'true',
+          type: 'text'
+        }))
+
+    $('form#new_user').validate();
+  }
+});
+
+test('when matching uniqueness on a non-nested resource', function() {
+  var element = $('<input type="text" name="user[email]"/>');
+  var options = { 'message': "failed validation" };
+  element.val('nottaken@test.com');
+  equal(clientSideValidations.validators.remote.uniqueness(element, options), undefined);
+});
+
+test('when matching uniqueness on a non-nested resource', function() {
+  var element = $('<input type="text" name="user[email]"/>');
+  var options = { 'message': "failed validation" };
+  element.val('taken@test.com');
+  equal(clientSideValidations.validators.remote.uniqueness(element, options), "failed validation");
+});
+
+test('when matching uniqueness on a nested singular resource', function() {
+  var element = $('<input type="text" name="profile[user_attributes][email]"/>');
+  var options = { 'message': "failed validation" };
+  element.val('nottaken@test.com');
+  equal(clientSideValidations.validators.remote.uniqueness(element, options), undefined);
+});
+
+test('when matching uniqueness on a nested singular resource', function() {
+  var element = $('<input type="text" name="profile[user_attributes][email]"/>');
+  var options = { 'message': "failed validation" };
+  element.val('taken@test.com');
+  equal(clientSideValidations.validators.remote.uniqueness(element, options), "failed validation");
+});
+
+test('when using scopes with no replacement', function() {
+  var element = $('<input type="text" name="person[age]" />');
+  var options = { 'message': "failed validation", 'with': /\d+/, 'scope': { 'name': 'test name' } };
+  element.val('test');
+  equal(clientSideValidations.validators.remote.uniqueness(element, options), "failed validation");
+});
+
+test('when using scopes with replacement', function() {
+  var element = $('<input type="text" name="person[age]" />');
+  var options = { 'message': "failed validation", 'with': /\d+/, 'scope': { 'name': 'test name' } };
+  element.val('test')
+  $('#qunit-fixture').append('<input type="text" name="person[name]" />').find('input[name="person[name]"]').val('other name');
+  equal(clientSideValidations.validators.remote.uniqueness(element, options), undefined);
+});
+
+test('when validating by scope and mixed focus order', function() {
+  var unique_element = $('#user_email'), scope_element = $('#user_name');
+  unique_element.val('free@test.com');
+  unique_element.trigger('change');
+  unique_element.trigger('focusout');
+  equal($('.message[for="user_email"]').text(), '');
+
+  scope_element.val('test name');
+  scope_element.trigger('change');
+  scope_element.trigger('focusout');
+  equal($('.message[for="user_email"]').text(), 'must be unique');
+});
+

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);