LayoutTests/inspector/timeline/timeline-frame-model.html - Issue 481403002: DevTools: move tracing based Timeline out of experiment

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

Issue 481403002: DevTools: move tracing based Timeline out of experiment (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Updated inspector/timeline/timeline-coalescing.html Created 6 years, 4 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 | Annotate | Revision Log

« no previous file with comments | « LayoutTests/inspector/timeline/timeline-flame-chart-automatically-size-window-expected.txt ('k') | LayoutTests/inspector/timeline/timeline-frame-model-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 test()

7 {

8 var testData = {

9 "main thread only": [

10 {"startTime": 1000.000, "data":{},"endTime":1003.999, "type":"Progra m", "children":[

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

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

13 ]},

14 {"startTime": 1016.000, "data":{},"endTime":1026.999, "type":"Progra m", "children":[

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

16 {"startTime":1016.002, "endTime":1018.999, "type":"FunctionCall" , "data":{}},

17 {"startTime":1019.000, "endTime":1020.999, "type":"StyleRecalcul ate", "data":{}},

18 {"startTime":1021.000, "endTime":1026.999, "type":"Layout", "dat a":{}},

19 ]},

20 {"startTime": 1032.000, "data":{},"endTime":1033.999, "type":"Progra m", "children":[

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

22 ]},

23 {"startTime": 1048.000, "data":{},"endTime":1049.999, "type":"Progra m", "children":[

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

25 ]}

26 ],

27 "impl-side only": [

28 {"startTime":1000.000, "type":"BeginFrame", "thread": "implSide"},

29 {"startTime":1016.000, "type":"BeginFrame", "thread": "implSide"},

30 {"startTime":1030.000, "type":"DrawFrame", "thread": "implSide"},

31 {"startTime":1032.000, "type":"BeginFrame", "thread": "implSide"},

32 {"startTime":1046.000, "type":"DrawFrame", "thread": "implSide"},

33 {"startTime":1048.000, "type":"BeginFrame", "thread": "implSide"},

34 {"startTime":1064.000, "type":"BeginFrame", "thread": "implSide"},

35 {"startTime":1065.001, "endTime":1066, "type":"Paint", "thread": "pa intWorker", "data":{}},

36 {"startTime":1066.001, "endTime":1067, "type":"Paint", "thread": "pa intWorker", "data":{}},

37 {"startTime":1067.001, "endTime":1068, "type":"Paint", "thread": "pa intWorker", "data":{}},

38 {"startTime":1078.000, "type":"DrawFrame", "thread": "implSide"},

39 {"startTime":1080.000, "type":"BeginFrame", "thread": "implSide"},

40 {"startTime":1081.000, "type":"DrawFrame", "thread": "implSide"},

41 {"startTime": 1082.000, "data":{},"endTime":1082.1, "type":"Program" , "children":[]}

42 ],

43 "impl-side with commits": [

44 {"startTime":1000.000, "type":"BeginFrame", "thread": "implSide"},

45 {"startTime":1000.001, "type":"RequestMainThreadFrame", "thread": "i mplSide"},

46 {"startTime":1014.000, "type":"DrawFrame", "thread": "implSide"},

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

48 {"startTime":1030.000, "type":"DrawFrame", "thread": "implSide"},

49 {"startTime":1032.000, "type":"BeginFrame", "thread": "implSide"},

50 {"startTime": 1001.000, "data":{},"endTime":1033.999, "type":"Progra m", "children":[

51 {"startTime":1001.001, "type":"BeginFrame", "data":{"id":"1"}},

52 {"startTime":1001.002, "endTime":1018.999, "type":"FunctionCall" , "data":{}},

53 {"startTime":1019.000, "endTime":1020.999, "type":"StyleRecalcul ate", "data":{}},

54 {"startTime":1021.000, "endTime":1032.999, "type":"Layout", "dat a":{}},

55 {"startTime":1032.000, "endTime":1033.999, "type":"CompositeLaye rs", "data":{}},

56 ]},

57 {"startTime": 1034.000, "data":{},"endTime":1039.999, "type":"Progra m", "children":[

58 {"startTime":1034.002, "endTime":1039.999, "type":"FunctionCall" , "data":{}},

59 ]},

60 {"startTime":1045.001, "type":"ActivateLayerTree", "thread": "implSi de","data":{"id":"1"}},

61 {"startTime":1046.000, "type":"DrawFrame", "thread": "implSide"},

62 {"startTime":1048.000, "type":"BeginFrame", "thread": "implSide"},

63 {"startTime":1048.001, "type":"RequestMainThreadFrame", "thread": "i mplSide"},

64 {"startTime":1060.001, "type":"ActivateLayerTree", "thread": "implSi de","data":{"id":"2"}},

65 {"startTime":1062.000, "type":"DrawFrame", "thread": "implSide"},

66 {"startTime": 1049.000, "data":{},"endTime":1060.999, "type":"Progra m", "children":[

67 {"startTime":1050.001, "type":"BeginFrame", "data":{"id":"2"}},

68 {"startTime":1050.002, "endTime":1060.999, "type":"CompositeLaye rs", "data":{}},

69 ]},

70 {"startTime":1064.000, "type":"BeginFrame", "thread": "implSide"},

71 {"startTime":1064.001, "type":"RequestMainThreadFrame", "thread": "i mplSide"},

72 {"startTime": 1065.000, "data":{},"endTime":1078.999, "type":"Progra m", "children":[

73 {"startTime":1065.001, "type":"BeginFrame"}

74 ]}

75 ],

76 "impl-side with interleaving commits": [

77 {"startTime":1000.000, "type":"BeginFrame", "thread": "implSide"},

78 {"startTime":1000.001, "type":"RequestMainThreadFrame", "thread": "i mplSide"},

79 {"startTime":1014.000, "type":"ActivateLayerTree", "thread": "implSi de","data":{"id":"1"}},

80 {"startTime":1014.001, "type":"DrawFrame", "thread": "implSide"},

81 {"startTime": 1001.000, "data":{},"endTime":1013.999, "type":"Progra m", "children":[

82 {"startTime":1001.001, "type":"BeginFrame", "data":{"id":"1"}},

83 {"startTime":1001.002, "endTime":1013.999, "type":"CompositeLaye rs", "data":{}},

84 ]},

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

86 {"startTime":1016.001, "type":"RequestMainThreadFrame", "thread": "i mplSide"},

87 {"startTime":1030.000, "type":"ActivateLayerTree", "thread": "implSi de","data":{"id":"2"}},

88 {"startTime":1030.001, "type":"DrawFrame", "thread": "implSide"},

89 {"startTime": 1017.000, "data":{},"endTime":1029.999, "type":"Progra m", "children":[

90 {"startTime":1017.001, "type":"BeginFrame", "data":{"id":"2"}},

91 {"startTime":1017.002, "endTime":1025.999, "type":"FunctionCall" , "data":{}},

92 {"startTime":1026.000, "endTime":1029.999, "type":"CompositeLaye rs", "data":{}},

93 ]},

94 {"startTime":1032.000, "type":"BeginFrame", "thread": "implSide"},

95 {"startTime":1032.001, "type":"RequestMainThreadFrame", "thread": "i mplSide"},

96 {"startTime":1046.000, "type":"ActivateLayerTree", "thread": "implSi de","data":{"id":"3"}},

97 {"startTime":1046.001, "type":"DrawFrame", "thread": "implSide"},

98 {"startTime": 1033.000, "data":{},"endTime":1045.999, "type":"Progra m", "children":[

99 {"startTime":1033.001, "type":"BeginFrame", "data":{"id":"3"}},

100 {"startTime":1033.002, "endTime":1040.999, "type":"CompositeLaye rs", "data":{}},

101 {"startTime":1041.002, "endTime":1045.999, "type":"FunctionCall" , "data":{}},

102 ]},

103 {"startTime":1048.000, "type":"BeginFrame", "thread": "implSide"},

104 {"startTime": 1049.000, "data":{},"endTime":1049.999, "type":"Progra m", "children":[

105 ]}

106 ],

107 "pre-frame time accounting": [

108 {"startTime": 1000.000, "data":{},"endTime":1029.999, "type":"Progra m", "children":[

109 {"startTime":1000.002, "endTime":1028.999, "type":"FunctionCall" , "data":{}},

110 {"startTime":1029.000, "endTime":1029.999, "type":"ScheduleStyle Recalculation", "data":{}},

111 ]},

112 {"startTime":1032.000, "type":"BeginFrame", "thread": "implSide"},

113 {"startTime":1032.001, "type":"RequestMainThreadFrame", "thread": "i mplSide"},

114 {"startTime":1034.001, "type":"ActivateLayerTree", "thread": "implSi de", "data":{"id": "1"}},

115 {"startTime":1035.001, "type":"DrawFrame", "thread": "implSide"},

116 {"startTime": 1033.000, "data":{},"endTime":1033.999, "type":"Progra m", "children":[

117 {"startTime":1033.001, "type":"BeginFrame", "data":{"id":"1"}},

118 {"startTime":1033.002, "endTime":1033.400, "type":"RecalculateSt yles", "data":{}},

119 {"startTime":1033.401, "endTime":1033.999, "type":"CompositeLaye rs", "data":{}},

120 ]},

121 {"startTime":1048.000, "type":"BeginFrame", "thread": "implSide"},

122 {"startTime": 1050.000, "data":{},"endTime":1064.999, "type":"Progra m", "children":[

123 {"startTime":1050.002, "endTime":1058.999, "type":"FunctionCall" , "data":{}},

124 {"startTime":1059.000, "type":"InvalidateLayout", "data":{}},

125 ]},

126 {"startTime":1063.001, "type":"DrawFrame", "thread": "implSide"},

127 {"startTime":1064.000, "type":"BeginFrame", "thread": "implSide"},

128 {"startTime":1064.001, "type":"RequestMainThreadFrame", "thread": "i mplSide"},

129 {"startTime":1071.001, "type":"ActivateLayerTree", "thread": "implSi de", "data":{"id": "2"}},

130 {"startTime":1071.002, "type":"DrawFrame", "thread": "implSide"},

131 {"startTime": 1065.000, "data":{},"endTime":1070.999, "type":"Progra m", "children":[

132 {"startTime":1065.001, "type":"BeginFrame", "data":{"id":"2"}},

133 {"startTime":1065.002, "endTime":1068.000, "type":"Layout", "dat a":{}},

134 {"startTime":1068.001, "endTime":1070.999, "type":"CompositeLaye rs", "data":{}},

135 ]},

136 {"startTime":1080.000, "type":"BeginFrame", "thread": "implSide"},

137 {"startTime":1080.001, "type":"RequestMainThreadFrame", "thread": "i mplSide"},

138 {"startTime":1081.001, "type":"ActivateLayerTree", "thread": "implSi de", "data":{"id": "3"}},

139 {"startTime":1081.002, "type":"DrawFrame", "thread": "implSide"},

140 {"startTime": 1073.000, "data":{},"endTime":1080.999, "type":"Progra m", "children":[

141 {"startTime":1073.002, "endTime":1079.999, "type":"ScrollLayer", "data":{}},

142 ]},

143 {"startTime":1096.000, "type":"BeginFrame", "thread": "implSide"},

144 {"startTime":1096.001, "type":"ActivateLayerTree", "thread": "implSi de", "data":{"id": "3"}},

145 {"startTime":1096.002, "type":"DrawFrame", "thread": "implSide"},

146 {"startTime": 1081.000, "data":{},"endTime":1081.999, "type":"Progra m", "children":[

147 {"startTime":1081.001, "type":"BeginFrame", "data":{"id":"3"}},

148 {"startTime":1081.001, "endTime":1081.999, "type":"CompositeLaye rs", "data":{}},

149 ]}

150 ],

151 "record processing order": [

152 {"startTime":1000.000, "type":"DrawFrame", "thread": "implSide"},

153 {"startTime":1000.001, "type":"BeginFrame", "thread": "implSide"},

154 {"startTime":1000.002, "type":"RequestMainThreadFrame", "thread": "i mplSide"},

155 {"startTime":1013.003, "type":"ActivateLayerTree", "thread": "implSi de","data":{"id":"1"}},

156 {"startTime":1013.005, "type":"DrawFrame", "thread": "implSide"},

157 {"startTime":1016.000, "type":"BeginFrame", "thread": "implSide"},

158 {"startTime": 1001.000, "data":{},"endTime":1016.999, "type":"Progra m", "children":[

159 {"startTime":1001.001, "type":"BeginFrame", "data":{"id":"1"}},

160 {"startTime":1001.002, "endTime":1012.999, "type":"FunctionCall" , "data":{}},

161 {"startTime":1013.002, "endTime":1016.999, "type":"CompositeLaye rs", "data":{}},

162 ]},

163 {"startTime":1030.000, "type":"ActivateLayerTree", "thread": "implSi de","data":{"id":"1"}},

164 {"startTime":1030.001, "type":"DrawFrame", "thread": "implSide"},

165 {"startTime":1031.000, "type":"BeginFrame", "thread": "implSide"},

166 {"startTime":1031.002, "type":"RequestMainThreadFrame", "thread": "i mplSide"},

167 {"startTime":1061.000, "type":"ActivateLayerTree", "thread": "implSi de","data":{"id":"1"}},

168 {"startTime":1062.001, "type":"DrawFrame", "thread": "implSide"},

169 {"startTime": 1032.000, "data":{},"endTime":1063.999, "type":"Progra m", "children":[

170 {"startTime":1032.001, "type":"BeginFrame", "data":{"id":"1"}},

171 {"startTime":1032.002, "endTime":1042.999, "type":"FunctionCall" , "data":{}},

172 {"startTime":1043.002, "endTime":1062.999, "type":"CompositeLaye rs", "data":{}},

173 ]},

174 {"startTime":1080.001, "type":"DrawFrame", "thread": "implSide"}

175 ]

176 };

177

178 var timelinePanel = WebInspector.inspectorView.showPanel("timeline");

179 timelinePanel._overviewModeSetting.set("Frames");

180 timelinePanel._onModeChanged();

181 var overview = timelinePanel._overviewPane;

182 var frameModel = overview._overviewControls[0]._frameModel;

183

184 for (var testName in testData) {

185 var data = testData[testName];

186 InspectorTest.loadTimelineRecords(data);

187 InspectorTest.addResult("Test: " + testName);

188 frameModel.frames().forEach(InspectorTest.dumpFrame, InspectorTest);

189 }

190 InspectorTest.completeTest();

191 }

192

193 </script>

194 </head>

195

196 <body onload="runTest()">

197 <p>

198 Test timeline records coalescing

199 </p>

200

201 </body>

202 </html>

OLD	NEW