third_party/WebKit/LayoutTests/fast/forms/select-set-length-optgroup.html

   1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
   2 <html>
   3 <head>
   4 <script src="../../resources/js-test.js"></script>
   5 </head>
   6 <body>
   7 <p id="description"></p>
   8 <div id="console"></div>
   9 <script>
  10 description('This test that setting HTMLSelectElement.length respects optgroups.');
  11
  12 var wrapper = document.createElement('div');
  13 document.body.appendChild(wrapper);
  14 wrapper.innerHTML = '<select id="theSelect">'+
  15                     '<optgroup label="foo" id="theOptGroup">'+
  16                     '<option id="optionInGroup"></option>'+
  17                     '</optgroup>'+
  18                     '</select>';
  19
  20 var sel = document.getElementById('theSelect');
  21 shouldBe('sel.length', '1');
  22
  23 var og = document.getElementById('theOptGroup');
  24
  25 sel.length = 2;
  26 shouldBe('sel.length', '2');
  27 shouldBe('og.childElementCount', '1');
  28
  29 sel.length = 1;
  30 shouldBe('sel.length', '1');
  31 shouldBe('og.childElementCount', '1');
  32
  33 sel.insertBefore(document.createElement('option'), og);
  34
  35 sel.length = 1;
  36 shouldBe('sel.length', '1');
  37 shouldBe('og.childElementCount', '0');
  38 </script>
  39 </body>
  40 </html>