blob: 006a8fbd8f1b84d18e9ec29285f751f037118389 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
|
<!DOCTYPE HTML>
<html>
<head>
<title>input list attribute</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head>
<body>
<p>
<h3>input_list</h3>
</p>
<hr>
<div id="log"></div>
<form method="post"
enctype="application/x-www-form-urlencoded"
action=""
name="input_form">
<datalist id="thelist">
<option value="one">one</option>
<option value="two">two</option>
</datalist>
<p id="non_datalist_first">
<datalist id="non_datalist_first">
<option value="one">one</option>
<option value="two">two</option>
</datalist>
<datalist id="datalist_first">
<option value="one">one</option>
<option value="two">two</option>
</datalist>
<p id="datalist_first">
<p><input list="thelist" id='input_with_list'></p>
<p><input id='input_without_list'></p>
<p><input list="input_with_list" id='input_with_nondatalist_list'></p>
<p><input list="not_an_id" id='input_with_missing_list'></p>
<p><input list="non_datalist_first" id='input_with_non_datalist_first'></p>
<p><input list="datalist_first" id='input_with_datalist_first'></p>
</form>
<script>
test(function() {
assert_equals(document.getElementById("input_with_list").list, document.getElementById("thelist"));
}, "getting .list of input must return the datalist with that id");
test(function() {
assert_equals(document.getElementById("input_without_list").list, null);
}, "getting .list of input must return null if it has no list attribute");
test(function() {
assert_equals(document.getElementById("input_with_nondatalist_list").list, null);
}, "getting .list of input must return null if the list attribute is a non-datalist's id");
test(function() {
assert_equals(document.getElementById("input_with_missing_list").list, null);
}, "getting .list of input must return null if the list attribute is no element's id");
test(function() {
assert_equals(document.getElementById("input_with_non_datalist_first").list, null);
}, "getting .list of input must return null if the list attribute is used in a non-datalist earlier than a datalist");
test(function() {
assert_equals(document.getElementById("input_with_datalist_first").list, document.querySelector("datalist#datalist_first"));
}, "getting .list of input must return the datalist with that id even if a later non-datalist also has the id");
</script>
</body>
</html>
|
