af-client_side_validations 3.1.4.af1

data/test/javascript/public/test/callbacks/elementAfter.js

@@ -0,0 +1,54 @@
+module('Element Validate After Callback', {
+  setup: function() {
+    window['new_user'] = {
+      type: 'ActionView::Helpers::FormBuilder',
+      input_tag: '<div class="field_with_errors"><span id="input_tag" /><label for="user_name" class="message"></label></div>',
+      label_tag: '<div class="field_with_errors"><label id="label_tag" /></div>',
+      validators: {"user[name]":{"presence":{"message": "must be present"}}}
+    }
+
+    $('#qunit-fixture')
+      .append($('<span id="result" />'))
+      .append($('<form />', {
+        action: '/users',
+        'data-validate': true,
+        method: 'post',
+        id: 'new_user'
+      }))
+      .find('form')
+        .append($('<input />', {
+          name: 'user[name]',
+          id: 'user_name',
+          'data-validate': 'true',
+          type: 'text'
+        }))
+        .append($('<label for="user_name">Name</label>'));
+
+    clientSideValidations.callbacks.element.after = function(element, message) {
+      $('#result').text('Element Validate After ' + element.attr('id'));
+    }
+    $('form#new_user').validate();
+  },
+  teardown: function() {
+    clientSideValidations.callbacks.element.after = function(element, eventData) {}
+  }
+});
+
+test('runs callback when form element validate', function() {
+  var input = $('input');
+
+  equal($('#result').text(), '');
+
+  input.trigger('focusout');
+  equal($('#result').text(), 'Element Validate After user_name');
+});
+
+test('runs callback when form validates', function() {
+  var form = $('form'), input = form.find('input');
+
+  equal($('#result').text(), '');
+
+  form.submit();
+  equal($('#result').text(), 'Element Validate After user_name');
+});
+

data/test/javascript/public/test/callbacks/elementBefore.js

@@ -0,0 +1,54 @@
+module('Element Validate Before Callback', {
+  setup: function() {
+    window['new_user'] = {
+      type: 'ActionView::Helpers::FormBuilder',
+      input_tag: '<div class="field_with_errors"><span id="input_tag" /><label for="user_name" class="message"></label></div>',
+      label_tag: '<div class="field_with_errors"><label id="label_tag" /></div>',
+      validators: {"user[name]":{"{presence":{"message": "must be present"}}}
+    }
+
+    $('#qunit-fixture')
+      .append($('<span id="result" />'))
+      .append($('<form />', {
+        action: '/users',
+        'data-validate': true,
+        method: 'post',
+        id: 'new_user'
+      }))
+      .find('form')
+        .append($('<input />', {
+          name: 'user[name]',
+          id: 'user_name',
+          'data-validate': 'true',
+          type: 'text'
+        }))
+        .append($('<label for="user_name">Name</label>'));
+
+    clientSideValidations.callbacks.element.before = function(element) {
+      $('#result').text('Element Validate Before ' + element.attr('id'));
+    }
+    $('form#new_user').validate();
+  },
+  teardown: function() {
+    clientSideValidations.callbacks.element.before = function(element, eventData) {}
+  }
+});
+
+test('runs callback when form element validate', function() {
+  var input = $('input');
+
+  equal($('#result').text(), '');
+
+  input.trigger('focusout');
+  equal($('#result').text(), 'Element Validate Before user_name');
+});
+
+test('runs callback when form validates', function() {
+  var form = $('form'), input = form.find('input');
+
+  equal($('#result').text(), '');
+
+  form.submit();
+  equal($('#result').text(), 'Element Validate Before user_name');
+});
+

data/test/javascript/public/test/callbacks/elementFail.js

