client_side_validations 2.9.9 → 3.0.0

data/test/formtastic/cases/helper.rb

@@ -0,0 +1,2 @@
+require 'formtastic'
+require 'client_side_validations/formtastic'

data/test/formtastic/cases/test_form_builder.rb

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

data/test/formtastic/cases/test_form_helper.rb

@@ -0,0 +1,22 @@
+require 'action_view/cases/helper'
+require 'formtastic/cases/helper'
+
+class ClientSideValidations::Formtastic::FormHelperTest < ActionView::TestCase
+  include ActionViewTestSetup
+  include Formtastic::SemanticFormHelper
+
+  def client_side_form_js_variable_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"><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 required" id="post_cost_input"><label for="post_cost">Cost<abbr title="required">*</abbr></label><input data-validators="{&quot;presence&quot;:{&quot;message&quot;:&quot;can't be blank&quot;}}" id="post_cost" name="post[cost]" type="text" /></li></form><script>var edit_post_123 = {"type":"Formtastic::SemanticFormBuilder","inline_error_class":"inline-errors"};</script>}
+    assert_equal expected, output_buffer
+  end
+
+end
+

data/test/generators/cases/test_install_generator.rb

@@ -0,0 +1,15 @@
+require 'rails/generators/test_case'
+require 'generators/client_side_validations/install_generator'
+
+class InstallGeneratorTest < Rails::Generators::TestCase
+  tests ClientSideValidations::Generators::InstallGenerator
+  destination File.expand_path('../../tmp', __FILE__)
+  setup :prepare_destination
+
+  test 'Assert all files are properly created' do
+    run_generator
+    assert_file 'config/initializers/client_side_validations.rb'
+    assert_file 'public/javascripts/rails.validations.js'
+  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/callbacks/elementAfter.js

@@ -0,0 +1,53 @@
+module('Element Validate After Callback', {
+  setup: function() {
+    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>'
+    }
+
+    $('#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-validators': '{presence:{message: "must be present"}}',
+          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,53 @@
+module('Element Validate Before Callback', {
+  setup: function() {
+    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>'
+    }
+
+    $('#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-validators': '{presence:{message: "must be present"}}',
+          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,69 @@
+module('Element Validate Fail Callback', {
+  setup: function() {
+    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>'
+    }
+
+    $('#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-validators': '{presence:{message: "must be present"}}',
+          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,69 @@
+module('Element Validate Pass Callback', {
+  setup: function() {
+    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>'
+    }
+
+    $('#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-validators': '{presence:{message: "must be present"}}',
+          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,44 @@
+module('Form Validate After Callback', {
+  setup: function() {
+    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>'
+    }
+
+    $('#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-validators': '{presence:{message: "must be present"}}',
+          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,44 @@
+module('Form Validate Before Callback', {
+  setup: function() {
+    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>'
+    }
+
+    $('#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-validators': '{presence:{message: "must be present"}}',
+          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,50 @@
+module('Form Validate Fail Callback', {
+  setup: function() {
+    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>'
+    }
+
+    $('#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-validators': '{presence:{message: "must be present"}}',
+          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(), '');
+});
+