Import css-lists testcases from WPT.
[WebKit-https.git] / LayoutTests / imported / w3c / web-platform-tests / css / css-lists / add-inline-child-after-marker-001.html
1 <!DOCTYPE html>
2 <meta charset="utf-8">
3 <title>CSS Lists: Add inline child after marker</title>
4 <link rel=help href="https://www.w3.org/TR/CSS22/generate.html#lists">
5 <link rel=match href="add-inline-child-after-marker-001-ref.html">
6 <!--  https://bugs.chromium.org/p/chromium/issues/detail?id=344941  -->
7
8 <p>The test passes if you see the list marker followed by the text "inline" and "axxx" in a line below.</p>
9
10 <ul>
11   <li id="liTarget">
12     <div id="divTarget" style="overflow:hidden;">
13       <span>a</span>xxx
14     </div>
15   </li>
16 </ul>
17 <script>
18   document.body.offsetHeight;
19   var new_span=document.createElement("span");
20   var text_node=document.createTextNode("inline");
21   new_span.appendChild(text_node);
22
23   var div_target=document.getElementById("divTarget");
24   var li_target=document.getElementById("liTarget");
25   li_target.insertBefore(new_span,div_target);
26 </script>