| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 <html> | |
| 3 <head> | |
| 4 <title> Event dispatch and DOM event flow </title> | |
| 5 <script src="../../../../../resources/testharness.js"></script> | |
| 6 <script src="../../../../../resources/testharnessreport.js"></script> | |
| 7 </head> | |
| 8 <body> | |
| 9 <div id=log></div> | |
| 10 | |
| 11 <table id="table" border="1" style="display: none"> | |
| 12 <tbody id="table-body"> | |
| 13 <tr id="table-row"> | |
| 14 <td id="table-cell">Shady Grove</td> | |
| 15 <td>Aeolian</td> | |
| 16 </tr> | |
| 17 <tr id="parent"> | |
| 18 <td id="target">Over the river, Charlie</td> | |
| 19 <td>Dorian</td> | |
| 20 </tr> | |
| 21 </tbody> | |
| 22 </table> | |
| 23 | |
| 24 <script> | |
| 25 var EVENT = "foo"; | |
| 26 var TARGET = document.getElementById("target"); | |
| 27 var PARENT = document.getElementById("parent"); | |
| 28 var TBODY = document.getElementById("table-body"); | |
| 29 var TABLE = document.getElementById("table"); | |
| 30 var BODY = document.body; | |
| 31 var HTML = document.documentElement; | |
| 32 var CurrentTargets = [window, document, HTML, BODY, TABLE, TBODY, PARENT, TA
RGET]; | |
| 33 var ExpectResult = CurrentTargets.concat([TARGET, PARENT, TBODY, TABLE, BODY
, HTML, document, window]); | |
| 34 var ActualResult = []; | |
| 35 var ExpectPhases = [1,1,1,1,1,1,1,2,2,3,3,3,3,3,3,3,]; | |
| 36 var ActualPhases = []; | |
| 37 | |
| 38 var description = "Test Description: Dispatch an event in a DOM tree using t
he DOM event flow."; | |
| 39 | |
| 40 test(function() | |
| 41 { | |
| 42 for (var i=0; i < CurrentTargets.length; i++) | |
| 43 { | |
| 44 CurrentTargets[i].addEventListener(EVENT, TestEvent, true); | |
| 45 CurrentTargets[i].addEventListener(EVENT, TestEvent, false); | |
| 46 } | |
| 47 | |
| 48 var evt = document.createEvent("Event"); | |
| 49 evt.initEvent(EVENT, true, true); | |
| 50 TARGET.dispatchEvent(evt); | |
| 51 | |
| 52 assert_array_equals(ActualResult, ExpectResult, "ActualResult"); | |
| 53 assert_array_equals(ActualPhases, ExpectPhases, "ActualPhases"); | |
| 54 | |
| 55 }, description); | |
| 56 | |
| 57 function TestEvent(evt) | |
| 58 { | |
| 59 ActualResult.push(evt.currentTarget); | |
| 60 ActualPhases.push(evt.eventPhase); | |
| 61 } | |
| 62 </script> | |
| 63 </body> | |
| 64 </html> | |
| OLD | NEW |