@@ -0,0 +1,70 @@
+module('Element Validate Fail Callback', {
+  setup: function() {
+    window['new_user'] = {
+      type: 'ActionView::Helpers::FormBuilder',
+      input_tag: '<div class="field_with_errors"><span id="input_tag" /><label for="user_name" class="message"></label></div>',
+      label_tag: '<div class="field_with_errors"><label id="label_tag" /></div>',
+      validators: {"user[name]":{"presence":{"message": "must be present"}}}
+    }
+
+    $('#qunit-fixture')
+      .append($('<span id="result" />'))
+      .append($('<form />', {
+        action: '/users',
+        'data-validate': true,
+        method: 'post',
+        id: 'new_user'
+      }))
+      .find('form')
+        .append($('<input />', {
+          name: 'user[name]',
+          id: 'user_name',
+          'data-validate': 'true',
+          type: 'text'
+        }))
+        .append($('<label for="user_name">Name</label>'));
+
+    clientSideValidations.callbacks.element.fail = function(element, message) {
+      $('#result').text('Element Validate Fail ' + element.attr('id') + ' ' + message);
+    }
+    $('form#new_user').validate();
+  },
+  teardown: function() {
+    clientSideValidations.callbacks.element.fail = function(element, message, callback) { callback(); }
+  }
+});
+
+test('runs callback when form element validate', function() {
+  var input = $('input');
+
+  equal($('#result').text(), '');
+
+  input.val('test')
+  input.trigger('change');
+  input.trigger('focusout');
+  equal($('#result').text(), '');
+
+  input.val('')
+  input.trigger('change');
+  input.trigger('focusout');
+  equal($('#result').text(), 'Element Validate Fail user_name must be present');
+});
+
+test('runs callback when form validates', function() {
+  var form = $('form'), input = form.find('input');
+
+  equal($('#result').text(), '');
+
+  input.val('test')
+  input.trigger('change');
+  form.trigger('submit');
+
+  equal($('#result').text(), '');
+
+  input.val('')
+  input.trigger('change');
+  form.trigger('submit');
+
+  equal($('#result').text(), 'Element Validate Fail user_name must be present');
+});
+

data/test/javascript/public/test/callbacks/elementPass.js

@@ -0,0 +1,70 @@
+module('Element Validate Pass Callback', {
+  setup: function() {
+    window['new_user'] = {
+      type: 'ActionView::Helpers::FormBuilder',
+      input_tag: '<div class="field_with_errors"><span id="input_tag" /><label for="user_name" class="message"></label></div>',
+      label_tag: '<div class="field_with_errors"><label id="label_tag" /></div>',
+      validators: {"user[name]":{"presence":{"message": "must be present"}}}
+    }
+
+    $('#qunit-fixture')
+      .append($('<span id="result" />'))
+      .append($('<form />', {
+        action: '/users',
+        'data-validate': true,
+        method: 'post',
+        id: 'new_user'
+      }))
+      .find('form')
+        .append($('<input />', {
+          name: 'user[name]',
+          id: 'user_name',
+          'data-validate': 'true',
+          type: 'text'
+        }))
+        .append($('<label for="user_name">Name</label>'));
+
+    clientSideValidations.callbacks.element.pass = function(element) {
+      $('#result').text('Element Validate Pass ' + element.attr('id'));
+    }
+    $('form#new_user').validate();
+  },
+  teardown: function() {
+    clientSideValidations.callbacks.element.pass = function(element, callback) { callback() }
+  }
+});
+
+test('runs callback when form element validate', function() {
+  var input = $('input');
+
+  equal($('#result').text(), '');
+
+  input.val('')
+  input.trigger('change');
+  input.trigger('focusout');
+  equal($('#result').text(), '');
+
+  input.val('test')
+  input.trigger('change');
+  input.trigger('focusout');
+  equal($('#result').text(), 'Element Validate Pass user_name');
+});
+
+test('runs callback when form validates', function() {
+  var form = $('form'), input = form.find('input');
+
+  equal($('#result').text(), '');
+
+  input.val('')
+  input.trigger('change');
+  form.trigger('submit');
+
+  equal($('#result').text(), '');
+
+  input.val('test')
+  input.trigger('change');
+  form.trigger('submit');
+
+  equal($('#result').text(), 'Element Validate Pass user_name');
+});
+

data/test/javascript/public/test/callbacks/formAfter.js

@@ -0,0 +1,45 @@
+module('Form Validate After Callback', {
+  setup: function() {
+    window['new_user'] = {
+      type: 'ActionView::Helpers::FormBuilder',
+      input_tag: '<div class="field_with_errors"><span id="input_tag" /><label for="user_name" class="message"></label></div>',
+      label_tag: '<div class="field_with_errors"><label id="label_tag" /></div>',
+      validators: {"user[name]":{"presence":{"message": "must be present"}}}
+    }
+
+    $('#qunit-fixture')
+      .append($('<span id="result" />'))
+      .append($('<form />', {
+        action: '/users',
+        'data-validate': true,
+        method: 'post',
+        id: 'new_user'
+      }))
+      .find('form')
+        .append($('<input />', {
+          name: 'user[name]',
+          id: 'user_name',
+          'data-validate': 'true',
+          type: 'text'
+        }))
+        .append($('<label for="user_name">Name</label>'));
+
+    clientSideValidations.callbacks.form.after = function(form, message) {
+      $('#result').text('Form Validate After ' + form.attr('id'));
+    }
+    $('form#new_user').validate();
+  },
+  teardown: function() {
+    clientSideValidations.callbacks.form.after = function(form, eventData) {}
+  }
+});
+
+test('runs callback', function() {
+  var form = $('form'), input = form.find('input');
+
+  equal($('#result').text(), '');
+
+  form.submit();
+  equal($('#result').text(), 'Form Validate After new_user');
+});
+

