Inputmask/qunit/tests_numericinput.js

define([
	"qunit",
	"../dist/inputmask/dependencyLibs/inputmask.dependencyLib",
	"../dist/inputmask/inputmask.date.extensions",
	"../dist/inputmask/inputmask.extensions",
	"../dist/inputmask/inputmask.numeric.extensions",
	"../dist/inputmask/inputmask.phone.extensions",
	"../dist/inputmask/inputmask.regex.extensions",
	"prototypeExtensions",
	"simulator"
], function (qunit, $, Inputmask) {

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

		testmask.focus();
		setTimeout(function () {
			$("#testmask").SendKey("1");
			$("#testmask").SendKey("2");
			$("#testmask").SendKey("3");
			$("#testmask").SendKey(Inputmask.keyCode.RIGHT);
			$("#testmask").SendKey(Inputmask.keyCode.RIGHT);
			$("#testmask").SendKey(Inputmask.keyCode.RIGHT);
			$("#testmask").SendKey(Inputmask.keyCode.BACKSPACE);
			$("#testmask").SendKey("4");
			$("#testmask").SendKey(Inputmask.keyCode.LEFT);
			$("#testmask").SendKey("5");
			$("#testmask").SendKey("6");
			assert.equal(testmask.value, "___._65.341", "Result " + testmask.value);
			done();

		}, 0);
	});

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

		testmask.focus();
		setTimeout(function () {
			$("#testmask").SendKey("1");
			$("#testmask").SendKey("2");
			$("#testmask").SendKey("3");
			$("#testmask").SendKey(Inputmask.keyCode.RIGHT);
			$("#testmask").SendKey(Inputmask.keyCode.RIGHT);
			$("#testmask").SendKey(Inputmask.keyCode.DELETE);
			$("#testmask").SendKey("4");
			$("#testmask").SendKey(Inputmask.keyCode.LEFT);
			$("#testmask").SendKey("5");
			$("#testmask").SendKey("6");
			assert.equal(testmask.value, "___._65.341", "Result " + testmask.value);
			done();

		}, 0);
	});

	qunit.test("inputmask(\"999-aaa-999\")", function (assert) {
		var done = assert.async(),
			$fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" dir="rtl" />');
		var testmask = document.getElementById("testmask");
		Inputmask("999-aaa-999").mask(testmask);

		testmask.focus();
		setTimeout(function () {
			$("#testmask").Type("123abc12");
			assert.equal(testmask.value, "_21-cba-321", "Result " + testmask.value);
			done();

		}, 0);
	});

	qunit.test("inputmask(\"999-999-999\") - replace selection", function (assert) {
		var done = assert.async(),
			$fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" dir="rtl" />');
		var testmask = document.getElementById("testmask");
		Inputmask("999-999-999").mask(testmask);

		testmask.focus();
		setTimeout(function () {
			$("#testmask").Type("123456789");
			$.caret(testmask, 4, 7);
			$("#testmask").Type("5");
			assert.equal(testmask.value, "__9-875-321", "Result " + testmask.value);
			done();

		}, 0);
	});

	qunit.test("inputmask(\"999-999-999\") - replace selection with backspace", function (assert) {
		var done = assert.async(),
			$fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" dir="rtl" />');
		var testmask = document.getElementById("testmask");
		Inputmask("999-999-999").mask(testmask);

		testmask.focus();
		setTimeout(function () {
			$("#testmask").Type("123456789");
			$.caret(testmask, 4, 7);
			$("#testmask").SendKey(Inputmask.keyCode.BACKSPACE);
			$("#testmask").Type("5");
			assert.equal(testmask.value, "__9-875-321", "Result " + testmask.value);
			done();

		}, 0);
	});

	qunit.test("inputmask(\"999-999-999\") - replace selection - with delete", function (assert) {
		var done = assert.async(),
			$fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" dir="rtl" />');
		var testmask = document.getElementById("testmask");
		Inputmask("999-999-999").mask(testmask);

		testmask.focus();
		setTimeout(function () {
			$("#testmask").Type("123456789");
			$.caret(testmask, 4, 7);
			$("#testmask").SendKey(Inputmask.keyCode.DELETE);
			$("#testmask").Type("5");
			assert.equal(testmask.value, "__9-875-321", "Result " + testmask.value);
			done();

		}, 0);
	});

	qunit.module("Numeric Input");
	qunit.test("inputmask({ mask: \"9\", numericInput: true, repeat: 10, greedy: true }); - 1234567890", function (assert) {
		var done = assert.async(),
			$fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		Inputmask({
			mask: "9",
			numericInput: true,
			repeat: 10,
			greedy: true
		}).mask(testmask);

		testmask.focus();
		setTimeout(function () {
			$("#testmask").Type("1234567890");
			assert.equal(testmask.value, "1234567890", "Result " + testmask.value);
			done();

		}, 0);
	});
	qunit.test("inputmask({ mask: \"9\", numericInput: true, repeat: 10, greedy: true }); - replace selection", function (assert) {
		var done = assert.async(),
			$fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		Inputmask({
			mask: "9",
			numericInput: true,
			repeat: 10,
			greedy: true
		}).mask(testmask);

		testmask.focus();
		setTimeout(function () {
			$("#testmask").Type("1234567890");
			$.caret(testmask, 3, 6);
			$("#testmask").Type("5");
			assert.equal(testmask.value, "__12357890", "Result " + testmask.value);
			done();

		}, 0);
	});

	qunit.test("inputmask({ mask: \"99-99-99\", numericInput: true }); - 1234567890", function (assert) {
		var done = assert.async(),
			$fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		Inputmask({
			mask: "99-99-99",
			numericInput: true
		}).mask(testmask);

		testmask.focus();
		setTimeout(function () {
			$("#testmask").Type("1234567890");
			assert.equal(testmask.value, "12-34-56", "Result " + testmask.value);
			done();

		}, 0);
	});

	qunit.test("inputmask({ mask: \"€ 999.999.999,99\", numericInput: true }); - 123", function (assert) {
		var done = assert.async(),
			$fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		Inputmask('€ 999.999.999,99', {
			numericInput: true
		}).mask(testmask);

		testmask.focus();
		setTimeout(function () {
			$("#testmask").Type("123");
			assert.equal(testmask.value, "€ ___.___.__1,23", "Result " + testmask.value);
			done();

		}, 0);
	});

	qunit.test("inputmask({ mask: \"€ 999.999.999,99\", numericInput: true }); - 123 position before 456", function (assert) {
		var done = assert.async(),
			$fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		Inputmask('€ 999.999.999,99', {
			numericInput: true
		}).mask(testmask);

		testmask.focus();
		setTimeout(function () {
			$("#testmask").Type("123");
			$.caret(testmask, 12);
			$("#testmask").Type("456");
			assert.equal(testmask.value, "€ ___.__4.561,23", "Result " + testmask.value);
			done();

		}, 0);
	});

	qunit.test("inputmask({ mask: \"€ 999.999.999,99\", { numericInput: true, radixPoint: \",\" }); - 123", function (assert) {
		var done = assert.async(),
			$fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		Inputmask('€ 999.999.999,99', {
			numericInput: true,
			radixPoint: ","
		}).mask(testmask);

		testmask.focus();
		$("#testmask").trigger("click");
		;
		setTimeout(function () {
			$("#testmask").Type("123");

			assert.equal(testmask.value, "€ ___.___.__1,23", "Result " + testmask.value);
			done();

		}, 0);
	});

	qunit.test("inputmask({ mask: \"€ 999.999.999,99\", { numericInput: true, radixPoint: \",\" }); - 123,45", function (assert) {
		var done = assert.async(),
			$fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		Inputmask('€ 999.999.999,99', {
			numericInput: true,
			radixPoint: ","
		}).mask(testmask);

		testmask.focus();
		$("#testmask").trigger("click");
		;
		setTimeout(function () {
			$("#testmask").Type("123,45");

			assert.equal(testmask.value, "€ ___.___.123,45", "Result " + testmask.value);
			done();

		}, 0);
	});

	qunit.test("inputmask({ mask: \"9999 t\", { numericInput: true }); - 123 - Joe Rosa", function (assert) {
		var done = assert.async(),
			$fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		Inputmask('9999 t', {
			numericInput: true
		}).mask(testmask);

		testmask.focus();
		$("#testmask").trigger("click");

		setTimeout(function () {
			$("#testmask").Type("123");
			assert.equal(testmask.value, "_123 t", "Result " + testmask.value);
			done();

		}, 0);
	});

	qunit.test("inputmask({ mask: \"9999 t\", { numericInput: true, autoUnmask: true }); - 70  - Joe Rosa", function (assert) {
		var done = assert.async(),
			$fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		Inputmask('9999 t', {
			numericInput: true,
			autoUnmask: true
		}).mask(testmask);

		testmask.focus();
		$("#testmask").trigger("click");
		;
		setTimeout(function () {
			$("#testmask").Type("70");
			assert.equal(testmask.value, "70", "Result " + testmask.value);
			done();

		}, 0);
	});

	qunit.test("inputmask({ mask: \"['$9.99', '$99.99', '$999.99', '$9,999.99', '$99,999.99', '$999,999.99', '$9,999,999.99', '$99,999,999.99', '$999,999,999.99'], 'placeholder': ' ', 'numericInput': true, 'rightAlignNumerics': false\" value=\"$100000.00\"", function (assert) {
		var done = assert.async(),
			$fixture = $("#qunit-fixture");
		$fixture.append("<input type=\"text\" id=\"testmask\" data-inputmask=\"'mask': ['$9.99', '$99.99', '$999.99', '$9,999.99', '$99,999.99', '$999,999.99', '$9,999,999.99', '$99,999,999.99', '$999,999,999.99'], 'placeholder': ' ', 'numericInput': true, 'rightAlignNumerics': false\" value=\"$100000.00\"/>");
		var testmask = document.getElementById("testmask");
		Inputmask().mask(testmask);
		setTimeout(function () {
			assert.equal(testmask.value, "$100,000.00", "Result " + testmask.value);
			done();

		}, 0);
	});

	qunit.test("cuurency - numericInput: true - 123456 backspace x4", function (assert) {
		var done = assert.async(),
			$fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" />');
		var testmask = document.getElementById("testmask");
		Inputmask("currency", {
			numericInput: true
		}).mask(testmask);

		testmask.focus();
		setTimeout(function () {
			$("#testmask").Type("123456");
			$("#testmask").SendKey(Inputmask.keyCode.BACKSPACE);
			$("#testmask").SendKey(Inputmask.keyCode.BACKSPACE);
			$("#testmask").SendKey(Inputmask.keyCode.BACKSPACE);
			$("#testmask").SendKey(Inputmask.keyCode.BACKSPACE);

			assert.equal(testmask.value, "$ 0.12", "Result " + testmask.value);
			done();

		}, 0);
	});

	qunit.test("decimal - numericInput: true - initial value 20,00 - Inkeliz", function (assert) {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" value="20,00" />');
		var testmask = document.getElementById("testmask");
		Inputmask('decimal', {
			radixPoint: ',',
			rightAlign: false,
			showMaskOnHover: false,
			numericInput: true,
			allowPlus: false,
			rightAlignNumerics: false,
			greedy: false
		}).mask(testmask);

		assert.equal(testmask.value, "20,00", "Result " + testmask.value);

	});

	qunit.test("currency - numericInput: true - initial value 4545.56 - sadhuria", function (assert) {
		var $fixture = $("#qunit-fixture");
		$fixture.append('<input type="text" id="testmask" value="4545.56" />');
		var testmask = document.getElementById("testmask");
		Inputmask("currency", {
			groupSeparator: ',',
			placeholder: '0.00',
			numericInput: true,
			autoGroup: true
		}).mask(testmask);

		assert.equal(testmask.value, "$ 4,545.56", "Result " + testmask.value);

	});
});