blob: b571534eb0d6f3f57cfbec3e706648b19848b6d6 [file] [log] [blame]
<!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>