<!DOCTYPE html>
<html>
<body>
<script src="../../resources/js-test-pre.js"></script>
<p>Test inputmode attribute on input</p>
<input id="input">
<div id=console></div>
<script>
debug('Missing value default:');
shouldBe('input.inputMode', '""');
shouldBeNull('input.getAttribute("inputmode")');

debug('');
debug('Invalid value default:');
shouldBe('input.inputMode = "foobar"; input.inputMode', '""');
shouldBe('input.getAttribute("inputmode")', '"foobar"');
shouldBe('input.setAttribute("inputmode", "baz"); input.inputMode', '""');

debug('');
debug('Valid values:');
shouldBe('input.inputMode = "none"; input.inputMode', '"none"');
shouldBe('input.getAttribute("inputmode")', '"none"');
shouldBe('input.setAttribute("inputmode", "none"); input.inputMode', '"none"');
shouldBe('input.inputMode = "text"; input.inputMode', '"text"');
shouldBe('input.getAttribute("inputmode")', '"text"');
shouldBe('input.setAttribute("inputmode", "text"); input.inputMode', '"text"');
shouldBe('input.inputMode = "tel"; input.inputMode', '"tel"');
shouldBe('input.getAttribute("inputmode")', '"tel"');
shouldBe('input.setAttribute("inputmode", "tel"); input.inputMode', '"tel"');
shouldBe('input.inputMode = "url"; input.inputMode', '"url"');
shouldBe('input.getAttribute("inputmode")', '"url"');
shouldBe('input.setAttribute("inputmode", "url"); input.inputMode', '"url"');
shouldBe('input.inputMode = "email"; input.inputMode', '"email"');
shouldBe('input.getAttribute("inputmode")', '"email"');
shouldBe('input.setAttribute("inputmode", "email"); input.inputMode', '"email"');
shouldBe('input.inputMode = "numeric"; input.inputMode', '"numeric"');
shouldBe('input.getAttribute("inputmode")', '"numeric"');
shouldBe('input.setAttribute("inputmode", "numeric"); input.inputMode', '"numeric"');
shouldBe('input.inputMode = "decimal"; input.inputMode', '"decimal"');
shouldBe('input.getAttribute("inputmode")', '"decimal"');
shouldBe('input.setAttribute("inputmode", "decimal"); input.inputMode', '"decimal"');
shouldBe('input.inputMode = "search"; input.inputMode', '"search"');
shouldBe('input.getAttribute("inputmode")', '"search"');
shouldBe('input.setAttribute("inputmode", "search"); input.inputMode', '"search"');

debug('');
debug('Valid case-insensitive values:');
shouldBe('input.inputMode = "tExt"; input.inputMode', '"text"');
shouldBe('input.getAttribute("inputmode")', '"tExt"');
shouldBe('input.setAttribute("inputmode", "tExt"); input.inputMode', '"text"');

debug('');
</script>
<script src="../../resources/js-test-post.js"></script>
</body>
</html>