test_input_datetime_hidden.html (1079B)
1 <!DOCTYPE HTML> 2 <html> 3 <!-- 4 https://bugzilla.mozilla.org/show_bug.cgi?id=1514040 5 --> 6 <head> 7 <title>Test construction of hidden date input type</title> 8 <script src="/tests/SimpleTest/SimpleTest.js"></script> 9 <script src="/tests/SimpleTest/EventUtils.js"></script> 10 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/> 11 </head> 12 <body> 13 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1514040">Mozilla Bug 1514040</a> 14 <p id="display"></p> 15 <div id="content"> 16 <input id="date" type="date" hidden value="1947-02-28"> 17 </div> 18 <pre id="test"> 19 <script type="application/javascript"> 20 21 let el = document.getElementById("date"); 22 ok(el.hidden, "element is hidden"); 23 is(el.value, "1947-02-28", ".value is set correctly"); 24 let fieldElements = Array.from(SpecialPowers.wrap(el).openOrClosedShadowRoot.querySelectorAll(".datetime-edit-field")); 25 is(fieldElements[0].textContent, "02", "month is set"); 26 is(fieldElements[1].textContent, "28", "day is set"); 27 is(fieldElements[2].textContent, "1947", "year is set"); 28 29 </script> 30 </pre> 31 </body> 32 </html>