Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(21)

Side by Side Diff: LayoutTests/inspector/tracing/frame-model.html

Issue 1144963002: Timeline: visually distinguish idle frames (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: rebased / adjusted to chrome-side changes in instrumentation Created 5 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <html> 1 <html>
2 <head> 2 <head>
3 <script src="../../http/tests/inspector/inspector-test.js"></script> 3 <script src="../../http/tests/inspector/inspector-test.js"></script>
4 <script src="../../http/tests/inspector/timeline-test.js"></script> 4 <script src="../../http/tests/inspector/timeline-test.js"></script>
5 <script src="../tracing-test.js"></script> 5 <script src="../tracing-test.js"></script>
6 <script> 6 <script>
7 function test() 7 function test()
8 { 8 {
9 var sessionId = "4.20"; 9 var sessionId = "4.20";
10 var mainThread = 1; 10 var mainThread = 1;
(...skipping 221 matching lines...) Expand 10 before | Expand all | Expand 10 after
232 {"name": "RequestMainThreadFrame", "ts": 1032001, args: { "layerTree Id": 17 }, "ph": "I", "tid": implThread, "pid": 100, "cat":"disabled-by-default- devtools.timeline" }, 232 {"name": "RequestMainThreadFrame", "ts": 1032001, args: { "layerTree Id": 17 }, "ph": "I", "tid": implThread, "pid": 100, "cat":"disabled-by-default- devtools.timeline" },
233 {"name": "DrawFrame", "ts": 1046001, args: { "layerTreeId": 17 }, "p h": "I", "tid": implThread, "pid": 100, "cat":"disabled-by-default-devtools.time line" }, 233 {"name": "DrawFrame", "ts": 1046001, args: { "layerTreeId": 17 }, "p h": "I", "tid": implThread, "pid": 100, "cat":"disabled-by-default-devtools.time line" },
234 234
235 {"name": "Program", "ts": 1033000, args: {}, "dur": 12999, "ph": "X" , "tid": mainThread, "pid": 100, "cat":"disabled-by-default-devtools.timeline" } , 235 {"name": "Program", "ts": 1033000, args: {}, "dur": 12999, "ph": "X" , "tid": mainThread, "pid": 100, "cat":"disabled-by-default-devtools.timeline" } ,
236 {"name": "BeginMainThreadFrame", "ts": 1033001, args: {}, "ph": "I", "tid": mainThread, "pid": 100, "cat":"disabled-by-default-devtools.timeline" }, 236 {"name": "BeginMainThreadFrame", "ts": 1033001, args: {}, "ph": "I", "tid": mainThread, "pid": 100, "cat":"disabled-by-default-devtools.timeline" },
237 {"name": "CompositeLayers", "ts": 1033002, args: { "layerTreeId": 17 }, "dur": 7999, "ph": "X", "tid": mainThread, "pid": 100, "cat":"disabled-by-de fault-devtools.timeline" }, 237 {"name": "CompositeLayers", "ts": 1033002, args: { "layerTreeId": 17 }, "dur": 7999, "ph": "X", "tid": mainThread, "pid": 100, "cat":"disabled-by-de fault-devtools.timeline" },
238 {"name": "FunctionCall", "ts": 1041002, args: {}, "dur": 4997, "ph": "X", "tid": mainThread, "pid": 100, "cat":"disabled-by-default-devtools.timelin e" }, 238 {"name": "FunctionCall", "ts": 1041002, args: {}, "dur": 4997, "ph": "X", "tid": mainThread, "pid": 100, "cat":"disabled-by-default-devtools.timelin e" },
239 239
240 {"name": "BeginFrame", "ts": 1048000, args: { "layerTreeId": 17 }, " ph": "I", "tid": implThread, "pid": 100, "cat":"disabled-by-default-devtools.tim eline" }, 240 {"name": "BeginFrame", "ts": 1048000, args: { "layerTreeId": 17 }, " ph": "I", "tid": implThread, "pid": 100, "cat":"disabled-by-default-devtools.tim eline" },
241 {"name": "Program", "ts": 1049000, args: {}, "dur": 999, "ph": "X", "tid": mainThread, "pid": 100, "cat":"disabled-by-default-devtools.timeline" }, 241 {"name": "Program", "ts": 1049000, args: {}, "dur": 999, "ph": "X", "tid": mainThread, "pid": 100, "cat":"disabled-by-default-devtools.timeline" },
242 ] 242 ],
243 "Idle frames": [
244 {"name": "BeginFrame", "ts": 1000000, args: { "layerTreeId": 17 }, " ph": "I", "tid": implThread, "pid": 100, "cat":"disabled-by-default-devtools.tim eline" },
245 {"name": "ActivateLayerTree", "ts": 1014000, args: { "layerTreeId": 17 }, "ph": "I", "tid": implThread, "pid": 100, "cat":"disabled-by-default-devto ols.timeline" },
246 {"name": "DrawFrame", "ts": 1014001, args: { "layerTreeId": 17 }, "p h": "I", "tid": implThread, "pid": 100, "cat":"disabled-by-default-devtools.time line" },
247 {"name": "NeedsBeginFrameChanged", "ts": 1015000, args: { "layerTree Id": 17, "data": { "needsBeginFrame": false } }, "ph": "I", "tid": implThread, " pid": 100, "cat":"disabled-by-default-devtools.timeline" },
248 {"name": "NeedsBeginFrameChanged", "ts": 1215000, args: { "layerTree Id": 17, "data": { "needsBeginFrame": true } }, "ph": "I", "tid": implThread, "p id": 100, "cat":"disabled-by-default-devtools.timeline" },
249 {"name": "BeginFrame", "ts": 1231000, args: { "layerTreeId": 17 }, " ph": "I", "tid": implThread, "pid": 100, "cat":"disabled-by-default-devtools.tim eline" },
250 {"name": "BeginFrame", "ts": 1247000, args: { "layerTreeId": 17 }, " ph": "I", "tid": implThread, "pid": 100, "cat":"disabled-by-default-devtools.tim eline" },
251 {"name": "BeginFrame", "ts": 1263000, args: { "layerTreeId": 17 }, " ph": "I", "tid": implThread, "pid": 100, "cat":"disabled-by-default-devtools.tim eline" },
252 {"name": "RequestMainThreadFrame", "ts": 1263001, args: { "layerTree Id": 17 }, "ph": "I", "tid": implThread, "pid": 100, "cat":"disabled-by-default- devtools.timeline" },
253
254 {"name": "Program", "ts": 1264000, args: {}, "dur": 24000, "ph": "X" , "tid": mainThread, "pid": 100, "cat":"disabled-by-default-devtools.timeline" } ,
255 {"name": "BeginMainThreadFrame", "ts": 1264001, args: {}, "ph": "I", "tid": mainThread, "pid": 100, "cat":"disabled-by-default-devtools.timeline" },
256 {"name": "FunctionCall", "ts": 1264002, args: {}, "dur": 23000, "ph" : "X", "tid": mainThread, "pid": 100, "cat":"disabled-by-default-devtools.timeli ne" },
257 {"name": "CompositeLayers", "ts": 1287003, args: { "layerTreeId": 17 }, "dur": 500, "ph": "X", "tid": mainThread, "pid": 100, "cat":"disabled-by-def ault-devtools.timeline" },
258 {"name": "ActivateLayerTree", "ts": 1270000, args: { "layerTreeId": 17 }, "ph": "I", "tid": implThread, "pid": 100, "cat":"disabled-by-default-devto ols.timeline" },
259 {"name": "DrawFrame", "ts": 1270001, args: { "layerTreeId": 17 }, "p h": "I", "tid": implThread, "pid": 100, "cat":"disabled-by-default-devtools.time line" },
260 {"name": "ActivateLayerTree", "ts": 1296000, args: { "layerTreeId": 17 }, "ph": "I", "tid": implThread, "pid": 100, "cat":"disabled-by-default-devto ols.timeline" },
261 {"name": "DrawFrame", "ts": 1296001, args: { "layerTreeId": 17 }, "p h": "I", "tid": implThread, "pid": 100, "cat":"disabled-by-default-devtools.time line" },
262 {"name": "DrawFrame", "ts": 1312000, args: { "layerTreeId": 17 }, "p h": "I", "tid": implThread, "pid": 100, "cat":"disabled-by-default-devtools.time line" },
263 ],
243 }; 264 };
244 265
245 var frameModel = new WebInspector.TracingTimelineFrameModel(); 266 var frameModel = new WebInspector.TracingTimelineFrameModel();
246 267
247 function loadEvents(events) 268 function loadEvents(events)
248 { 269 {
249 var tracingTimelineModel = InspectorTest.tracingTimelineModel(); 270 var tracingTimelineModel = InspectorTest.tracingTimelineModel();
250 tracingTimelineModel.setEventsForTest(events); 271 tracingTimelineModel.setEventsForTest(events);
251 frameModel.reset(); 272 frameModel.reset();
252 frameModel.addTraceEvents(WebInspector.targetManager.mainTarget(), traci ngTimelineModel.inspectedTargetEvents(), sessionId); 273 frameModel.addTraceEvents(WebInspector.targetManager.mainTarget(), traci ngTimelineModel.inspectedTargetEvents(), sessionId);
(...skipping 11 matching lines...) Expand all
264 </script> 285 </script>
265 </head> 286 </head>
266 287
267 <body onload="runTest()"> 288 <body onload="runTest()">
268 <p> 289 <p>
269 Test the frames are correctly built based on trace events 290 Test the frames are correctly built based on trace events
270 </p> 291 </p>
271 292
272 </body> 293 </body>
273 </html> 294 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698