summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/shadow-dom/input-element-list.html
blob: b571534eb0d6f3f57cfbec3e706648b19848b6d6 (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
<!doctype html>
<meta charset=utf-8>
<title>Input.list</title>
<script src=/resources/testharness.js></script>
<script src=/resources/testharnessreport.js></script>
<div id="testcontent">
  <input id="input" list="datalist">
</div>
<script>

test(() => {
  assert_equals(document.getElementById('input').list, null);
  var dl = document.createElement("datalist");
  dl.id = "datalist";
  document.getElementById("testcontent").appendChild(dl);
  assert_equals(document.getElementById('input').list, dl);
}, "Input element's list attribute should point to the datalist element.");


test(() => {
  var host = document.createElement("div");
  document.getElementById("testcontent").appendChild(host);
  var sr = host.attachShadow({mode: "open"});
  var input = document.createElement("input");
  input.setAttribute("list", "datalist");
  sr.appendChild(input);
  assert_equals(input.list, null);

  var dl = document.createElement("datalist");
  dl.id = "datalist";
  sr.appendChild(dl);
  assert_equals(input.list, dl);

  dl.remove();
  assert_equals(input.list, null);
}, "Input element's list attribute should point to the datalist element in Shadow DOM.");


</script>