DevTools: Highlight DOM node on hover in flamechart.

third_party/WebKit/LayoutTests/inspector/tracing/timeline-misc/timeline-node-reference.html

Index: third_party/WebKit/LayoutTests/inspector/tracing/timeline-misc/timeline-node-reference.html
diff --git a/third_party/WebKit/LayoutTests/inspector/tracing/timeline-misc/timeline-node-reference.html b/third_party/WebKit/LayoutTests/inspector/tracing/timeline-misc/timeline-node-reference.html
index 94f83990854e1c6ed5b902f5223086a358939be5..a622930621225a3a3d3be82b56f850319bf5e160 100644
--- a/third_party/WebKit/LayoutTests/inspector/tracing/timeline-misc/timeline-node-reference.html
+++ b/third_party/WebKit/LayoutTests/inspector/tracing/timeline-misc/timeline-node-reference.html
@@ -25,20 +25,16 @@ function test()
          InspectorTest.evaluateWithTimeline("performActions()", onTimelineRecorded);
     });
 
-    function clickValueLink(event, row)
+    async function clickValueLink(event, row)
     {
         var model = UI.panels.timeline._performanceModel.timelineModel();
-        Timeline.TimelineUIUtils.buildTraceEventDetails(event, model, new Components.Linkifier(), true, onDetailsContentReady);
-
-        function onDetailsContentReady(element)
-        {
-            var rows = element.querySelectorAll(".timeline-details-view-row");
-            for (var i = 0; i < rows.length; ++i) {
-                if (rows[i].firstChild.textContent.indexOf(row) !== -1) {
-                    rows[i].lastChild.firstChild.shadowRoot.lastChild.click();
-                    return;
-                }
-            }
+        var element = await Timeline.TimelineUIUtils.buildTraceEventDetails(event, model, new Components.Linkifier(), true);
+        var rows = element.querySelectorAll(".timeline-details-view-row");
+        for (var i = 0; i < rows.length; ++i) {
+            if (rows[i].firstChild.textContent.indexOf(row) !== -1) {
+	        rows[i].lastChild.firstChild.shadowRoot.lastChild.click();
+	        return;
+	    }
         }
     }