third_party/WebKit/LayoutTests/fast/forms/parser-associated-form-removal.html

   1 <!DOCTYPE html>
   2 <style>
   3 table { display: none; }
   4 </style>
   5 <script src="../../resources/js-test.js"></script>
   6 <table id="table1">
   7   <form>
   8     <td><input></td>
   9   </form>
  10 </table>
  11 <table id="table2">
  12   <form>
  13     <td><input></td>
  14   </form>
  15 </table>
  16 <script>
  17 description('Form controls associated with a form by the parser should be reset when that form leaves their tree.');
  18
  19 debug('Removing a form from the document while leaving its associated element in...');
  20 document.forms[0].parentNode.removeChild(document.forms[0]);
  21 shouldBeNull('document.querySelector("input").form');
  22
  23 debug('');
  24 debug('Removing a form and its associated element...');
  25 var table2 = document.getElementById('table2');
  26 table2.parentNode.removeChild(table2);
  27 shouldBeNonNull('table2.querySelector("input").form');
  28 debug('...and then removing the form.');
  29 table2.removeChild(table2.querySelector('form'));
  30 shouldBeNull('table2.querySelector("input").form');
  31 </script>