LayoutTests/fast/forms/script-tests/labels-remove-htmlFor-label.js

   1 description('Test that the labels list of a form control is dynamically updated when removing the htmlFor attribute that pointed to that form control.');
   2
   3 var parent = document.createElement('div');
   4
   5 parent.innerHTML = '<div id="div1"></div><div id="div2"><button id="id1"></button><input id="id2"><select id="id3"></select><textarea id="id4"></textarea></div><label id="l1" for="id1"></label><label id="l2" for="id2"></label><label id="l3" for="id3"></label><label id="l4" for="id4"></label>';
   6
   7 document.body.appendChild(parent);
   8
   9 labels = document.getElementById("id1").labels;
  10 shouldBe('labels.length', '1');
  11 document.getElementById("l1").htmlFor = "";
  12 shouldBe('labels.length', '0');
  13
  14 labels = document.getElementById("id2").labels;
  15 shouldBe('labels.length', '1');
  16 document.getElementById("l2").htmlFor = "";
  17 shouldBe('labels.length', '0');
  18
  19 labels = document.getElementById("id3").labels;
  20 shouldBe('labels.length', '1');
  21 document.getElementById("l3").htmlFor = "";
  22 shouldBe('labels.length', '0');
  23
  24 labels = document.getElementById("id4").labels;
  25 shouldBe('labels.length', '1');
  26 document.getElementById("l4").htmlFor = "";
  27 shouldBe('labels.length', '0');