LayoutTests/fast/forms/ValidityState-valueMissing-002.html

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<title>required and basic valueMissing 2</title>
<script src="../../resources/js-test-pre.js"></script>
</head>
<body>
<p id="description"></p>
<div id="console"></div>
<div id=parent>
<input id="input" name="victim" value="something" required/>
<textarea id="textarea" name="victim" required>something</textarea>
<select id="select-with-placeholder" name="victim" required>
  <option value="" />
  <option value="X" selected>X</option>
</select>
<select id="select-without-placeholder" name="victim" required>
  <option value="X" selected>X</option>
  <option value="" />
</select>
<select id="select-with-fake-placeholder-size2" name="victim" size="2" required>
  <option value="" />
  <option value="X" selected>X</option>
</select>
<select id="select-without-fake-placeholder-size2" name="victim" size="2" required>
  <option value="X" selected>X</option>
  <option value="" />
</select>
<select id="select-with-fake-placeholder-multiple" name="victim" multiple required>
  <option value="" />
  <option value="X" selected>X</option>
</select>
<select id="select-without-fake-placeholder-multiple" name="victim" multiple required>
  <option value="X" selected>X</option>
  <option value="" />
</select>
<select id="select-with-fake-placeholder-size2-multiple" name="victim" multiple size="2" required>
  <option value="" />
  <option value="X" selected>X</option>
</select>
<select id="select-without-fake-placeholder-size2-multiple" name="victim" multiple size="2" required>
  <option value="X" selected>X</option>
  <option value="" />
</select>
<select id=select-selecting-by-key required>
  <option value="" selected/>
  <option>a</option>
</select>
<select id=select-selecting-by-key-2 required>
  <option value="" selected/>
  <option accesskey="1">a</option>
</select>
</div>
<script language="JavaScript" type="text/javascript">
    function valueMissingFor(id) {
        return document.getElementById(id).validity.valueMissing;
    }

    description("This test checks validity.valueMissing with some values or options with some values selected.");

    shouldBeFalse('valueMissingFor("input")');
    shouldBeFalse('valueMissingFor("textarea")');
    shouldBeFalse('valueMissingFor("select-with-placeholder")');
    shouldBeFalse('valueMissingFor("select-without-placeholder")');
    shouldBeFalse('valueMissingFor("select-with-fake-placeholder-size2")');
    shouldBeFalse('valueMissingFor("select-without-fake-placeholder-size2")');
    shouldBeFalse('valueMissingFor("select-with-fake-placeholder-multiple")');
    shouldBeFalse('valueMissingFor("select-without-fake-placeholder-multiple")');
    shouldBeFalse('valueMissingFor("select-with-fake-placeholder-size2-multiple")');
    shouldBeFalse('valueMissingFor("select-without-fake-placeholder-size2-multiple")');

    // Need to use eventSender instead of initKeyboardEvent() because we can't
    // make an event which returns a correct value for keyCode by initKeyboardEvent().
    if (window.eventSender) {
        debug("Updating valueMissing state by a key input:")
        // Select by type-ahead.
        var select = document.getElementById("select-selecting-by-key");
        shouldBeTrue('valueMissingFor("select-selecting-by-key")');
        select.focus();
        eventSender.keyDown("a");
        shouldBe('select.value', '"a"');
        shouldBeFalse('valueMissingFor("select-selecting-by-key")');

        // Select by accesskey.
        select = document.getElementById("select-selecting-by-key-2");
        shouldBeTrue('valueMissingFor("select-selecting-by-key-2")');
        select.focus();
        var modifiers;
        if (navigator.userAgent.search(/\bMac OS X\b/) != -1)
            modifiers = ['ctrlKey', 'altKey'];
        else
            modifiers = ['altKey'];
        eventSender.keyDown("1", modifiers);
        shouldBe('select.value', '"a"');
        shouldBeFalse('valueMissingFor("select-selecting-by-key-2")');
    } else {
        debug('There are tests using eventSender.');
    }

    document.body.removeChild(document.getElementById('parent'));
</script>
<script src="../../resources/js-test-post.js"></script>
</body>
</html>