dom/html/test/test_bug557087-6.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <!--
   4 https://bugzilla.mozilla.org/show_bug.cgi?id=557087
   5 -->
   6 <head>
   7   <title>Test for Bug 557087</title>
   8   <script src="/tests/SimpleTest/SimpleTest.js"></script>
   9   <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
  10 </head>
  11 <body>
  12 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=557087">Mozilla Bug 557087</a>
  13 <p id="display"></p>
  14 <div id="content" style="display: none">
  15   <fieldset disabled>
  16     <input>
  17   </fieldset>
  18 </div>
  19 <pre id="test">
  20 <script type="application/javascript">
  21
  22 /** Test for Bug 557087 **/
  23
  24 // Testing random stuff following review comments.
  25
  26 var fieldset = document.getElementsByTagName("fieldset")[0];
  27
  28 is(fieldset.elements.length, 1,
  29    "there should be one element inside the fieldset");
  30 is(fieldset.elements[0], document.getElementsByTagName("input")[0],
  31    "input should be the element inside the fieldset");
  32
  33 document.body.removeChild(document.getElementById('content'));
  34 is(fieldset.querySelector("input:disabled"), fieldset.elements[0],
  35    "the input should still be disabled");
  36
  37 fieldset.disabled = false;
  38 is(fieldset.querySelector("input:enabled"), fieldset.elements[0],
  39    "the input should be enabled");
  40
  41 </script>
  42 </pre>
  43 </body>
  44 </html>