DevTools: Support media event listener breakpoints in frontend.

LayoutTests/inspector/sources/debugger/event-listener-breakpoints.html

Index: LayoutTests/inspector/sources/debugger/event-listener-breakpoints.html
diff --git a/LayoutTests/inspector/sources/debugger/event-listener-breakpoints.html b/LayoutTests/inspector/sources/debugger/event-listener-breakpoints.html
index 74e3778bd1064ed5f7f30eb80b34cf824e793398..83ae1f327e783d6c027a063f4f5dcd4c84e13b8f 100644
--- a/LayoutTests/inspector/sources/debugger/event-listener-breakpoints.html
+++ b/LayoutTests/inspector/sources/debugger/event-listener-breakpoints.html
@@ -44,6 +44,18 @@ function loadCallback()
     return 0;
 }
 
+function playVideo()
+{
+    var video = document.getElementById("video");
+    video.addEventListener("play", onVideoPlay, false);
+    video.play();
+}
+
+function onVideoPlay()
+{
+    return 0;
+}
+
 function test()
 {
     WebInspector.inspectorView.showPanel("sources");
@@ -103,6 +115,21 @@ function test()
             {
                 InspectorTest.evaluateInPage("addLoadListeners()", next);
             }
+        },
+
+        function testMediaEventBreakpoint(next)
+        {
+            pane._setBreakpoint("listener:play", ["audio", "video"]);
+            InspectorTest.waitUntilPaused(paused);
+            InspectorTest.evaluateInPageWithTimeout("playVideo()");
+
+            function paused(callFrames, reason, breakpointIds, asyncStackTrace, auxData)
+            {
+                InspectorTest.captureStackTrace(callFrames);
+                printEventTargetName(auxData);
+                pane._removeBreakpoint("listener:play", ["audio", "video"]);
+                InspectorTest.resumeExecution(next);
+            }
         }
     ]);
 
@@ -125,6 +152,7 @@ Tests event listener breakpoints.
 </p>
 
 <input type=button id="test"></input>
+<video id="video" src="../../../media/content/test.ogv"></video>
 
 </body>
 </html>