LayoutTests/fast/forms/script-tests/labels-set-htmlFor-attribute.js

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