feat(careless): Add careless matching

Closes #22

Author: TheSharpieOne

README.md

@@ -39,6 +39,14 @@ Password: <input ng-model="user.password" type="password" />
 Confirm: <input ng-model="user.passwordConfirm" type="password" match="user.password" />
 ```
 
+**Case insensitive (caseless) Example**
+
+```html
+Password: <input ng-model="user.password" type="password" />
+Confirm: <input ng-model="user.passwordConfirm" type="password" match="user.password" match-caseless="true" />
+```
+<small>`match-caseless` can accept a scoped variable to allow the matching to be toggle-able between case insensitive and case sensitive.</small>
+
 **Display Custom Error**<br>
 If your form and field both are named, you can access the validation result to show/hide messages.
 

bower.json

@@ -1,6 +1,6 @@
 {
     "name": "angular-input-match",
-    "version": "1.4.1",
+    "version": "1.5.0",
     "homepage": "https://github.com/TheSharpieOne/angular-input-match",
     "authors": [
         "TheSharpieOne  <evan@lostonia.com>"

dist/angular-input-match.js

@@ -1,7 +1,7 @@
 /*!
  * angular-input-match
  * Checks if one input matches another
- * @version v1.4.1
+ * @version v1.5.0
  * @link https://github.com/TheSharpieOne/angular-input-match
  * @license MIT License, http://www.opensource.org/licenses/MIT
  */
@@ -24,13 +24,18 @@ function match ($parse) {
             }
 
             var matchGetter = $parse(attrs.match);
+            var caselessGetter = $parse(attrs.matchCaseless);
 
             scope.$watch(getMatchValue, function(){
                 ctrl.$$parseAndValidate();
             });
 
             ctrl.$validators.match = function(){
-                return ctrl.$viewValue === getMatchValue();
+              var match = getMatchValue();
+              if(caselessGetter(scope) && angular.isString(match) && angular.isString(ctrl.$viewValue)){
+                return ctrl.$viewValue.toLowerCase() === match.toLowerCase();
+              }
+              return ctrl.$viewValue === match;
             };
 
             function getMatchValue(){
@@ -44,4 +49,4 @@ function match ($parse) {
     };
 }
 match.$inject = ["$parse"];
-})(window, window.angular);
+})(window, window.angular);

dist/angular-input-match.min.js

@@ -1,6 +1,6 @@
 {
   "name": "angular-input-match",
-  "version": "1.4.1",
+  "version": "1.5.0",
   "homepage": "https://github.com/TheSharpieOne/angular-input-match",
   "description": "Checks if one input matches another",
   "main": "./dist/angular-input-match.min.js",

package.json

@@ -17,13 +17,18 @@ function match ($parse) {
             }
 
             var matchGetter = $parse(attrs.match);
+            var caselessGetter = $parse(attrs.matchCaseless);
 
             scope.$watch(getMatchValue, function(){
                 ctrl.$$parseAndValidate();
             });
 
             ctrl.$validators.match = function(){
-                return ctrl.$viewValue === getMatchValue();
+              var match = getMatchValue();
+              if(caselessGetter(scope) && angular.isString(match) && angular.isString(ctrl.$viewValue)){
+                return ctrl.$viewValue.toLowerCase() === match.toLowerCase();
+              }
+              return ctrl.$viewValue === match;
             };
 
             function getMatchValue(){

src/angular-input-match.js

@@ -59,7 +59,6 @@ describe('Directives: validation - match', function() {
                 expect(compiled.hasClass('ng-valid')).to.be.true();
             });
 
-
             it('returns false if $modelValue are not identical', function() {
                 $scope.confirmation = false;
                 $scope.original = undefined;
@@ -108,6 +107,80 @@ describe('Directives: validation - match', function() {
             $scope.$digest();
             expect(form.testConfirm.$modelValue).to.be.undefined();
         });
-        
+
+    });
+
+    describe('caseless validation', function() {
+
+      describe('behavior:', function() {
+        var validTemplate = '<input ng-model="confirmation" match="original" match-caseless="true"></input>';
+
+          it('returns true if no model value has been defined', function() {
+              compiled = $compile(validTemplate)($scope);
+              expect($scope.confirmation).to.be.undefined();
+              $scope.$digest();
+              expect(compiled.hasClass('ng-valid')).to.be.true();
+          });
+
+
+          it('returns true if $modelValue are identical', function() {
+              $scope.confirmation = "value";
+              compiled = $compile(validTemplate)($scope);
+              $scope.original = "value";
+              $scope.$digest();
+              expect(compiled.hasClass('ng-valid')).to.be.true();
+          });
+
+          it('returns true if $modelValue are not identical but match caselessly', function() {
+              $scope.confirmation = "VALUE";
+              compiled = $compile(validTemplate)($scope);
+              $scope.original = "value";
+              $scope.$digest();
+              expect(compiled.hasClass('ng-valid')).to.be.true();
+          });
+
+          it('returns false if $modelValue are not identical', function() {
+              $scope.confirmation = false;
+              $scope.original = undefined;
+              compiled = $compile(validTemplate)($scope);
+              $scope.$digest();
+              expect(compiled.hasClass('ng-valid')).to.be.false();
+          });
+
+      });
+
+
+      describe('Form level validation', function() {
+        var form,
+        element,
+        inputValue = 'testValue';
+
+        beforeEach(function() {
+            element = angular.element(
+                '<form name="form">' +
+                '<input type="text" ng-model="test" name="test"></input>' +
+                '<input type="text" match="form.test" match-caseless="true" ng-model="testConfirm" name="testConfirm"></input>' +
+                '</form>'
+            );
+            $scope.test = inputValue;
+            $compile(element)($scope);
+            $scope.$digest();
+            form = $scope.form;
+        });
+
+        it('should check if $viewValues are identical', function() {
+            form.testConfirm.$setViewValue(inputValue);
+            $scope.$digest();
+            expect(form.testConfirm.$error.match).to.be.undefined();
+        });
+
+        it('should check if $viewValues are not identical but match caselessly', function() {
+            form.testConfirm.$setViewValue(inputValue.toUpperCase());
+            $scope.$digest();
+            expect(form.testConfirm.$error.match).to.be.undefined();
+        });
+
+      });
+
     });
 });