DevTools: Capture async stacks for event listeners.

LayoutTests/inspector/debugger/async-callstack.html

Index: LayoutTests/inspector/debugger/async-callstack.html
diff --git a/LayoutTests/inspector/debugger/async-callstack.html b/LayoutTests/inspector/debugger/async-callstack.html
index fa19a8dd3f3ef79d11882f0d35a4dc51b8e11ad7..753f3c875d0e3038a05cff89bbf148e7eaba8923 100644
--- a/LayoutTests/inspector/debugger/async-callstack.html
+++ b/LayoutTests/inspector/debugger/async-callstack.html
@@ -11,6 +11,7 @@ function testFunction()
         timeout1();
     }
     setTimeout(innerTestFunction, 0);
+    document.getElementById("image").addEventListener("error", imageErrorHandler, false);
 }
 
 function timeout1()
@@ -44,6 +45,8 @@ function timeout2()
 
 function animFrame2()
 {
+    document.getElementById("image").addEventListener("error", imageErrorHandler, true);
+    document.getElementById("image").addEventListener("click", imageClickHandlerSync, true);
     debugger;
     function longTail0()
     {
@@ -59,11 +62,23 @@ function animFrame2()
 function timeout3()
 {
     debugger;
+    image.src = "non_existing.png";
+    image.click();
+}
+
+function imageErrorHandler()
+{
+    debugger; // should hit 3 times with different async stacks
+}
+
+function imageClickHandlerSync()
+{
+    debugger; // synchronous call => should have same async call chain as for timeout3()
 }
 
 var test = function()
 {
-    var totalDebuggerStatements = 6;
+    var totalDebuggerStatements = 10;
     var maxAsyncCallStackDepth = 4;
 
     InspectorTest.setQuiet(true);
@@ -106,6 +121,7 @@ var test = function()
 <p>
 Tests asynchronous call stacks in debugger.
 </p>
+<img id="image" onerror="imageErrorHandler()"></img>
 
 </body>
 </html>