summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/html/semantics/forms/the-input-element/hidden.html
blob: 9274b5cddb33227ce1ddb895470524b3a8e747c1 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html>
  <head>
    <title>Hidden input element</title>
    <link rel="author" title="Kinuko Yasuda" href="mailto:kinuko@chromium.org">
    <link rel="help" href="https://html.spec.whatwg.org/multipage/#hidden-state-(type=hidden)">
    <script src="/resources/testharness.js"></script>
    <script src="/resources/testharnessreport.js"></script>
  </head>

  <body>
    <h1>Hidden input element</h1>
    <div style="display: none">

    <input id="hidden" type="hidden" />
    <input id="hidden_with_value" type="hidden" value="foo" />

    </div>
    <div id="log"></div>
  <script type="text/javascript">

    test(
      function() {
        assert_equals(document.getElementById("hidden").value, "");
        assert_equals(document.getElementById("hidden_with_value").value, "foo");
      }, "Value returns the current value for hidden");

    test(
      function() {
        document.getElementById("hidden").value = "A";
        assert_equals(document.getElementById("hidden").value, "A");
        document.getElementById("hidden").value = "B";
        assert_equals(document.getElementById("hidden").value, "B");
      }, "Setting value changes the current value for hidden");

    test(
      function() {
        assert_equals(document.getElementById("hidden").files, null);
      }, "files attribute must return null for hidden");

    test(
      function() {
        assert_equals(document.getElementById("hidden").valueAsDate, null);
      }, "valueAsDate attribute must return null for hidden");

    test(
      function() {
        assert_equals(document.getElementById("hidden").valueAsNumber, NaN);
      }, "valueAsNumber attribute must return NaN for hidden");

    test(
      function() {
        assert_equals(document.getElementById("hidden").list, null);
      }, "list attribute must return null for hidden");

    test(
      function() {
        var el = document.getElementById("hidden");
        assert_throws_dom("InvalidStateError", function() { el.stepDown(); }, "");
      }, "stepDown does not apply for hidden");

    test(
      function() {
        var el = document.getElementById("hidden");
        assert_throws_dom("InvalidStateError", function() { el.stepUp(); }, "");
      }, "stepUp does not apply for hidden");

    test(function(){
      var el = document.getElementById("hidden");
      assert_false(el.willValidate);
    }, "input type=hidden is barred from constraint validation");
  </script>
  </body>
</html>