[DevTools] Extracted EventListenersTreeOutline

LayoutTests/inspector/elements/event-listener-sidebar-expected.txt

Index: LayoutTests/inspector/elements/event-listener-sidebar-expected.txt
diff --git a/LayoutTests/inspector/elements/event-listener-sidebar-expected.txt b/LayoutTests/inspector/elements/event-listener-sidebar-expected.txt
index c5aa58f51ce54816ec6f118d9187931cf5359ec6..da1a3cc96a17d89e0e89d425af57769f6746c238 100644
--- a/LayoutTests/inspector/elements/event-listener-sidebar-expected.txt
+++ b/LayoutTests/inspector/elements/event-listener-sidebar-expected.txt
@@ -3,59 +3,39 @@ Tests event listeners output in the Elements sidebar panel.
 Inspect Me
 
 ======== click ========
-[expanded] documentevent-listener-sidebar.html:19
-    attachment: script
-    handler: function (event) { console.log("click - document - capturing"); }
-    node: #document
-    useCapture: true
-[expanded] documentevent-listener-sidebar.html:25
-    attachment: script
-    handler: ObjectHandler
-    node: #document
-    useCapture: true
+[expanded] documentevent-listener-sidebar.html:6
+    useCapture: false
+    handler: function documentClickHandler(event) { console.log("click - document - attribute"); }
 [expanded] documentevent-listener-sidebar.html:31
-    attachment: script
+    useCapture: true
     handler: EventListenerImpl
-    node: #document
+[expanded] documentevent-listener-sidebar.html:25
     useCapture: true
-[expanded] button#nodeevent-listener-sidebar.html:15
-    attachment: script
-    handler: function (event) { console.log("click - button - capturing"); }
-    node: button#node
+    handler: ObjectHandler
+[expanded] documentevent-listener-sidebar.html:19
     useCapture: true
-[expanded] button#nodeevent-listener-sidebar.html:12
-    attachment: script
-    handler: function clickHandler(event) { console.log("click - button - bubbling (registered before attribute)"); }
-    node: button#node
-    useCapture: false
-[expanded] button#nodeevent-listener-sidebar.html:16
-    attachment: attribute
-    handler: function (event) { console.log("click - button - attribute"); }
-    node: button#node
-    useCapture: false
+    handler: function (event) { console.log("click - document - capturing"); }
 [expanded] button#nodeevent-listener-sidebar.html:17
-    attachment: script
+    useCapture: false
     handler: function (event) { console.log("click - button - bubbling (registered after attribute)"); }
-    node: button#node
+[expanded] button#nodeevent-listener-sidebar.html:16
     useCapture: false
-[expanded] documentevent-listener-sidebar.html:6
-    attachment: attribute
-    handler: function documentClickHandler(event) { console.log("click - document - attribute"); }
-    node: #document
+    handler: function (event) { console.log("click - button - attribute"); }
+[expanded] button#nodeevent-listener-sidebar.html:12
     useCapture: false
+    handler: function clickHandler(event) { console.log("click - button - bubbling (registered before attribute)"); }
+[expanded] button#nodeevent-listener-sidebar.html:15
+    useCapture: true
+    handler: function (event) { console.log("click - button - capturing"); }
 
 ======== custom event ========
 [expanded] bodyevent-listener-sidebar.html:10
-    attachment: script
-    handler: function f() {}
-    node: body
     useCapture: true
+    handler: function f() {}
 
 ======== hover ========
 [expanded] button#nodeevent-listener-sidebar.html:14
-    attachment: script
-    handler: function hoverHandler(event) { console.log("hover - button - bubbling"); }
-    node: button#node
     useCapture: false
+    handler: function hoverHandler(event) { console.log("hover - button - bubbling"); }
 Listeners for selected node only(should be no listeners):