Inputmask/qunit/tests_base.js

define([
	"qunit",
	"inputmask.dependencyLib",
	"inputmask"
], function(qunit, $, Inputmask) {
	module("Simple masking");

	test("inputmask(\"99-99-99\", { clearMaskOnLostFocus: false}", function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");

		Inputmask({
			mask: "99-99-99",
			clearMaskOnLostFocus: false
		}).mask(testmask);

		equal(testmask.inputmask._valueGet(), "__-__-__", "Result " + testmask.inputmask._valueGet());

		$("#testmask").remove();
	});

	asyncTest("inputmask(\"99-99-99\", { clearMaskOnLostFocus: true}", function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");

		Inputmask({
			mask: "99-99-99",
			clearMaskOnLostFocus: false
		}).mask(testmask);
		testmask.blur();
		setTimeout(function() {
			start();
			equal(testmask.value, "", "Result " + testmask.value);

			$("#testmask").remove();
		}, 0);
	});

	test("inputmask(\"999.999.999\")", function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");

		Inputmask("999.999.999").mask(testmask);

		testmask.focus();

		$("#testmask").Type("123");
		equal(testmask.value, "123.___.___", "Result " + testmask.value);

		$("#testmask").remove();
	});

	test("inputmask(\"999.999.999\") + backspace", function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		Inputmask("999.999.999").mask(testmask);

		testmask.focus();

		$("#testmask").Type("123");
		$("#testmask").SendKey(Inputmask.keyCode.BACKSPACE);
		equal(testmask.value, "12_.___.___", "Result " + testmask.value);

		$("#testmask").remove();
	});

	asyncTest("inputmask(\"999.999.999\", { oncomplete: ... })", 1, function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		$("#testmask").inputmask("999.999.999", {
			oncomplete: function() {
				equal($("#testmask").val(), "123.456.789", "Result " + $("#testmask").val());
				start();
				$("#testmask").remove();
			}
		});

		$("#testmask")[0].focus();
		$("#testmask").Type("123456789");
	});

	asyncTest("inputmask(\"9-AAA.999\") - change event", 1, function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		$("#testmask").inputmask("9-AAA.999").change(function() {
			ok(true, "Change triggered");
			start();
			$("#testmask").remove();
		});

		$("#testmask")[0].focus();
		setTimeout(function() {
			$("#testmask").Type("1abc12");
			$("#testmask").blur();
		}, 0);
	});

	asyncTest("inputmask(\"9-AAA.999\", { onincomplete: ... })", 1, function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		$("#testmask").inputmask("9-AAA.999", {
			onincomplete: function() {
				equal($("#testmask").val(), "1-ABC.12_", "Result " + $("#testmask").val());
				start();
				$("#testmask").remove();
			}
		});

		$("#testmask")[0].focus();
		setTimeout(function() {
			$("#testmask").Type("1abc12");
			$("#testmask").blur();
		}, 0);
	});

	test("inputmask(\"999.999.999\") - delete 2nd with backspace, continue the mask", function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		$("#testmask").inputmask("999.999.999");

		$("#testmask")[0].focus();

		$("#testmask").Type("123");
		$("#testmask").SendKey(Inputmask.keyCode.LEFT);
		$("#testmask").SendKey(Inputmask.keyCode.LEFT);
		$("#testmask").SendKey(Inputmask.keyCode.BACKSPACE);
		$("#testmask").Type("4");
		$("#testmask").SendKey(Inputmask.keyCode.RIGHT);
		$("#testmask").Type("56");

		equal($("#testmask").val(), "143.56_.___", "Result " + $("#testmask").val());

		//$("#testmask").remove();
	});

	test("inputmask(\"999.999.999\") - delete 2nd with delete, continue the mask", function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		$("#testmask").inputmask("999.999.999");

		$("#testmask")[0].focus();

		$("#testmask").SendKey(49);
		$("#testmask").SendKey(50);
		$("#testmask").SendKey(51);
		$("#testmask").SendKey(Inputmask.keyCode.LEFT);
		$("#testmask").SendKey(Inputmask.keyCode.LEFT);
		$("#testmask").SendKey(Inputmask.keyCode.LEFT);
		$("#testmask").SendKey(Inputmask.keyCode.DELETE);
		$("#testmask").SendKey(52);
		$("#testmask").SendKey(Inputmask.keyCode.RIGHT);
		$("#testmask").SendKey(53);
		$("#testmask").SendKey(54);

		equal($("#testmask").val(), "143.56_.___", "Result " + $("#testmask").val());

		$("#testmask").remove();
	});

	test("inputmask(\"999.999.999\") - delete selection start with nomask", function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		$("#testmask").inputmask("999.999.999");

		$("#testmask")[0].focus();

		$("#testmask").Type("123456789");
		$.caret($("#testmask"), 3, 7);
		$("#testmask").SendKey(Inputmask.keyCode.DELETE);

		equal($("#testmask").val(), "123.789.___", "Result " + $("#testmask").val());

		$("#testmask").remove();
	});

	test("inputmask(\"999.999.999\") - backspace selection start with nomask", function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		$("#testmask").inputmask("999.999.999");

		$("#testmask")[0].focus();

		$("#testmask").Type("123456789");
		$.caret($("#testmask"), 3, 7);
		$("#testmask").SendKey(Inputmask.keyCode.DELETE);

		equal($("#testmask").val(), "123.789.___", "Result " + $("#testmask").val());

		$("#testmask").remove();
	});

	test("inputmask(\"999.999.999\") - overtype selection start with nomask", function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		$("#testmask").inputmask("999.999.999");

		$("#testmask")[0].focus();

		$("#testmask").Type("123456789");
		$.caret($("#testmask"), 3, 7);
		$("#testmask").Type("1");

		equal($("#testmask").val(), "123.178.9__", "Result " + $("#testmask").val());

		$("#testmask").remove();
	});

	test("inputmask(\"*****\")", function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		$("#testmask").inputmask("*****");

		$("#testmask")[0].focus();

		$("#testmask").Type("abe");
		$("#testmask").SendKey(Inputmask.keyCode.LEFT);
		$("#testmask").Type("cd");

		equal($("#testmask").val(), "abcde", "Result " + $("#testmask").val());

		$("#testmask").remove();
	});

	test("inputmask(\"d/m/y\")", function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		$("#testmask").inputmask("d/m/y");

		$("#testmask")[0].focus();

		$("#testmask").Type("23031973");
		$.caret($("#testmask"), 5);
		$("#testmask").SendKey(Inputmask.keyCode.BACKSPACE);

		equal($("#testmask").val(), "23/0_/1973", "Result " + $("#testmask").val());

		$("#testmask").remove();
	});

	test("inputmask(\"(999)999-9999\") - ruslanfedoseenko mask", function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		$("#testmask").inputmask("(999)999-9999");

		$("#testmask")[0].focus();

		$("#testmask").val("9999999999");
		$.caret($("#testmask"), 4, 5);
		$("#testmask").Type("7");
		equal($("#testmask").val(), "(999)999-9999", "Result " + $("#testmask").val());
		$("#testmask").remove();
	});
	test("inputmask(\"(999)999-9999\") - insert false - ruslanfedoseenko mask", function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		$("#testmask").inputmask("(999)999-9999", {
			insertMode: false
		});

		$("#testmask")[0].focus();

		$("#testmask").val("9999999999");
		$.caret($("#testmask"), 4, 5);
		$("#testmask").Type("7");
		equal($("#testmask").val(), "(999)999-9999", "Result " + $("#testmask").val());
		$("#testmask").remove();
	});

	test("inputmask(\"\") - empty mask - andywolk", function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		$("#testmask").inputmask("");

		$("#testmask")[0].focus();
		$("#testmask").val("123");
		equal($("#testmask").val(), "123", "Result " + $("#testmask").val());

		$("#testmask").remove();
	});

	test("Intergroup selection - dhilt", function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		$("#testmask").inputmask("dd/mm/yyyy");

		$("#testmask")[0].focus();
		$("#testmask").Type("23314");

		$.caret($("#testmask"), 4, 7);
		$("#testmask").SendKey("6");
		equal($("#testmask").val(), "23/06/y014", "Result " + $("#testmask").val());

		$("#testmask").remove();
	});

	test("Delete selection with non-masks", function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		$("#testmask").inputmask("(999)999-9999");

		$("#testmask")[0].focus();
		$("#testmask").Type("9999999999");

		$.caret($("#testmask"), 8, 11);
		$("#testmask").SendKey(Inputmask.keyCode.DELETE);
		equal($("#testmask").val(), "(999)999-99__", "Result " + $("#testmask").val());

		$("#testmask").remove();
	});

	test("Selection and backspace also deletes previous - kenaku", function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		$("#testmask").inputmask("999 99 99 999");

		$("#testmask")[0].focus();
		$("#testmask").Type("1234567890");

		$.caret($("#testmask"), 2, 3);
		$("#testmask").SendKey(Inputmask.keyCode.BACKSPACE);
		equal($("#testmask").val(), "124 56 78 90_", "Result " + $("#testmask").val());

		$("#testmask").remove();
	});


	module("Non-greedy masks");
	test("inputmask(\"*\", { greedy: false, repeat: \"*\" }) - replace cd with 1", function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		$("#testmask").inputmask("*", {
			greedy: false,
			repeat: "*"
		});

		$("#testmask")[0].focus();

		$("#testmask").Type("abcdef");
		$.caret($("#testmask"), 2, 4);
		$("#testmask").SendKey("1");
		equal($("#testmask").val(), "ab1ef", "Result " + $("#testmask").val());

		$("#testmask").remove();
	});

	test("inputmask(\"*\", { greedy: false, repeat: \"*\" }) - type abcdef", function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		$("#testmask").inputmask("*", {
			greedy: false,
			repeat: "*"
		});

		$("#testmask")[0].focus();

		$("#testmask").Type("abcdef");

		equal($("#testmask").val(), "abcdef", "Result " + $("#testmask").val());

		$("#testmask").remove();
	});

	test("inputmask(\"A.\", { repeat: \"*\" }) - type abc - joostburg", function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		$("#testmask").inputmask("A.", {
			repeat: "*"
		});

		$("#testmask")[0].focus();

		$("#testmask").Type("abc");

		equal($("#testmask").val(), "A.B.C.", "Result " + $("#testmask").val());

		$("#testmask").remove();
	});

	test("{ mask: \"A\", placeholder: \"\", repeat: 16 }) - type testtest - glosswordteam", function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		$("#testmask").inputmask({
			mask: "A",
			placeholder: "",
			repeat: 16
		});

		$("#testmask")[0].focus();

		$("#testmask").Type("testtest");

		equal($("#testmask").val(), "TESTTEST", "Result " + $("#testmask").val());

		$("#testmask").remove();
	});

	test("{ mask: \"A\", repeat: 16, greedy: false }) - type testtest - glosswordteam", function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		$("#testmask").inputmask({
			mask: "A",
			repeat: 16,
			greedy: false
		});

		$("#testmask")[0].focus();

		$("#testmask").Type("testtest");

		equal($("#testmask").val(), "TESTTEST", "Result " + $("#testmask").val());

		$("#testmask").remove();
	});

	module("greedy masks");
	test("inputmask(\"*\", { greedy: true, repeat: 10, clearMaskOnLostFocus: false  })", function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		$("#testmask").inputmask("*", {
			greedy: true,
			repeat: 10,
			clearMaskOnLostFocus: false
		});

		$("#testmask")[0].focus();
		equal($("#testmask")[0].inputmask._valueGet(), "__________", "Result " + $("#testmask")[0].inputmask._valueGet());

		$("#testmask").remove();
	});
	test("inputmask(\"*\", { greedy: true, repeat: 10 }) - type 12345678901234567890", function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		$("#testmask").inputmask("*", {
			greedy: true,
			repeat: 10
		});

		$("#testmask")[0].focus();

		$("#testmask").Type("12345678901234567890");

		equal($("#testmask").val(), "1234567890", "Result " + $("#testmask").val());

		$("#testmask").remove();
	});

	test("inputmask(\"9,99\", { greedy: true, repeat: 5 }) - type 12345678901234567890", function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		$("#testmask").inputmask("9,99", {
			greedy: true,
			repeat: 5
		});

		$("#testmask")[0].focus();

		$("#testmask").Type("12345678901234567890");

		equal($("#testmask").val(), "1,234,567,890,123,45", "Result " + $("#testmask").val());

		$("#testmask").remove();
	});

	test("inputmask({ mask: \"9\", repeat: 10, placeholder: \"\", numericInput: true }) - greedy true with empty placeholder - type 12345", function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		$("#testmask").inputmask({
			"mask": "9",
			repeat: 10,
			placeholder: "",
			numericInput: true
		});

		$("#testmask")[0].focus();

		$("#testmask").Type("12345");

		equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());

		$("#testmask").remove();
	});

	asyncTest("creditcard switch - pchelailya", function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		$("#testmask").inputmask("9999 9999 9999 9999");
		$("#testmask").on("keyup", function(event) {
			var value = $(this).inputmask("unmaskedvalue");

			if (value != null && value.length === 2 && value === "37") {
				$(this).inputmask("9999 999999 99999");
			}
		});
		$("#testmask")[0].focus();
		$("#testmask").Type("37");
		setTimeout(function() {
			$("#testmask").Type("12");
			start();
			equal($("#testmask").val(), "3712 ______ _____", "Result " + $("#testmask").val());

			$("#testmask").remove();
		}, 0);
	});

	test("maskscache - same mask diff definitions - StonesEditeurs", function() {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		$("#testmask").inputmask({
			mask: "Z{1,*}",
			definitions: {
				'Z': {
					validator: function(chrs, buffer, pos, strict, opts) {
						return {
							pos: pos,
							c: 'A'
						};
					},
				}
			}
		});

		$("#testmask").inputmask({
			mask: "Z{1,*}", // <= Same mask
			definitions: {
				'Z': {
					validator: function(chrs, buffer, pos, strict, opts) {
						return {
							pos: pos,
							c: 'B'
						}; // <= another definition
					},
				}
			}
		});

		$("#testmask").Type("abcdef");
		equal(document.getElementById("testmask").inputmask._valueGet(), "BBBBBB", "Result " + document.getElementById("testmask").inputmask._valueGet());
		$("#testmask").remove();
	});
});