Inputmask/qunit/tests_numericinput.js

import { keys} from "../lib/keycode";

export default function (qunit, Inputmask) {
	var $ = Inputmask.dependencyLib;

	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(keys.Right);
			$("#testmask").SendKey(keys.Right);
			$("#testmask").SendKey(keys.Right);
			$("#testmask").SendKey(keys.Backspace);
			$("#testmask").SendKey("4");
			$("#testmask").SendKey(keys.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(keys.Right);
			$("#testmask").SendKey(keys.Right);
			$("#testmask").SendKey(keys.Delete);
			$("#testmask").SendKey("4");
			$("#testmask").SendKey(keys.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(keys.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(keys.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,
			prefix: "$ "
		}).mask(testmask);

		testmask.focus();
		setTimeout(function () {
			$("#testmask").Type("123456");
			$("#testmask").SendKey(keys.Backspace);
			$("#testmask").SendKey(keys.Backspace);
			$("#testmask").SendKey(keys.Backspace);
			$("#testmask").SendKey(keys.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 done = assert.async(),
			$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,
			rightAlignNumerics: false,
			greedy: false
		}).mask(testmask);
		setTimeout(function () {
			assert.equal(testmask.value, "20,00", "Result " + testmask.value);
			done();
		}, 0);
	});

	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,
			prefix: "$ "
		}).mask(testmask);

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

	});

	qunit.test("(,999){+|1}.99 - Baiquan", function (assert) {
		var done = assert.async(),
			$fixture = $("#qunit-fixture");
		$fixture.append("<input type=\"text\" id=\"testmask\" />");
		var testmask = document.getElementById("testmask");
		Inputmask("(,999){+|1}.99", {
			numericInput: true,
			placeholder: "0"
		}).mask(testmask);

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

		}, 0);

	});
};