| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <script src="../../../resources/js-test.js"></script> | 4 <script src="../../../resources/js-test.js"></script> |
| 5 <script src="resources/shadow-dom.js"></script> | 5 <script src="resources/shadow-dom.js"></script> |
| 6 </head> | 6 </head> |
| 7 <body> | 7 <body> |
| 8 <p id="description"></p> | 8 <p id="description"></p> |
| 9 <div id="sandbox"></div> | 9 <div id="sandbox"></div> |
| 10 <pre id="console"></pre> | 10 <pre id="console"></pre> |
| (...skipping 99 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 110 function moveFocus(oldElementId, newElementId, message) | 110 function moveFocus(oldElementId, newElementId, message) |
| 111 { | 111 { |
| 112 debug('\n' + message + '\n' + 'Moving focus from ' + oldElementId + ' to ' +
newElementId); | 112 debug('\n' + message + '\n' + 'Moving focus from ' + oldElementId + ' to ' +
newElementId); |
| 113 getNodeInTreeOfTrees(oldElementId).focus(); | 113 getNodeInTreeOfTrees(oldElementId).focus(); |
| 114 clearEventRecords(); | 114 clearEventRecords(); |
| 115 getNodeInTreeOfTrees(newElementId).focus(); | 115 getNodeInTreeOfTrees(newElementId).focus(); |
| 116 } | 116 } |
| 117 | 117 |
| 118 function test() | 118 function test() |
| 119 { | 119 { |
| 120 if (window.testRunner) | |
| 121 testRunner.dumpAsText(); | |
| 122 prepareDOMTree(document.getElementById('sandbox')); | 120 prepareDOMTree(document.getElementById('sandbox')); |
| 123 | 121 |
| 124 // Test for mouseover/mouseout events. | 122 // Test for mouseover/mouseout events. |
| 125 moveMouse('divB', 'divC', | 123 moveMouse('divB', 'divC', |
| 126 'Move mouse from a node to its sibling node. All nodes are outside
of shadow boundary.'); | 124 'Move mouse from a node to its sibling node. All nodes are outside
of shadow boundary.'); |
| 127 shouldBe('dispatchedEvent("mouseover")', '["divC(<-divB)(@divC)", "divC(<-di
vB)(@divA)"]'); | 125 shouldBe('dispatchedEvent("mouseover")', '["divC(<-divB)(@divC)", "divC(<-di
vB)(@divA)"]'); |
| 128 shouldBe('dispatchedEvent("mouseout")', '["divB(<-divC)(@divB)", "divB(<-div
C)(@divA)"]'); | 126 shouldBe('dispatchedEvent("mouseout")', '["divB(<-divC)(@divB)", "divB(<-div
C)(@divA)"]'); |
| 129 | 127 |
| 130 moveMouse('divB', 'divA', | 128 moveMouse('divB', 'divA', |
| 131 'Target is an ancestor of relatedTarget. All nodes are outside of
shadow boundary.'); | 129 'Target is an ancestor of relatedTarget. All nodes are outside of
shadow boundary.'); |
| (...skipping 68 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 200 moveFocus('shadowD/shadowF/shadowG/divH', 'shadowD/shadowK/divL', | 198 moveFocus('shadowD/shadowF/shadowG/divH', 'shadowD/shadowK/divL', |
| 201 'Old focused node and new focused node exist in separated subtrees
, crossing shadow boundaries. Making sure that an event is not dispatched beyond
the lowest common boundary.'); | 199 'Old focused node and new focused node exist in separated subtrees
, crossing shadow boundaries. Making sure that an event is not dispatched beyond
the lowest common boundary.'); |
| 202 shouldBe('dispatchedEvent("focus")', '["shadowK(<-shadowF)(@divJ)(capturing
phase)", "divL(<-shadowF)(@divL)", "shadowK(<-shadowF)(@shadowK)"]'); | 200 shouldBe('dispatchedEvent("focus")', '["shadowK(<-shadowF)(@divJ)(capturing
phase)", "divL(<-shadowF)(@divL)", "shadowK(<-shadowF)(@shadowK)"]'); |
| 203 shouldBe('dispatchedEvent("blur")', '["shadowF(<-shadowK)(@divE)(capturing p
hase)", "divH(<-shadowK)(@divH)", "shadowG(<-shadowK)(@shadowG)", "shadowF(<-sha
dowK)(@shadowF)"]'); | 201 shouldBe('dispatchedEvent("blur")', '["shadowF(<-shadowK)(@divE)(capturing p
hase)", "divH(<-shadowK)(@divH)", "shadowG(<-shadowK)(@shadowG)", "shadowF(<-sha
dowK)(@shadowF)"]'); |
| 204 } | 202 } |
| 205 | 203 |
| 206 test(); | 204 test(); |
| 207 </script> | 205 </script> |
| 208 </body> | 206 </body> |
| 209 </html> | 207 </html> |
| OLD | NEW |