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

   1 description('Test that the labels list of a form control is dynamically updated when adding a label whose htmlFor points to that 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>';
   6
   7 document.body.appendChild(parent);
   8
   9 labels = document.getElementById("id1").labels;
  10 shouldBe('labels.length', '0');
  11 label = document.createElement("label");
  12 label.htmlFor = "id1";
  13 document.getElementById("div1").appendChild(label);
  14 shouldBe('labels.length', '1');
  15
  16 labels = document.getElementById("id2").labels;
  17 shouldBe('labels.length', '0');
  18 label = document.createElement("label");
  19 label.htmlFor = "id2";
  20 document.getElementById("div1").appendChild(label);
  21 shouldBe('labels.length', '1');
  22
  23 labels = document.getElementById("id3").labels;
  24 shouldBe('labels.length', '0');
  25 label = document.createElement("label");
  26 label.htmlFor = "id3";
  27 document.getElementById("div1").appendChild(label);
  28 shouldBe('labels.length', '1');
  29
  30 labels = document.getElementById("id4").labels;
  31 shouldBe('labels.length', '0');
  32 label = document.createElement("label");
  33 label.htmlFor = "id4";
  34 document.getElementById("div1").appendChild(label);
  35 shouldBe('labels.length', '1');