fast/dom/shadow/shadow-dom-event-dispatching.html flake
[WebKit-https.git] / LayoutTests / fast / dom / shadow / shadow-dom-event-dispatching-nested-shadow-roots.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4     <script src="../../js/resources/js-test-pre.js"></script>
5     <script src="resources/shadow-dom.js"></script>
6     <script src="resources/event-dispatching.js"></script>
7 </head>
8 <body>
9     <p id="description"></p>
10     <div id="sandbox"></div>
11     <pre id="console"></pre>
12     <script>
13         var sandbox = document.getElementById('sandbox');
14
15         sandbox.appendChild(
16             createDOM('div', {'id': 'top'},
17                       createDOM('div', {'id': 'A'},
18                                 createDOM('div', {'id': 'B'},
19                                           createShadowRoot(
20                                               createDOM('div', {'id': 'G'},
21                                                         createShadowRoot(
22                                                             createDOM('div', {'id': 'J'},
23                                                                       createShadowRoot(
24                                                                           createDOM('content', {'id': 'N', 'select': '#C'})),
25                                                                       createDOM('content', {'id': 'K', 'select': '#C'})),
26                                                             createDOM('div', {'id': 'L'},
27                                                                       createShadowRoot(
28                                                                           createDOM('content', {'id': 'O', 'select': '#E'})),
29                                                                       createDOM('content', {'id': 'M', 'select': '#E'}))),
30                                                         createDOM('content', {'id': 'H', 'select': '#C'}),
31                                                         createDOM('content', {'id': 'I', 'select': '#E'}))),
32                                           createDOM('div', {'id': 'C'},
33                                                     createDOM('div', {'id': 'D'})),
34                                           createDOM('div', {'id': 'E'},
35                                                     createDOM('div', {'id': 'F'}))))));
36
37         addEventListeners(['top', 'A', 'B', 'C', 'D', 'E', 'F', 'B/', 'B/G', 'B/H', 'B/I', 'B/G/', 'B/G/J', 'B/G/K', 'B/G/L', 'B/G/M',
38                            'B/G/J/', 'B/G/J/N', 'B/G/L/', 'B/G/L/O']);
39         getNodeInShadowTreeStack('B/').id = 'shadow-root-B';
40         getNodeInShadowTreeStack('B/G/').id = 'shadow-root-G';
41         getNodeInShadowTreeStack('B/G/J/').id = 'shadow-root-J';
42         getNodeInShadowTreeStack('B/G/L/').id = 'shadow-root-L';
43         showSandboxTree();
44
45         moveMouse('F', 'D');
46         moveMouse('B/G/L', 'D');
47         moveMouse('B/G/L', 'B/G/J');
48         moveMouse('A', 'D');
49         moveMouse('D', 'A');
50     </script>
51     <script src="../../js/resources/js-test-post.js"></script>
52 </body>
53 </html>
54