chromium/src/third_party/blink/web_tests/fast/forms/datalist/input-list.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
 <html>
 <head>
 <script src="../../../resources/js-test.js"></script>
 </head>
 <body>
 <p id="description"></p>
 <div id="console"></div>

 <div style="display:none">
   <!-- No list attribute -->
   <input type="text" id="i1">
   <!-- Empty list -->
   <input type="text" id="i2" list="">
   <!-- Non-existent ID -->
   <input type="text" id="i3" list="nonexist">
   <!-- ID confilict -->
   <input type="text" id="i4" list="dl2">
   <!-- supported type -->
   <input type="text" id="text" list="dl1">
   <input type="search" id="search" list="dl1">
   <input type="url" id="url" list="dl1">
   <input type="telephone" id="telephone" list="dl1">
   <input type="email" id="email" list="dl1">
   <input type="datetime" id="datetime" list="dl1">
   <input type="date" id="date" list="dl1">
   <input type="month" id="month" list="dl1">
   <input type="week" id="week" list="dl1">
   <input type="time" id="time" list="dl1">
   <input type="datetime-local" id="datetime-local" list="dl1">
   <input type="number" id="number" list="dl1">
   <input type="range" id="range" list="dl1">
   <input type="color" id="color" list="dl1">
   <!-- Unsupported type -->
   <input type="hidden" id="hidden" list="dl1">
   <input type="password" id="password" list="dl1">
   <input type="checkbox" id="checkbox" list="dl1">
   <input type="radio" id="radio" list="dl1">
   <input type="file" id="file" list="dl1">
   <input type="submit" id="submit" list="dl1">
   <input type="image" id="image" list="dl1">
   <input type="reset" id="reset" list="dl1">
   <input type="button" id="button" list="dl1">
 </div>

 <datalist id="dl1">
  <option>value1</option>
 </datalist>

 <datalist id="dl2" class="former">
  <option>value1</option>
 </datalist>
 <datalist id="dl2" class="latter">
  <option>value1</option>
 </datalist>

 <script>
 description('Test for the list attribute.');

 var input = document.getElementById('i1');
 shouldBeNull('input.list');

 input = document.getElementById('i2');
 shouldBeNull('input.list');

 input = document.getElementById('i3');
 shouldBeNull('input.list');

 var datalist = document.getElementById('i4').list;
 shouldBe('datalist.className', '"former"');

 shouldBe('document.getElementById("text").list', 'document.getElementById("dl1")');
 shouldBe('document.getElementById("search").list', 'document.getElementById("dl1")');
 shouldBe('document.getElementById("url").list', 'document.getElementById("dl1")');
 shouldBe('document.getElementById("telephone").list', 'document.getElementById("dl1")');
 shouldBe('document.getElementById("email").list', 'document.getElementById("dl1")');
 shouldBe('document.getElementById("datetime").list', 'document.getElementById("dl1")');
 shouldBe('document.getElementById("date").list', 'document.getElementById("dl1")');
 shouldBe('document.getElementById("month").list', 'document.getElementById("dl1")');
 shouldBe('document.getElementById("week").list', 'document.getElementById("dl1")');
 shouldBe('document.getElementById("time").list', 'document.getElementById("dl1")');
 shouldBe('document.getElementById("datetime-local").list', 'document.getElementById("dl1")');
 shouldBe('document.getElementById("number").list', 'document.getElementById("dl1")');
 shouldBe('document.getElementById("range").list', 'document.getElementById("dl1")');
 shouldBe('document.getElementById("color").list', 'document.getElementById("dl1")');

 shouldBeNull('document.getElementById("hidden").list');
 shouldBeNull('document.getElementById("password").list');
 shouldBeNull('document.getElementById("checkbox").list');
 shouldBeNull('document.getElementById("radio").list');
 shouldBeNull('document.getElementById("file").list');
 shouldBeNull('document.getElementById("submit").list');
 shouldBeNull('document.getElementById("image").list');
 shouldBeNull('document.getElementById("reset").list');
 shouldBeNull('document.getElementById("button").list');

 </script>
 </body>
 </html>
	<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
	<html>
	<head>
	<script src="../../../resources/js-test.js"></script>
	</head>
	<body>
	<p id="description"></p>
	<div id="console"></div>

	<div style="display:none">
	<!-- No list attribute -->
	<input type="text" id="i1">
	<!-- Empty list -->
	<input type="text" id="i2" list="">
	<!-- Non-existent ID -->
	<input type="text" id="i3" list="nonexist">
	<!-- ID confilict -->
	<input type="text" id="i4" list="dl2">
	<!-- supported type -->
	<input type="text" id="text" list="dl1">
	<input type="search" id="search" list="dl1">
	<input type="url" id="url" list="dl1">
	<input type="telephone" id="telephone" list="dl1">
	<input type="email" id="email" list="dl1">
	<input type="datetime" id="datetime" list="dl1">
	<input type="date" id="date" list="dl1">
	<input type="month" id="month" list="dl1">
	<input type="week" id="week" list="dl1">
	<input type="time" id="time" list="dl1">
	<input type="datetime-local" id="datetime-local" list="dl1">
	<input type="number" id="number" list="dl1">
	<input type="range" id="range" list="dl1">
	<input type="color" id="color" list="dl1">
	<!-- Unsupported type -->
	<input type="hidden" id="hidden" list="dl1">
	<input type="password" id="password" list="dl1">
	<input type="checkbox" id="checkbox" list="dl1">
	<input type="radio" id="radio" list="dl1">
	<input type="file" id="file" list="dl1">
	<input type="submit" id="submit" list="dl1">
	<input type="image" id="image" list="dl1">
	<input type="reset" id="reset" list="dl1">
	<input type="button" id="button" list="dl1">
	</div>

	<datalist id="dl1">
	<option>value1</option>
	</datalist>

	<datalist id="dl2" class="former">
	<option>value1</option>
	</datalist>
	<datalist id="dl2" class="latter">
	<option>value1</option>
	</datalist>

	<script>
	description('Test for the list attribute.');

	var input = document.getElementById('i1');
	shouldBeNull('input.list');

	input = document.getElementById('i2');
	shouldBeNull('input.list');

	input = document.getElementById('i3');
	shouldBeNull('input.list');

	var datalist = document.getElementById('i4').list;
	shouldBe('datalist.className', '"former"');

	shouldBe('document.getElementById("text").list', 'document.getElementById("dl1")');
	shouldBe('document.getElementById("search").list', 'document.getElementById("dl1")');
	shouldBe('document.getElementById("url").list', 'document.getElementById("dl1")');
	shouldBe('document.getElementById("telephone").list', 'document.getElementById("dl1")');
	shouldBe('document.getElementById("email").list', 'document.getElementById("dl1")');
	shouldBe('document.getElementById("datetime").list', 'document.getElementById("dl1")');
	shouldBe('document.getElementById("date").list', 'document.getElementById("dl1")');
	shouldBe('document.getElementById("month").list', 'document.getElementById("dl1")');
	shouldBe('document.getElementById("week").list', 'document.getElementById("dl1")');
	shouldBe('document.getElementById("time").list', 'document.getElementById("dl1")');
	shouldBe('document.getElementById("datetime-local").list', 'document.getElementById("dl1")');
	shouldBe('document.getElementById("number").list', 'document.getElementById("dl1")');
	shouldBe('document.getElementById("range").list', 'document.getElementById("dl1")');
	shouldBe('document.getElementById("color").list', 'document.getElementById("dl1")');

	shouldBeNull('document.getElementById("hidden").list');
	shouldBeNull('document.getElementById("password").list');
	shouldBeNull('document.getElementById("checkbox").list');
	shouldBeNull('document.getElementById("radio").list');
	shouldBeNull('document.getElementById("file").list');
	shouldBeNull('document.getElementById("submit").list');
	shouldBeNull('document.getElementById("image").list');
	shouldBeNull('document.getElementById("reset").list');
	shouldBeNull('document.getElementById("button").list');

	</script>
	</body>
	</html>