input-element-list.html (1172B)
1 <!doctype html> 2 <meta charset=utf-8> 3 <title>Input.list</title> 4 <script src=/resources/testharness.js></script> 5 <script src=/resources/testharnessreport.js></script> 6 <div id="testcontent"> 7 <input id="input" list="datalist"> 8 </div> 9 <script> 10 11 test(() => { 12 assert_equals(document.getElementById('input').list, null); 13 var dl = document.createElement("datalist"); 14 dl.id = "datalist"; 15 document.getElementById("testcontent").appendChild(dl); 16 assert_equals(document.getElementById('input').list, dl); 17 }, "Input element's list attribute should point to the datalist element."); 18 19 20 test(() => { 21 var host = document.createElement("div"); 22 document.getElementById("testcontent").appendChild(host); 23 var sr = host.attachShadow({mode: "open"}); 24 var input = document.createElement("input"); 25 input.setAttribute("list", "datalist"); 26 sr.appendChild(input); 27 assert_equals(input.list, null); 28 29 var dl = document.createElement("datalist"); 30 dl.id = "datalist"; 31 sr.appendChild(dl); 32 assert_equals(input.list, dl); 33 34 dl.remove(); 35 assert_equals(input.list, null); 36 }, "Input element's list attribute should point to the datalist element in Shadow DOM."); 37 38 39 </script>