third_party/WebKit/LayoutTests/editing/shadow/selection-shadow-mouse-drag.html

   1 <!DOCTYPE html>
   2 <style>* { font-family: monospace; }</style>
   3 <div id="host">[<span id="one">One</span> <span id="two">Two</span>]</div>
   4 <script>
   5 function doDrag(start, end) {
   6     if (!window.eventSender)
   7         return;
   8     eventSender.mouseMoveTo(start.offsetLeft + (start.offsetWidth / 2), start.offsetTop + 3);
   9     eventSender.mouseDown();
  10     eventSender.mouseMoveTo(end.offsetLeft + (end.offsetWidth / 2), end.offsetTop + 3);
  11     eventSender.mouseUp();
  12 }
  13 var host = document.querySelector('#host');
  14 var shadowRoot = host.createShadowRoot();
  15 shadowRoot.innerHTML = '[<content select="#two"></content> <content select="#one"></content>]';
  16 var one = document.querySelector('#one');
  17 var two = document.querySelector('#two');
  18 doDrag(two, one);
  19 </script>