DevTools: Use badges to render products in timeline details.

third_party/WebKit/LayoutTests/inspector/tracing/timeline-misc/timeline-event-details.html

Index: third_party/WebKit/LayoutTests/inspector/tracing/timeline-misc/timeline-event-details.html
diff --git a/third_party/WebKit/LayoutTests/inspector/tracing/timeline-misc/timeline-event-details.html b/third_party/WebKit/LayoutTests/inspector/tracing/timeline-misc/timeline-event-details.html
index 09b1e6c0cb52c4d0a63d34171b5770dbd9c4d22c..801ec9908e4cc5ed64a23b9b91e1d554989c04ee 100644
--- a/third_party/WebKit/LayoutTests/inspector/tracing/timeline-misc/timeline-event-details.html
+++ b/third_party/WebKit/LayoutTests/inspector/tracing/timeline-misc/timeline-event-details.html
@@ -58,12 +58,17 @@ async function test()
         }
     }];
 
+    var badgeRendered = Promise.resolve();
+    InspectorTest.addSniffer(ProductRegistry.BadgePool.prototype, "_renderBadge", (arg, result) => badgeRendered = result, true);
+    Common.settings.moduleSetting('product_registry.badges-visible').set(true);
     var model = InspectorTest.createPerformanceModelWithEvents(rawTraceEvents).timelineModel();
     var linkifier = new Components.Linkifier();
+    var badgePool = new ProductRegistry.BadgePool();
     for (var event of model.mainThreadEvents()) {
-        var node = await Timeline.TimelineUIUtils.buildTraceEventDetails(event, model, linkifier);
+        var node = await Timeline.TimelineUIUtils.buildTraceEventDetails(event, model, linkifier, badgePool);
+        await badgeRendered;
         for (var child of node.querySelectorAll(".timeline-details-view-row"))
-            InspectorTest.addResult(`${child.firstChild.innerText}: ${child.lastChild.innerText}`);
+            InspectorTest.addResult(InspectorTest.deepTextContent(child.firstChild) + ": " + InspectorTest.deepTextContent(child.lastChild));
     }
     InspectorTest.completeTest();
 }