<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../../resources/js-test.js"></script>
</head>
<body>
<p id="description"></p>
<form method="get" id="sad-form">
<input id="input-empty" name="victim" type="text" required title="empty input"/>
<input id="input-pattern-mismatch" name="victim" type="text" pattern="Lorem ipsum" value="Loremipsum" title="Should type 'Lorem ipsum'"/>
<textarea id="textarea" name="victim" required></textarea>
<select id="select-no-explicit-value" required>
<option>empty</option>
<option>another</option>
</select>
<select id="select-placeholder" name="victim" required>
<option value="" selected />
<option value="X">X</option>
</select>
<select id="select-non-placeholder" name="victim" required>
<option value="X">X</option>
<option value="" selected />
</select>
</form>
<div id="console"></div>
<script>
function $(id) { return document.getElementById(id); }
function reportValidityFor(id) {
return document.getElementById(id).reportValidity();
}
description("This test checks if reportValidity() returns correctly a false (meaning error) result on invalid elements, and returns a true result on a blank but valid elements. Blank but non-placeholder label options are valid.");
shouldBeFalse('reportValidityFor("input-empty")');
shouldBe('document.activeElement', '$("input-empty")');
shouldBeFalse('reportValidityFor("input-pattern-mismatch")');
shouldBe('document.activeElement', '$("input-pattern-mismatch")');
shouldBeFalse('reportValidityFor("textarea")');
shouldBe('document.activeElement', '$("textarea")');
shouldBeTrue('reportValidityFor("select-no-explicit-value")');
shouldNotBe('document.activeElement', '$("select-no-explicit-value")');
shouldBeFalse('reportValidityFor("select-placeholder")');
shouldBe('document.activeElement', '$("select-placeholder")');
shouldBeTrue('reportValidityFor("select-non-placeholder")');
shouldNotBe('document.activeElement', '$("select-non-placeholder")');
shouldBeFalse('reportValidityFor("sad-form")');
shouldBe('document.activeElement', '$("input-empty")');
</script>
</body>
</html>
Codebase Browser
chromium