third_party/WebKit/LayoutTests/editing/shadow/breaking-editing-boundaries-2.html

   1 <!DOCTYPE html>
   2 <html>
   3 <body>
   4
   5 <p>When selecting from a child of ShadowRoot to an element outside of shadow host, a crash should not be caused.</p>
   6 <p>To test manually, select from 'before shadow' to 'after host'.</p>
   7
   8 <div id="container" contenteditable>
   9     <div><p>before host</p></div>
  10     <div id="host">host</div>
  11     <div id="destination">after host</div>
  12 </div>
  13
  14 <script>
  15 if (window.testRunner)
  16     testRunner.dumpAsText();
  17
  18 var shadowRoot = host.createShadowRoot();
  19 var div = document.createElement('div');
  20 div.setAttribute('contenteditable', 'true');
  21 shadowRoot.appendChild(div);
  22 div.innerHTML = "<div id='source'>before shadow</div><shadow></shadow><div>after shadow</div>";
  23
  24 var nestedShadowRoot = div.createShadowRoot();
  25 nestedShadowRoot.innerHTML = "<div contenteditable>before nested<shadow></shadow>after nested</div>";
  26
  27 var source = shadowRoot.getElementById('source');
  28 var destination = document.getElementById('destination');
  29
  30 if (window.eventSender) {
  31     eventSender.mouseMoveTo(source.offsetLeft + 20, source.offsetTop + source.offsetHeight / 2);
  32     eventSender.mouseDown();
  33     eventSender.mouseMoveTo(destination.offsetLeft + 20, destination.offsetTop + destination.offsetHeight / 2);
  34     eventSender.mouseUp();
  35
  36     container.innerHTML = "PASS";
  37 }
  38 </script>
  39 </body>
  40 </html>