src/third_party/WebKit/LayoutTests/fast/dom/shadow/drag-and-drop-in-user-agent-shadow.html

   1 <!DOCTYPE html>
   2 <script src="../../../resources/js-test.js"></script>
   3 <script src="resources/shadow-dom.js"></script>
   4 <div id="sandbox"></div>
   5 <script>
   6 description('Tests whether we can not start dragging a node in user agent shadow trees.');
   7
   8 sandbox.appendChild(
   9     createDOM('div', {'id': 'host', 'draggable': 'true'},
  10               createUserAgentShadowRoot({},
  11                                         createDOM('div', {'id': 'shadow-root-child'},
  12                                                   document.createTextNode('Shadow Root Child')),
  13                                         createDOM('content', {}))));
  14
  15 var shadowRootChild = window.internals.youngestShadowRoot(host).getElementById('shadow-root-child');
  16 var dragstartCount = 0;
  17
  18 host.addEventListener('dragstart', function(e) {
  19     dragstartCount++;
  20 }, false);
  21
  22 function dragAndDrop(element) {
  23     var rect = element.getBoundingClientRect();
  24     var x = rect.left + rect.width / 2;
  25     var y = rect.top + rect.height / 2;
  26     eventSender.mouseMoveTo(x, y);
  27     eventSender.mouseDown();
  28     eventSender.leapForward(400);
  29     eventSender.mouseMoveTo(x + 100, y + 100);
  30     eventSender.mouseUp();
  31 }
  32
  33 document.body.offsetLeft;
  34
  35 if (window.eventSender) {
  36     dragAndDrop(shadowRootChild);
  37     shouldBe("dragstartCount", "0");
  38 }
  39 </script>