LayoutTests/fast/forms/input-list.html

   1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
   2 <html>
   3 <head>
   4 <script src="../../fast/js/resources/js-test-pre.js"></script>
   5 </head>
   6 <body>
   7 <p id="description"></p>
   8 <div id="console"></div>
   9
  10 <!-- No list attribute -->
  11 <input type="text" id="i1">
  12 <!-- Empty list -->
  13 <input type="text" id="i2" list="">
  14 <!-- Non-existent ID -->
  15 <input type="text" id="i3" list="nonexist">
  16 <!-- Normal case -->
  17 <input type="text" id="i4" list="dl1">
  18 <!-- Unsupported type -->
  19 <input type="password" id="i5" list="dl1">
  20 <!-- ID confilict -->
  21 <Input type="text" id="i6" list="dl2">
  22
  23 <datalist id="dl1">
  24  <option>value1</option>
  25 </datalist>
  26
  27 <datalist id="dl2" class="former">
  28  <option>value1</option>
  29 </datalist>
  30 <datalist id="dl2" class="latter">
  31  <option>value1</option>
  32 </datalist>
  33
  34 <script>
  35 description('Test for the list attribute.');
  36
  37 var input = document.getElementById('i1');
  38 shouldBeNull('input.list');
  39
  40 input = document.getElementById('i2');
  41 shouldBeNull('input.list');
  42
  43 input = document.getElementById('i3');
  44 shouldBeNull('input.list');
  45
  46 input = document.getElementById('i4');
  47 shouldBe('input.list', 'document.getElementById("dl1")');
  48
  49 input = document.getElementById('i5');
  50 shouldBeNull('input.list');
  51
  52 var datalist = document.getElementById('i6').list;
  53 shouldBe('datalist.className', '"former"');
  54 </script>
  55 <script src="../../fast/js/resources/js-test-post.js"></script>
  56 </body>
  57 </html>