LayoutTests/inspector/timeline/timeline-frame-controller.html - Issue 61923003: Timeline: show impl-side frames on the Timeline overview

Side by Side Diff: LayoutTests/inspector/timeline/timeline-frame-controller.html

Issue 61923003: Timeline: show impl-side frames on the Timeline overview (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: rebased, addressed review comments, added a test Created 7 years 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 | Annotate | Revision Log

« no previous file with comments | « LayoutTests/inspector/timeline/timeline-enum-stability-expected.txt ('k') | LayoutTests/inspector/timeline/timeline-frame-controller-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <html>

	2 <head>

	3 <script src="../../http/tests/inspector/inspector-test.js"></script>

	4 <script src="../../http/tests/inspector/timeline-test.js"></script>

	5 <script>

	6 function initialize_timelineFrameController()

	7 {

	8

	9 InspectorTest.dumpFrame = function(frame)

	10 {

	11 var fieldsToDump = ["cpuTime", "duration", "startTime", "endTime", "id", "ma inThreadFrameId", "isBackground", "timeByCategory", "other", "scripting"];

	12 function formatFields(object)

	13 {

	14 var result = {};

	15 for (var key in object) {

	16 if (fieldsToDump.indexOf(key) < 0)

	17 continue;

	18 var value = object[key];

	19 if (typeof value === "number")

	20 value = Number(value.toFixed(7));

	21 else if (typeof value === "object" && value)

	22 value = formatFields(value);

	23 result[key] = value;

	24 }

	25 return result;

	26 }

	27 InspectorTest.addObject(formatFields(frame));

	28 }

	29

	30 }

	31

	32 function test()

	33 {

	34 var records = [

	35 {"startTime": 999.990, "type":"BeginFrame", "thread":"implSide"},

	36 {"startTime": 1000.000, "data":{},"endTime":1003.999, "type":"Program", "children":[

	37 {"startTime":1000.001, "type":"BeginFrame", "data":{"id":"1"}},

	38 {"startTime":1000.002, "endTime":1003.999, "type":"FunctionCall" }

	39 ]},

	40 {"startTime": 1005.000, "type":"ActivateLayerTree", "data":{"id":"1"},"t hread":"implSide"},

	41 {"startTime": 1015.990, "type":"BeginFrame", "thread":"implSide"},

	42 {"startTime": 1016.000, "data":{}, "endTime":1019.999,"type":"Program", "children":[

	43 {"startTime":1016.001, "type":"BeginFrame", "data":{"id":"2"}},

	44 {"startTime":1016.002, "endTime":1019.999, "type":"FunctionCall" }

	45 ]},

	46 {"startTime": 1021.000, "type":"ActivateLayerTree", "data":{"id":"2"}, " thread":"implSide"},

	47 {"startTime": 1031.990, "type":"BeginFrame", "thread":"implSide"},

	48 {"startTime": 1032.000, "data":{}, "endTime":1035.999, "type":"Program", "children":[

	49 {"startTime":1032.001, "type":"BeginFrame", "data":{"id":"3"}},

	50 {"startTime":1032.002, "endTime":1035.999, "type":"FunctionCall" }

	51 ]},

	52 {"startTime": 1041.000, "type":"ActivateLayerTree", "data":{"id":"3"}, " thread":"implSide"},

	53 {"startTime": 1047.990, "type":"BeginFrame", "thread":"implSide"},

	54 {"startTime": 1048.000, "data":{}, "endTime":1091.999, "type":"Program", "children":[

	55 {"startTime":1048.001, "type":"BeginFrame", "data":{"id":"4"}},

	56 {"startTime":1048.002, "endTime":1091.999, "type":"FunctionCall" }

	57 ]},

	58 {"startTime": 1092.000, "type":"ActivateLayerTree", "data":{"id":"4"}, " thread":"implSide"},

	59 {"startTime": 1063.990, "type":"BeginFrame", "thread":"implSide"},

	60 {"startTime": 1079.990, "type":"BeginFrame", "thread":"implSide"},

	61 {"startTime": 1095.990, "type":"BeginFrame", "thread":"implSide"},

	62 {"startTime": 1100.000, "data":{}, "endTime":1103.999,"type":"Program", "children":[

	63 {"startTime":1100.001, "type":"BeginFrame", "data":{"id":"5"}},

	64 {"startTime":1100.002, "endTime":1103.999, "type":"FunctionCall" }

	65 ]},

	66 {"startTime": 1105.000, "type":"ActivateLayerTree", "data":{"id":"5"}, " thread":"implSide"},

	67 {"startTime": 1115.990, "type":"BeginFrame", "thread":"implSide"},

	68 {"startTime": 1116.000,"data":{}, "endTime":1119.999, "type":"Program", "children":[

	69 {"startTime":1116.001, "type":"BeginFrame", "data":{"id":"6"}},

	70 {"startTime":1116.002, "endTime":1119.999, "type":"FunctionCall" }

	71 ]},

	72 {"startTime": 1121.000, "type":"ActivateLayerTree", "data":{"id":"6"}, " thread":"implSide"},

	73 {"startTime": 1131.990, "type":"BeginFrame", "thread":"implSide"},

	74 {"startTime": 1132.000, "data":{}, "endTime":1135.999, "type":"Program", "children":[

	75 {"startTime":1132.001, "type":"BeginFrame", "data":{"id":"7"}},

	76 {"startTime":1132.002, "endTime":1135.999, "type":"FunctionCall" }

	77 ]},

	78 {"startTime": 1137.000, "type":"ActivateLayerTree", "data":{"id":"7"},"t hread":"implSide"},

	79 {"startTime": 1147.990, "type":"BeginFrame", "thread":"implSide"},

	80 {"startTime": 1148.000, "data":{}, "endTime":1191.999, "type":"Program", "children":[

	81 {"startTime":1148.001, "type":"BeginFrame", "data":{"id":"8"}},

	82 {"startTime":1148.002, "endTime":1191.999, "type":"FunctionCall" }

	83 ]},

	84 {"startTime": 1192.000, "type":"ActivateLayerTree", "data":{"id":"8"}, " thread":"implSide"},

	85 {"startTime": 1163.990, "type":"BeginFrame", "thread":"implSide"},

	86 {"startTime": 1179.990, "type":"BeginFrame", "thread":"implSide"},

	87 {"startTime": 1195.990, "type":"BeginFrame", "thread":"implSide"},

	88 {"startTime": 1200.000, "data":{}, "endTime":1203.999,"type":"Program", "children":[

	89 {"startTime":1200.001, "type":"BeginFrame", "data":{"id":"9"}},

	90 {"startTime":1200.002, "endTime":1203.999, "type":"FunctionCall" }

	91 ]},

	92 {"startTime": 1205.000, "type":"ActivateLayerTree", "data":{"id":"9"}, " thread":"implSide"},

	93 {"startTime": 1215.990, "type":"BeginFrame","thread":"implSide"},

	94 {"startTime": 1216.000, "data":{}, "endTime":1219.999, "type":"Program", "children":[

	95 {"startTime":1216.001, "type":"BeginFrame", "data":{"id":"10"}},

	96 {"startTime":1216.002, "endTime":1219.999, "type":"FunctionCall" }

	97 ]},

	98 {"startTime": 1221.000, "type":"ActivateLayerTree", "data":{"id":"10"}, "thread":"implSide"},

	99 {"startTime": 1231.990, "type":"BeginFrame","thread":"implSide"},

	100 {"startTime": 1232.000, "data":{}, "endTime":1235.999, "type":"Program", "children":[

	101 {"startTime":1232.001, "type":"BeginFrame","data":{"id":"11"}},

	102 {"startTime":1232.002, "endTime":1235.999, "type":"FunctionCall" }

	103 ]},

	104 {"startTime": 1237.000, "type":"ActivateLayerTree", "data":{"id":"11"}, "thread":"implSide"},

	105 {"startTime": 1247.990, "type":"BeginFrame", "thread":"implSide"},

	106 {"startTime": 1248.000, "data":{}, "endTime":1291.999, "type":"Program", "children":[

	107 {"startTime":1248.001, "type":"BeginFrame", "data":{"id":"12"}},

	108 {"startTime":1248.002, "endTime":1291.999, "type":"FunctionCall" }

	109 ]}

	110 ];

	111

	112 InspectorTest.loadTimelineRecords(records);

	113

	114 var timelinePanel = WebInspector.panels.timeline;

	115 var overview = timelinePanel._overviewPane;

	116 overview.setMode(WebInspector.TimelineOverviewPane.Mode.Frames);

	117 var frameOverview = overview._overviewControl;

	118 InspectorTest.addResult("Main thread frames:");

	119 frameOverview._mainThreadFrames.forEach(InspectorTest.dumpFrame, InspectorTe st);

	120 InspectorTest.addResult("Background frames:");

	121 frameOverview._backgroundFrames.forEach(InspectorTest.dumpFrame, InspectorTe st);

	122 InspectorTest.completeTest();

	123 }

	124

	125 </script>

	126 </head>

	127

	128 <body onload="runTest()">

	129 <p>

	130 Test timeline records coalescing

	131 </p>

	132

	133 </body>

	134 </html>

OLD	NEW