Fix for radios-inline tests

json-schema-form · Sep 18, 2015 · 6de42eb · 6de42eb
1 parent 7d36108
commit 6de42eb
Showing 1 changed file with 98 additions and 21 deletions.
diff --git a/test/directives/schema-form-test.js b/test/directives/schema-form-test.js
@@ -1943,26 +1943,6 @@ describe('directive',function(){
         ]
       }
     },
-    {
-      name: 'radios inline',
-      property: {
-        type: 'boolean',
-      },
-      form: {
-        key: ["field"],
-        type: "radios-inline",
-        titleMap: [
-          {
-            "value": false,
-            "name": "No way"
-          },
-          {
-            "value": true,
-            "name": "OK"
-          }
-        ]
-      }
-    },
     {
       name: 'select',
       property: {
@@ -2115,7 +2095,7 @@ describe('directive',function(){
         ]
       }
     };
-    
+
     inject(function($compile, $rootScope){
       var scope = $rootScope.$new();
       scope.model = {
@@ -2143,6 +2123,103 @@ describe('directive',function(){
     });
   });
 
+  it('should not add "has-success" class to radios-inline field if a correct value is entered, but disableSuccessState is set on form', function () {
+
+    var field = {
+      name: 'radios',
+      property: {
+        type: 'boolean',
+      },
+      form: {
+        key: ["field"],
+        type: "radios",
+        titleMap: [
+          {
+            "value": false,
+            "name": "No way"
+          },
+          {
+            "value": true,
+            "name": "OK"
+          }
+        ]
+      }
+    };
+
+    inject(function($compile, $rootScope){
+      var scope = $rootScope.$new();
+      scope.model = {}
+      scope.schema = {
+        type: 'object',
+        properties: {
+          field: field.property
+        }
+      };
+      scope.form = [field.form];
+
+      var tmpl = angular.element('<form  name="theForm" sf-schema="schema" sf-form="form" sf-model="model"></form>');
+      $compile(tmpl)(scope);
+      $rootScope.$apply();
+      var ngModelCtrl = tmpl.children().eq(0).children().eq(0).scope().ngModel;
+      ngModelCtrl.$valid = true;
+      ngModelCtrl.$pristine = false;
+      $rootScope.$apply();
+      tmpl.children().eq(0).children().eq(0).hasClass('has-success').should.be.true;
+      scope.form[0].disableSuccessState = true;
+      $rootScope.$apply();
+      tmpl.children().eq(0).children().eq(0).hasClass('has-success').should.be.false;
+    });
+  });
+
+  it('should not add "has-error" class to radios-inline field if invalid value is entered, but disableErrorState is set on form', function () {
+
+    var field = {
+      name: 'radios',
+      property: {
+        type: 'boolean',
+      },
+      form: {
+        key: ["field"],
+        type: "radios",
+        titleMap: [
+          {
+            "value": false,
+            "name": "No way"
+          },
+          {
+            "value": true,
+            "name": "OK"
+          }
+        ]
+      }
+    };
+
+    inject(function($compile, $rootScope){
+      var scope = $rootScope.$new();
+      scope.model = {
+        field: field.errorValue
+      }
+      scope.schema = {
+        type: 'object',
+        properties: {
+          field: field.property
+        }
+      };
+      scope.form = [field.form];
+
+      var tmpl = angular.element('<form  name="theForm" sf-schema="schema" sf-form="form" sf-model="model"></form>');
+      $compile(tmpl)(scope);
+      $rootScope.$apply();
+      var ngModelCtrl = tmpl.children().eq(0).children().eq(0).scope().ngModel;
+      ngModelCtrl.$invalid = true;
+      ngModelCtrl.$pristine = false;
+      $rootScope.$apply();
+      tmpl.children().eq(0).children().eq(0).hasClass('has-error').should.be.true;
+      scope.form[0].disableErrorState = true;
+      $rootScope.$apply();
+      tmpl.children().eq(0).children().eq(0).hasClass('has-error').should.be.false;
+    });
+  });