data/test/javascript/public/test/callbacks/formBefore.js

@@ -0,0 +1,45 @@
+module('Form Validate Before Callback', {
+  setup: function() {
+    window['new_user'] = {
+      type: 'ActionView::Helpers::FormBuilder',
+      input_tag: '<div class="field_with_errors"><span id="input_tag" /><label for="user_name" class="message"></label></div>',
+      label_tag: '<div class="field_with_errors"><label id="label_tag" /></div>',
+      validators: {"user[name]":{"presence":{"message": "must be present"}}}
+    }
+
+    $('#qunit-fixture')
+      .append($('<span id="result" />'))
+      .append($('<form />', {
+        action: '/users',
+        'data-validate': true,
+        method: 'post',
+        id: 'new_user'
+      }))
+      .find('form')
+        .append($('<input />', {
+          name: 'user[name]',
+          id: 'user_name',
+          'data-validate': 'true',
+          type: 'text'
+        }))
+        .append($('<label for="user_name">Name</label>'));
+
+    clientSideValidations.callbacks.form.before = function(form, message) {
+      $('#result').text('Form Validate Before ' + form.attr('id'));
+    }
+    $('form#new_user').validate();
+  },
+  teardown: function() {
+    clientSideValidations.callbacks.form.before = function(form, eventData) {}
+  }
+});
+
+test('runs callback', function() {
+  var form = $('form'), input = form.find('input');
+
+  equal($('#result').text(), '');
+
+  form.submit();
+  equal($('#result').text(), 'Form Validate Before new_user');
+});
+

data/test/javascript/public/test/callbacks/formFail.js

@@ -0,0 +1,51 @@
+module('Form Validate Fail Callback', {
+  setup: function() {
+    window['new_user'] = {
+      type: 'ActionView::Helpers::FormBuilder',
+      input_tag: '<div class="field_with_errors"><span id="input_tag" /><label for="user_name" class="message"></label></div>',
+      label_tag: '<div class="field_with_errors"><label id="label_tag" /></div>',
+      validators: {"user[name]":{"presence":{"message": "must be present"}}}
+    }
+
+    $('#qunit-fixture')
+      .append($('<span id="result" />'))
+      .append($('<form />', {
+        action: '/users',
+        'data-validate': true,
+        method: 'post',
+        id: 'new_user'
+      }))
+      .find('form')
+        .append($('<input />', {
+          name: 'user[name]',
+          id: 'user_name',
+          'data-validate': 'true',
+          type: 'text'
+        }))
+        .append($('<label for="user_name">Name</label>'));
+
+    clientSideValidations.callbacks.form.fail = function(form, message) {
+      $('#result').text('Form Validate Fail ' + form.attr('id'));
+    }
+    $('form#new_user').validate();
+  },
+  teardown: function() {
+    clientSideValidations.callbacks.form.fail = function(form, eventData) {}
+  }
+});
+
+test('runs callback', function() {
+  var form = $('form'), input = form.find('input');
+
+  equal($('#result').text(), '');
+
+  form.submit();
+  equal($('#result').text(), 'Form Validate Fail new_user');
+
+  $('#result').text('');
+  input.val('test');
+  input.trigger('change');
+  form.submit();
+  equal($('#result').text(), '');
+});
+

data/test/javascript/public/test/callbacks/formPass.js

@@ -0,0 +1,50 @@
+module('Form Validate Pass Callback', {
+  setup: function() {
+    window['new_user'] = {
+      type: 'ActionView::Helpers::FormBuilder',
+      input_tag: '<div class="field_with_errors"><span id="input_tag" /><label for="user_name" class="message"></label></div>',
+      label_tag: '<div class="field_with_errors"><label id="label_tag" /></div>',
+      validators: {"user[name]":{"presence":{"message": "must be present"}}}
+    }
+
+    $('#qunit-fixture')
+      .append($('<span id="result" />'))
+      .append($('<form />', {
+        action: '/users',
+        'data-validate': true,
+        method: 'post',
+        id: 'new_user'
+      }))
+      .find('form')
+        .append($('<input />', {
+          name: 'user[name]',
+          id: 'user_name',
+          'data-validate': 'true',
+          type: 'text'
+        }))
+        .append($('<label for="user_name">Name</label>'));
+
+    clientSideValidations.callbacks.form.pass = function(form, message) {
+      $('#result').text('Form Validate Pass ' + form.attr('id'));
+    }
+    $('form#new_user').validate();
+  },
+  teardown: function() {
+    clientSideValidations.callbacks.form.pass = function(form, eventData) {}
+  }
+});
+
+test('runs callback', function() {
+  var form = $('form'), input = form.find('input');
+
+  equal($('#result').text(), '');
+
+  form.submit();
+  equal($('#result').text(), '');
+
+  input.val('test');
+  input.trigger('change');
+  form.submit();
+  equal($('#result').text(), 'Form Validate Pass new_user');
+});
+

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

