third_party/WebKit/LayoutTests/editing/shadow/pressing-enter-on-list.html

   1 <!DOCTYPE html>
   2 <html>
   3 <body>
   4 <script src="../../fast/dom/resources/event-sender-util.js"></script>
   5
   6 <p>Pressing enter on the last character of &lt;li&gt; element in Shadow DOM was triggering assertion,
   7 becasue modifying Shadow DOM removes the renderer in Shadow DOM and desendant of shadow host.</p>
   8 <p>This tests confirms it won't happen any more.</p>
   9
  10 <div id="container">
  11     <ol id="host" contenteditable>
  12         <li>LIST 1</li>
  13         <li id="list2">LIST 2</li>
  14         <li>LIST 3</li>
  15     </ol>
  16 </div>
  17
  18 <script>
  19 if (window.testRunner)
  20     testRunner.dumpAsText();
  21
  22 var shadowRoot = host.createShadowRoot();
  23 var li = document.createElement('li');
  24 li.innerHTML = 'inside shadow';
  25 shadowRoot.appendChild(li);
  26 shadowRoot.appendChild(document.createElement('shadow'));
  27
  28 eventSender.mouseMoveTo(list2.offsetLeft + list2.offsetWidth - 10, list2.offsetTop + list2.offsetHeight / 2);
  29 eventSender.mouseDown();
  30 eventSender.mouseUp();
  31
  32 eventSender.keyDown('\n');
  33
  34 container.innerHTML = "PASS";
  35 </script>
  36 </body>
  37 </html>