unit test for bootstrap wrapper

test/javascript/public/test/form_builders/validateSimpleFormBootstrap.js

@@ -0,0 +1,67 @@
+module('Validate SimpleForm Bootstrap', {
+  setup: function() {
+    window.ClientSideValidations.forms['new_user'] = {
+      type: 'SimpleForm::FormBuilder',
+      error_class: 'help-inline',
+      error_tag: 'span',
+      wrapper_error_class: 'error',
+      wrapper_tag: 'div',
+      wrapper_class: 'control-group',
+      wrapper: 'bootstrap',
+      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($('<div />', {
+          class: 'form-inputs'
+        }))
+        .find('div')
+          .append($('<div />', {
+            class: 'control-group'
+          })).find('div')
+            .append($('<label for="user_name" class="string control-label">Name</label>'))
+            .append($('<div />', {
+              class: 'controls'
+            })).find('div')
+              .append($('<input />', {
+                name: 'user[name]',
+                id: 'user_name',
+                type: 'text'
+              }));
+
+    $('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().parent().hasClass('error'));
+  ok(label.parent().hasClass('error'));
+  ok(input.parent().find('span.help-inline:contains("must be present")')[0]);
+
+  input.val('abc')
+  input.trigger('change')
+  input.trigger('focusout')
+  ok(input.parent().parent().hasClass('error'));
+  ok(label.parent().hasClass('error'));
+  ok(input.parent().find('span.help-inline:contains("is invalid")')[0]);
+
+  input.val('123')
+  input.trigger('change')
+  input.trigger('focusout')
+  ok(!input.parent().parent().hasClass('error'));
+  ok(!label.parent().hasClass('error'));
+  ok(!input.parent().find('span.help-inline')[0]);
+});