@@ -0,0 +1,66 @@
+module('Validate Form', {
+  setup: function() {
+    window['new_user'] = {
+      type: 'ActionView::Helpers::FormBuilder',
+      input_tag: '<div class="field_with_errors"><span id="input_tag" /><label for="user_name" class="message"></label></div>',
+      label_tag: '<div class="field_with_errors"><label id="label_tag" /></div>',
+      validators: {'user[name]':{"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',
+          'data-validate': 'true',
+          type: 'text'
+        }))
+        .append($('<label for="user_name">Name</label>'));
+    $('form#new_user').validate();
+  }
+});
+
+asyncTest('Validate form with invalid form', 4, function() {
+  var form = $('form#new_user'), input = form.find('input#user_name');
+  var label = $('label[for="user_name"]');
+
+  form.trigger('submit');
+  setTimeout(function() {
+    start();
+    ok(input.parent().hasClass('field_with_errors'));
+    ok(label.parent().hasClass('field_with_errors'));
+    ok(input.parent().find('label:contains("must be present")')[0]);
+    ok(!$('iframe').contents().find('p:contains("Form submitted")')[0]);
+  }, 30);
+});
+
+asyncTest('Validate form with valid form', 1, function() {
+  var form = $('form#new_user'), input = form.find('input#user_name');
+  input.val('Test');
+
+  form.trigger('submit');
+  setTimeout(function() {
+    start();
+    ok($('iframe').contents().find('p:contains("Form submitted")')[0]);
+  }, 30);
+});
+
+asyncTest('Validate form with an input changed to false', 1, function() {
+  var form = $('form#new_user'), input = form.find('input#user_name');
+  input.val('Test');
+  input.attr('changed', false);
+  input.attr('data-valid', true);
+
+  form.trigger('submit');
+  setTimeout(function() {
+    start();
+    ok($('iframe').contents().find('p:contains("Form submitted")')[0]);
+  }, 30);
+});
+

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

@@ -0,0 +1,54 @@
+module('Validate Formtastic', {
+  setup: function() {
+    window['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/form_builders/validateNestedForm.js

@@ -0,0 +1,66 @@
+module('Validate Form', {
+  setup: function() {
+    window['new_user'] = {
+      type: 'NestedForm::Builder',
+      input_tag: '<div class="field_with_errors"><span id="input_tag" /><label for="user_name" class="message"></label></div>',
+      label_tag: '<div class="field_with_errors"><label id="label_tag" /></div>',
+      validators: {'user[name]':{"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',
+          'data-validate': 'true',
+          type: 'text'
+        }))
+        .append($('<label for="user_name">Name</label>'));
+    $('form#new_user').validate();
+  }
+});
+
+asyncTest('Validate form with invalid form', 4, function() {
+  var form = $('form#new_user'), input = form.find('input#user_name');
+  var label = $('label[for="user_name"]');
+
+  form.trigger('submit');
+  setTimeout(function() {
+    start();
+    ok(input.parent().hasClass('field_with_errors'));
+    ok(label.parent().hasClass('field_with_errors'));
+    ok(input.parent().find('label:contains("must be present")')[0]);
+    ok(!$('iframe').contents().find('p:contains("Form submitted")')[0]);
+  }, 30);
+});
+
+asyncTest('Validate form with valid form', 1, function() {
+  var form = $('form#new_user'), input = form.find('input#user_name');
+  input.val('Test');
+
+  form.trigger('submit');
+  setTimeout(function() {
+    start();
+    ok($('iframe').contents().find('p:contains("Form submitted")')[0]);
+  }, 30);
+});
+
+asyncTest('Validate form with an input changed to false', 1, function() {
+  var form = $('form#new_user'), input = form.find('input#user_name');
+  input.val('Test');
+  input.attr('changed', false);
+  input.attr('data-valid', true);
+
+  form.trigger('submit');
+  setTimeout(function() {
+    start();
+    ok($('iframe').contents().find('p:contains("Form submitted")')[0]);
+  }, 30);
+});
+