client_side_validations 3.1.5 → 3.2.0.beta.1

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

@@ -1,70 +0,0 @@
-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

@@ -1,45 +0,0 @@
-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

@@ -1,45 +0,0 @@
-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

@@ -1,51 +0,0 @@
-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

@@ -1,50 +0,0 @@
-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

@@ -1,66 +0,0 @@
-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

@@ -1,54 +0,0 @@
-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

@@ -1,66 +0,0 @@
-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);
-});
-