digitalBush · codelahoma · Aug 2, 2011 · Aug 2, 2011 · Aug 3, 2011 · Aug 3, 2011
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,10 @@
 
 .idea/*
 dist/*
+# vim undo files
+*~
+# vim swap files
+*.swp
+acs.tmp
+node_modules/
+npm-debug.log
diff --git a/Cakefile b/Cakefile
@@ -18,8 +18,10 @@ minify = (js)->
 	process = uglify.uglify	
 	ast = process.ast_mangle(ast)
 	ast = process.ast_squeeze(ast)	
-	comment = uglify.parser.tokenizer(js)().comments_before[0].value;
-	'/*'+comment+'*/\n'+process.gen_code(ast)
+	#comment = uglify.parser.tokenizer(js)().comments_before[0].value;
+	#'/*'+comment+'*/\n'+process.gen_code(ast)
+	process.gen_code(ast)
+
 
 replaceTokens = (js,tokens)->
 	js.replace(

diff --git a/demo/index.html b/demo/index.html
@@ -1,13 +1,20 @@
+<!doctype html>
 <html>
 <head>
 <title> jQuery Mask Test </title>
 <script src="../lib/jquery-1.4.4.min.js" type="text/javascript" charset="utf-8"></script>
 <script src="../src/jquery.maskedinput.js" type="text/javascript"></script>
 <script type="text/javascript">
     $(function() {
-        $.mask.definitions['~'] = "[+-]";
-        $("#date").mask("99/99/9999",{completed:function(){alert("completed!");}});
-        $("#phone").mask("(999) 999-9999");
+			$.mask.definitions['~'] = "[+-]";
+			$.mask.definitions['m'] = "[0-9\/]";
+			$.mask.definitions['d'] = "[0-9\/]";
+			$.mask.definitions['y'] = "[0-9\/]";
+		$("#date").mask("mm/dd/yyyy",{ placeholder: " ", progressive_reveal: true,
+										autocomplete: $.mask.autocomplete_predefined["mmddyyyy"]	});
+		$("#phone").mask("mm/yyyy",{ placeholder: " ", progressive_reveal: true,
+										autocomplete: $.mask.autocomplete_predefined["mmyyyy"]	});
+        <!--$("#phone").mask("(999) 999-9999");-->
         $("#phoneExt").mask("(999) 999-9999? x99999");
         $("#iphone").mask("+33 999 999 999");
         $("#tin").mask("99-9999999");
@@ -16,6 +23,7 @@
         $("#eyescript").mask("~9.99 ~9.99 999");
         $("#po").mask("PO: aaa-999-***");
 		$("#pct").mask("99%");
+		$("#rd").mask("$99.00");
 
         $("input").blur(function() {
             $("#info").html("Unmasked value: " + $(this).mask());
@@ -38,6 +46,7 @@
 		<tr><td>Eye Script</td><td><input id="eyescript" type="text" tabindex="6"/></td><td>~9.99 ~9.99 999</td></tr>
 		<tr><td>Purchase Order</td><td><input id="po" type="text" tabindex="6"/></td><td>aaa-999-***</td></tr>
 		<tr><td>Percent</td><td><input id="pct" type="text" tabindex="6"/></td><td>99%</td></tr>
+		<tr><td>Rounded Dollar (IRS Style)</td><td><input id="rd" type="text" tabindex="7"/></td><td>$99.00</td></tr>
 </table>
 <div id="info"></div>
 </body>

diff --git a/spec/AutoComplete.Spec.coffee b/spec/AutoComplete.Spec.coffee
@@ -0,0 +1,100 @@
+feature "Autocompletion", ->
+  story "User interacts with an input with 'mmddyyyy' predefined autocomplete settings", ->
+    beforeEach ->
+      input.mask "mm/dd/yyyy", 
+        placeholder: " "
+        autocomplete: $.mask.autocomplete_predefined["mmddyyyy"]
+
+    it "Should reset the input to blank if the user inputs an invalid month", ->
+      input.mashKeys "13"
+      expect(input).toHaveValue "  /  /    "
+
+    it "Should reset the input to blank if the user inputs a slash as the first month character", ->
+      input.mashKeys "/"
+      expect(input).toHaveValue "  /  /    "
+
+    it "Should zero pad a single digit month if followed by a slash", ->
+      input.mashKeys "4/"
+      expect(input).toHaveValue "04/  /    "
+
+    it "Should advance to the day fields if user enters a valid two digit month", ->
+      input.mashKeys "09"
+      expect(input).toHaveValue "09/  /    "
+      expect(input.caret().begin).toEqual 3
+
+    it "Should reset to blank day of month if a slash is entered as the first charactor of day of month", ->
+      input.mashKeys "09/"
+      expect(input).toHaveValue "09/  /    "
+
+    it "Should reset to blank day of month if any invalid day of month is entered", ->
+      input.mashKeys "0941"
+      expect(input).toHaveValue "09/  /    "
+
+    it "Should reset to blank day of month if '00' is entered for the day of month", ->
+      input.mashKeys "0900"
+      expect(input).toHaveValue "09/  /    "
+
+    it "Should zero pad the day of month if a single digit day of month is followed by a slash", ->
+      input.mashKeys "099/"
+      expect(input).toHaveValue "09/09/    "
+
+    it "Should consider a two digit year less than 30, but not 19 or 20, to be 21st century and prefix with '20'", ->
+      input.mashKeys "090918"
+      expect(input).toHaveValue "09/09/2018"
+
+    it "Should consider a two digit year greater than 29 to be 20th century and prefix with '19'", ->
+      input.mashKeys "090964"
+      expect(input).toHaveValue "09/09/1964"
+
+    it "Should not prefix the year if the first two digits entered are '20'", ->
+      input.mashKeys "090920"
+      expect(input).toHaveValue "09/09/20  "
+
+    it "Should not prefix the year if the first two digits entered are '19'", ->
+      input.mashKeys "090919"
+      expect(input).toHaveValue "09/09/19  "
+
+  story "User interacts with an input with 'mmyyyy' predefined autocomplete settings", ->
+    beforeEach ->
+      input.mask "mm/yyyy", 
+        placeholder: " "
+        autocomplete: $.mask.autocomplete_predefined["mmyyyy"]
+
+    it "Should reset the input to blank if the user inputs an invalid month", ->
+      input.mashKeys "13"
+      expect(input).toHaveValue "  /    "
+
+    it "Should reset to blank day of month if '00' is entered for the month", ->
+      input.mashKeys "00"
+      expect(input).toHaveValue "  /    "
+
+
+    it "Should reset the input to blank if the user inputs a slash as the first character", ->
+      input.mashKeys "/"
+      expect(input).toHaveValue "  /    "
+
+    it "Should zero pad a single digit month if followed by a slash", ->
+      input.mashKeys "4/"
+      expect(input).toHaveValue "04/    "
+
+    it "Should advance to the year field if user enters a valid two digit month", ->
+      input.mashKeys "09"
+      expect(input).toHaveValue "09/    "
+
+    it "Should consider a two digit digit less than 30, but not 19 or 20, to be 21st century and prefix with '20'", ->
+      input.mashKeys "0918"
+      expect(input).toHaveValue "09/2018"
+
+    it "Should consider a two digit year greater than 29 to be 20th century and prefix with '19'", ->
+      input.mashKeys "0964"
+      expect(input).toHaveValue "09/1964"
+
+    it "Should not prefix the year if the first two digits entered are '20'", ->
+      input.mashKeys "0920"
+      expect(input).toHaveValue "09/20  "
+
+    it "Should not prefix the year if the first two digits entered are '19'", ->
+      input.mashKeys "0919"
+      expect(input).toHaveValue "09/19  "
+
+
diff --git a/spec/AutoComplete.Spec.js b/spec/AutoComplete.Spec.js
@@ -0,0 +1,105 @@
+(function() {
+  feature("Autocompletion", function() {
+    story("User interacts with an input with 'mmddyyyy' predefined autocomplete settings", function() {
+      beforeEach(function() {
+        return input.mask("mm/dd/yyyy", {
+          placeholder: " ",
+          autocomplete: $.mask.autocomplete_predefined["mmddyyyy"]
+        });
+      });
+      it("Should reset the input to blank if the user inputs an invalid month", function() {
+        input.mashKeys("13");
+        return expect(input).toHaveValue("  /  /    ");
+      });
+      it("Should reset the input to blank if the user inputs a slash as the first month character", function() {
+        input.mashKeys("/");
+        return expect(input).toHaveValue("  /  /    ");
+      });
+      it("Should zero pad a single digit month if followed by a slash", function() {
+        input.mashKeys("4/");
+        return expect(input).toHaveValue("04/  /    ");
+      });
+      it("Should advance to the day fields if user enters a valid two digit month", function() {
+        input.mashKeys("09");
+        expect(input).toHaveValue("09/  /    ");
+        return expect(input.caret().begin).toEqual(3);
+      });
+      it("Should reset to blank day of month if a slash is entered as the first charactor of day of month", function() {
+        input.mashKeys("09/");
+        return expect(input).toHaveValue("09/  /    ");
+      });
+      it("Should reset to blank day of month if any invalid day of month is entered", function() {
+        input.mashKeys("0941");
+        return expect(input).toHaveValue("09/  /    ");
+      });
+      it("Should reset to blank day of month if '00' is entered for the day of month", function() {
+        input.mashKeys("0900");
+        return expect(input).toHaveValue("09/  /    ");
+      });
+      it("Should zero pad the day of month if a single digit day of month is followed by a slash", function() {
+        input.mashKeys("099/");
+        return expect(input).toHaveValue("09/09/    ");
+      });
+      it("Should consider a two digit year less than 30, but not 19 or 20, to be 21st century and prefix with '20'", function() {
+        input.mashKeys("090918");
+        return expect(input).toHaveValue("09/09/2018");
+      });
+      it("Should consider a two digit year greater than 29 to be 20th century and prefix with '19'", function() {
+        input.mashKeys("090964");
+        return expect(input).toHaveValue("09/09/1964");
+      });
+      it("Should not prefix the year if the first two digits entered are '20'", function() {
+        input.mashKeys("090920");
+        return expect(input).toHaveValue("09/09/20  ");
+      });
+      return it("Should not prefix the year if the first two digits entered are '19'", function() {
+        input.mashKeys("090919");
+        return expect(input).toHaveValue("09/09/19  ");
+      });
+    });
+    return story("User interacts with an input with 'mmyyyy' predefined autocomplete settings", function() {
+      beforeEach(function() {
+        return input.mask("mm/yyyy", {
+          placeholder: " ",
+          autocomplete: $.mask.autocomplete_predefined["mmyyyy"]
+        });
+      });
+      it("Should reset the input to blank if the user inputs an invalid month", function() {
+        input.mashKeys("13");
+        return expect(input).toHaveValue("  /    ");
+      });
+      it("Should reset to blank day of month if '00' is entered for the month", function() {
+        input.mashKeys("00");
+        return expect(input).toHaveValue("  /    ");
+      });
+      it("Should reset the input to blank if the user inputs a slash as the first character", function() {
+        input.mashKeys("/");
+        return expect(input).toHaveValue("  /    ");
+      });
+      it("Should zero pad a single digit month if followed by a slash", function() {
+        input.mashKeys("4/");
+        return expect(input).toHaveValue("04/    ");
+      });
+      it("Should advance to the year field if user enters a valid two digit month", function() {
+        input.mashKeys("09");
+        return expect(input).toHaveValue("09/    ");
+      });
+      it("Should consider a two digit digit less than 30, but not 19 or 20, to be 21st century and prefix with '20'", function() {
+        input.mashKeys("0918");
+        return expect(input).toHaveValue("09/2018");
+      });
+      it("Should consider a two digit year greater than 29 to be 20th century and prefix with '19'", function() {
+        input.mashKeys("0964");
+        return expect(input).toHaveValue("09/1964");
+      });
+      it("Should not prefix the year if the first two digits entered are '20'", function() {
+        input.mashKeys("0920");
+        return expect(input).toHaveValue("09/20  ");
+      });
+      return it("Should not prefix the year if the first two digits entered are '19'", function() {
+        input.mashKeys("0919");
+        return expect(input).toHaveValue("09/19  ");
+      });
+    });
+  });
+}).call(this);
diff --git a/spec/Delete.spec.js b/spec/Delete.spec.js
@@ -12,7 +12,7 @@ feature("Delete Key", function() {
 			});
 
 			when("hitting the delete key",function(){
-				input.mashKeys(function(keys){keys.type(keys.delete)});
+				input.mashKeys(function(keys){keys.type(keys[ 'delete' ]);});
 			});
 
 			then("value should be correct",function(){
@@ -36,7 +36,7 @@ feature("Delete Key", function() {
 			});
 
 			when("hitting the delete key",function(){
-				input.mashKeys(function(keys){keys.type(keys.delete)});
+				input.mashKeys(function(keys){keys.type(keys[ 'delete' ]);});
 			});
 
 			then("value should be correct",function(){
@@ -62,7 +62,7 @@ feature("Delete Key", function() {
 			});
 
 			when("hitting the delete key",function(){
-				input.mashKeys(function(keys){keys.type(keys.delete)});
+				input.mashKeys(function(keys){keys.type(keys[ 'delete' ]);});
 			});
 
 			then("value should be correct",function(){
@@ -86,7 +86,7 @@ feature("Delete Key", function() {
 			});
 
 			when("hitting the delete key",function(){
-				input.mashKeys(function(keys){keys.type(keys.delete)});
+				input.mashKeys(function(keys){keys.type(keys[ 'delete' ]);});
 			});
 
 			then("value should be correct",function(){
@@ -111,7 +111,7 @@ feature("Delete Key", function() {
 				});
 
 				when("hitting the delete key",function(){
-					input.mashKeys(function(keys){keys.type(keys.delete)});
+				  input.mashKeys(function(keys){keys.type(keys[ 'delete' ]);});
 				});
 
 				then("value should be correct",function(){
@@ -135,7 +135,7 @@ feature("Delete Key", function() {
 				});
 
 				when("hitting the delete key",function(){
-					input.mashKeys(function(keys){keys.type(keys.delete)});
+				  input.mashKeys(function(keys){keys.type(keys[ 'delete' ]);});
 				});
 
 				then("value should be correct",function(){

diff --git a/spec/ProgressiveReveal.Spec.coffee b/spec/ProgressiveReveal.Spec.coffee
@@ -0,0 +1,53 @@
+feature "Progressive Reveal", ->
+
+  story "User interacts with an input with 'mmddyyyy' predefined autocomplete settings and 'progressive_reveal' set to true", ->
+
+    beforeEach ->
+      input.mask "mm/dd/yyyy", 
+        placeholder: " "
+        autocomplete: $.mask.autocomplete_predefined["mmddyyyy"]
+        progressive_reveal: true
+
+    scenario "User hasn't entered anything yet", ->
+
+      given "An empty input", ->
+        null
+
+      whilst "User does nothing", ->
+        null
+
+      hence "Input is blank", ->
+        (expect input).toHaveValue ''
+
+    scenario "User enters two digit month", ->
+
+      given "An empty input", ->
+        null
+
+      whilst "User enters valid month", ->
+        input.mashKeys "11"
+
+      hence "Input advances to the day of month field", ->
+        (expect input).toHaveValue "11/"
+        (expect input.caret().begin).toEqual 3
+
+    scenario "User enters two digit month, then backspace", ->
+
+      given "An empty input", ->
+        null
+
+      whilst "User enters valid month", ->
+        input.mashKeys "11"
+
+      likewise "User hits backspace", ->
+        input.mashKeys (keys) ->
+          keys.type keys.backspace
+
+
+      hence "Input deletes slash and second digit of month", ->
+        (expect input).toHaveValue "1"
+
+      likewise "The cursor is positioned after the first digit of month", ->
+        (expect input.caret().begin).toEqual 1
+
+