third_party/WebKit/LayoutTests/fast/forms/datalist/input-list.html

   1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
   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 <div style="display:none">
  11   <!-- No list attribute -->
  12   <input type="text" id="i1">
  13   <!-- Empty list -->
  14   <input type="text" id="i2" list="">
  15   <!-- Non-existent ID -->
  16   <input type="text" id="i3" list="nonexist">
  17   <!-- ID confilict -->
  18   <input type="text" id="i4" list="dl2">
  19   <!-- supported type -->
  20   <input type="text" id="text" list="dl1">
  21   <input type="search" id="search" list="dl1">
  22   <input type="url" id="url" list="dl1">
  23   <input type="telephone" id="telephone" list="dl1">
  24   <input type="email" id="email" list="dl1">
  25   <input type="datetime" id="datetime" list="dl1">
  26   <input type="date" id="date" list="dl1">
  27   <input type="month" id="month" list="dl1">
  28   <input type="week" id="week" list="dl1">
  29   <input type="time" id="time" list="dl1">
  30   <input type="datetime-local" id="datetime-local" list="dl1">
  31   <input type="number" id="number" list="dl1">
  32   <input type="range" id="range" list="dl1">
  33   <input type="color" id="color" list="dl1">
  34   <!-- Unsupported type -->
  35   <input type="hidden" id="hidden" list="dl1">
  36   <input type="password" id="password" list="dl1">
  37   <input type="checkbox" id="checkbox" list="dl1">
  38   <input type="radio" id="radio" list="dl1">
  39   <input type="file" id="file" list="dl1">
  40   <input type="submit" id="submit" list="dl1">
  41   <input type="image" id="image" list="dl1">
  42   <input type="reset" id="reset" list="dl1">
  43   <input type="button" id="button" list="dl1">
  44 </div>
  45
  46 <datalist id="dl1">
  47  <option>value1</option>
  48 </datalist>
  49
  50 <datalist id="dl2" class="former">
  51  <option>value1</option>
  52 </datalist>
  53 <datalist id="dl2" class="latter">
  54  <option>value1</option>
  55 </datalist>
  56
  57 <script>
  58 description('Test for the list attribute.');
  59
  60 var input = document.getElementById('i1');
  61 shouldBeNull('input.list');
  62
  63 input = document.getElementById('i2');
  64 shouldBeNull('input.list');
  65
  66 input = document.getElementById('i3');
  67 shouldBeNull('input.list');
  68
  69 var datalist = document.getElementById('i4').list;
  70 shouldBe('datalist.className', '"former"');
  71
  72 shouldBe('document.getElementById("text").list', 'document.getElementById("dl1")');
  73 shouldBe('document.getElementById("search").list', 'document.getElementById("dl1")');
  74 shouldBe('document.getElementById("url").list', 'document.getElementById("dl1")');
  75 shouldBe('document.getElementById("telephone").list', 'document.getElementById("dl1")');
  76 shouldBe('document.getElementById("email").list', 'document.getElementById("dl1")');
  77 shouldBe('document.getElementById("datetime").list', 'document.getElementById("dl1")');
  78 shouldBe('document.getElementById("date").list', 'document.getElementById("dl1")');
  79 shouldBe('document.getElementById("month").list', 'document.getElementById("dl1")');
  80 shouldBe('document.getElementById("week").list', 'document.getElementById("dl1")');
  81 shouldBe('document.getElementById("time").list', 'document.getElementById("dl1")');
  82 shouldBe('document.getElementById("datetime-local").list', 'document.getElementById("dl1")');
  83 shouldBe('document.getElementById("number").list', 'document.getElementById("dl1")');
  84 shouldBe('document.getElementById("range").list', 'document.getElementById("dl1")');
  85 shouldBe('document.getElementById("color").list', 'document.getElementById("dl1")');
  86
  87 shouldBeNull('document.getElementById("hidden").list');
  88 shouldBeNull('document.getElementById("password").list');
  89 shouldBeNull('document.getElementById("checkbox").list');
  90 shouldBeNull('document.getElementById("radio").list');
  91 shouldBeNull('document.getElementById("file").list');
  92 shouldBeNull('document.getElementById("submit").list');
  93 shouldBeNull('document.getElementById("image").list');
  94 shouldBeNull('document.getElementById("reset").list');
  95 shouldBeNull('document.getElementById("button").list');
  96
  97 </script>
  98 </body>
  99 </html>