third_party/WebKit/LayoutTests/fast/forms/option-value-and-label.html

   1 <!DOCTYPE HTML>
   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
  10 <select>
  11 <option id="o1">text</option>
  12 <option id="o2" value="value">text</option>
  13 <option id="o3" label="label">text</option>
  14 <option id="o4" value="value" label="label">text</option>
  15 </select>
  16
  17 <script>
  18 description('Test for .value and .label of OPTION element');
  19
  20 var o1 = document.getElementById('o1');
  21 shouldBe('o1.value', '"text"');
  22 shouldBe('o1.label', '"text"');
  23
  24 var o2 = document.getElementById('o2');
  25 shouldBe('o2.value', '"value"');
  26 shouldBe('o2.label', '"text"');
  27
  28 var o3 = document.getElementById('o3');
  29 shouldBe('o3.value', '"text"');
  30 shouldBe('o3.label', '"label"');
  31
  32 var o4 = document.getElementById('o4');
  33 shouldBe('o4.value', '"value"');
  34 shouldBe('o4.label', '"label"');
  35 </script>
  36 </body>
  37 </html>