src/third_party/WebKit/LayoutTests/fast/dom/shadow/shadow-dom-event-dispatching-distributed-to-younger.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <script src="../../../resources/js-test.js"></script>
   5     <script src="resources/shadow-dom.js"></script>
   6     <script src="resources/event-dispatching.js"></script>
   7     <style>
   8       sandbox ^^ div {
   9         padding-top: 20px;
  10         width: 40px;
  11       }
  12     </style>
  13 </head>
  14 <body>
  15     <div id="sandbox"></div>
  16     <div id="console"></div>
  17     <script>
  18         var sandbox = document.getElementById('sandbox');
  19         sandbox.appendChild(
  20             createDOM('div', {'id': 'top'},
  21                       createDOM('div', {'id': 'A'},
  22                                 createShadowRoot({'id': 'older-shadow-root'},
  23                                                  createDOM('div', {'id': 'C'})),
  24                                 createShadowRoot({'id': 'younger-shadow-root'},
  25                                                  createDOM('shadow', {'id': 'D'}),
  26                                                  createDOM('content', {'id': 'E'}),
  27                                                  createDOM('div', {'id': 'F'})),
  28                                 createDOM('div', {'id': 'B'}))));
  29
  30         addEventListeners(['top', 'A', 'B', 'A/', 'A/C', 'A//', 'A//D', 'A//E', 'A//F']);
  31         showSandboxTree();
  32
  33         moveMouse('B', 'A//F');
  34         moveMouse('A/C', 'B');
  35         moveMouse('A/C', 'A//F');
  36     </script>
  37 </body>
  38 </html>