src/third_party/WebKit/LayoutTests/inspector/tracing/timeline-js-callstacks.html

   1 <html>
   2 <head>
   3 <script src="../../http/tests/inspector/inspector-test.js"></script>
   4 <script src="../tracing-test.js"></script>
   5 <script>
   6 function test()
   7 {
   8     var sessionId = "6.23";
   9     var rawTraceEvents = [
  10     {
  11         "args": {
  12           "name": "Renderer"
  13         },
  14         "cat": "__metadata",
  15         "name": "process_name",
  16         "ph": "M",
  17         "pid": 17851,
  18         "tid": 23,
  19         "ts": 0
  20     },
  21     {
  22         "args": {
  23             "name": "CrRendererMain"
  24         },
  25         "cat": "__metadata",
  26         "name": "thread_name",
  27         "ph": "M",
  28         "pid": 17851,
  29         "tid": 23,
  30         "ts": 0
  31     },
  32     {
  33         "args": {
  34             "sessionId": sessionId
  35         },
  36         "cat": "disabled-by-default-devtools.timeline",
  37         "name": "TracingStartedInPage",
  38         "ph": "I",
  39         "pid": 17851,
  40         "tid": 23,
  41         "ts": 100000,
  42         "tts": 606543
  43     },
  44     {
  45         "args": {},
  46         "cat": "disabled-by-default-devtools.timeline",
  47         "name": "Program",
  48         "ph": "B",
  49         "pid": 17851,
  50         "tid": 23,
  51         "ts": 200000,
  52         "tts": 5612442
  53     },
  54     {
  55         "args": {},
  56         "cat": "disabled-by-default-devtools.timeline",
  57         "name": "JSSample",
  58         "ph": "I",
  59         "pid": 17851,
  60         "tid": 23,
  61         "ts": 208000,
  62         "tts": 1758056
  63     },
  64     {
  65         "args": {
  66             "stack": [
  67                 { "functionName": "c", "scriptId": 1 },
  68                 { "functionName": "b", "scriptId": 1 },
  69                 { "functionName": "a", "scriptId": 1 }
  70             ]
  71         },
  72         "cat": "disabled-by-default-devtools.timeline",
  73         "name": "CallStack",
  74         "ph": "I",
  75         "pid": 17851,
  76         "tid": 23,
  77         "ts": 208000,
  78         "tts": 1758056
  79     },
  80     {
  81         "args": {},
  82         "cat": "disabled-by-default-devtools.timeline",
  83         "name": "FunctionCall",
  84         "ph": "X",
  85         "pid": 17851,
  86         "tid": 23,
  87         "ts": 210000,
  88         "dur": 30000,
  89         "tts": 5612442
  90     },
  91     {
  92         "args": {},
  93         "cat": "disabled-by-default-devtools.timeline",
  94         "name": "JSSample",
  95         "ph": "I",
  96         "pid": 17851,
  97         "tid": 23,
  98         "ts": 211000,
  99         "tts": 1758056
 100     },
 101     {
 102         "args": {
 103             "stack": [
 104                 { "functionName": "c", "scriptId": 1 },
 105                 { "functionName": "b", "scriptId": 1 },
 106                 { "functionName": "a", "scriptId": 1 }
 107             ]
 108         },
 109         "cat": "disabled-by-default-devtools.timeline",
 110         "name": "CallStack",
 111         "ph": "I",
 112         "pid": 17851,
 113         "tid": 23,
 114         "ts": 211000,
 115         "tts": 1758056
 116     },
 117     {
 118         "args": {},
 119         "cat": "disabled-by-default-devtools.timeline",
 120         "name": "JSSample",
 121         "ph": "I",
 122         "pid": 17851,
 123         "tid": 23,
 124         "ts": 219875,
 125         "tts": 1758056
 126     },
 127     {
 128         "args": {
 129             "stack": [
 130                 { "functionName": "c", "scriptId": 1 },
 131                 { "functionName": "b", "scriptId": 1 },
 132                 { "functionName": "a", "scriptId": 1 }
 133             ]
 134         },
 135         "cat": "disabled-by-default-devtools.timeline",
 136         "name": "CallStack",
 137         "ph": "I",
 138         "pid": 17851,
 139         "tid": 23,
 140         "ts": 219875,
 141         "tts": 1758056
 142     },
 143     {
 144         "args": {
 145             "frame": "0x2f7b63884000"
 146         },
 147         "cat": "disabled-by-default-devtools.timeline",
 148         "name": "InvalidateLayout",
 149         "ph": "X",
 150         "pid": 17851,
 151         "tid": 23,
 152         "ts": 220000,
 153         "dur": 7000,
 154         "tts": 1758056
 155     },
 156     {
 157         "args": {
 158             "stack": [
 159                 { "functionName": "b", "scriptId": 1 },
 160                 { "functionName": "a", "scriptId": 1 }
 161             ]
 162         },
 163         "cat": "disabled-by-default-devtools.timeline",
 164         "name": "CallStack",
 165         "ph": "I",
 166         "pid": 17851,
 167         "tid": 23,
 168         "ts": 220000,
 169         "tts": 1758056
 170     },
 171     {
 172         "args": {},
 173         "cat": "disabled-by-default-devtools.timeline",
 174         "name": "JSSample",
 175         "ph": "I",
 176         "pid": 17851,
 177         "tid": 23,
 178         "ts": 220125,
 179         "tts": 1758056
 180     },
 181     {
 182         "args": {
 183             "stack": [
 184                 { "functionName": "c", "scriptId": 1 },
 185                 { "functionName": "b", "scriptId": 1 },
 186                 { "functionName": "a", "scriptId": 1 }
 187             ]
 188         },
 189         "cat": "disabled-by-default-devtools.timeline",
 190         "name": "CallStack",
 191         "ph": "I",
 192         "pid": 17851,
 193         "tid": 23,
 194         "ts": 220125,
 195         "tts": 1758056
 196     },
 197     {
 198         "args": {
 199             "frame": "0x2f7b63884000"
 200         },
 201         "cat": "disabled-by-default-devtools.timeline",
 202         "name": "InvalidateLayout",
 203         "ph": "X",
 204         "pid": 17851,
 205         "tid": 23,
 206         "ts": 221000,
 207         "dur": 3000,
 208         "tts": 1758056
 209     },
 210     {
 211         "args": {
 212             "stack": [
 213                 { "functionName": "e", "scriptId": 1 },
 214                 { "functionName": "d", "scriptId": 1 },
 215                 { "functionName": "b", "scriptId": 1 },
 216                 { "functionName": "a", "scriptId": 1 }
 217             ]
 218         },
 219         "cat": "disabled-by-default-devtools.timeline",
 220         "name": "CallStack",
 221         "ph": "I",
 222         "pid": 17851,
 223         "tid": 23,
 224         "ts": 221000,
 225         "tts": 1758056
 226     },
 227     {
 228         "args": {},
 229         "cat": "disabled-by-default-devtools.timeline",
 230         "name": "JSSample",
 231         "ph": "I",
 232         "pid": 17851,
 233         "tid": 23,
 234         "ts": 222000,
 235         "tts": 1758056
 236     },
 237     {
 238         "args": {
 239             "stack": [
 240                 { "functionName": "g", "scriptId": 1 },
 241                 { "functionName": "f", "scriptId": 1 },
 242                 { "functionName": "b", "scriptId": 1 },
 243                 { "functionName": "a", "scriptId": 1 }
 244             ]
 245         },
 246         "cat": "disabled-by-default-devtools.timeline",
 247         "name": "CallStack",
 248         "ph": "I",
 249         "pid": 17851,
 250         "tid": 23,
 251         "ts": 222000,
 252         "tts": 1758056
 253     },
 254     {
 255         "args": {},
 256         "cat": "disabled-by-default-devtools.timeline",
 257         "name": "JSSample",
 258         "ph": "I",
 259         "pid": 17851,
 260         "tid": 23,
 261         "ts": 227125,
 262         "tts": 1758056
 263     },
 264     {
 265         "args": {
 266             "stack": [
 267                 { "functionName": "g", "scriptId": 1 },
 268                 { "functionName": "e", "scriptId": 1 },
 269                 { "functionName": "b", "scriptId": 1 },
 270                 { "functionName": "a", "scriptId": 1 }
 271             ]
 272         },
 273         "cat": "disabled-by-default-devtools.timeline",
 274         "name": "CallStack",
 275         "ph": "I",
 276         "pid": 17851,
 277         "tid": 23,
 278         "ts": 227125,
 279         "tts": 1758056
 280     },
 281     {
 282         "args": {},
 283         "cat": "disabled-by-default-devtools.timeline",
 284         "name": "JSSample",
 285         "ph": "I",
 286         "pid": 17851,
 287         "tid": 23,
 288         "ts": 227250,
 289         "tts": 1758056
 290     },
 291     {
 292         "args": {
 293             "stack": [
 294                 { "functionName": "g", "scriptId": 1 },
 295                 { "functionName": "e", "scriptId": 1 },
 296                 { "functionName": "b", "scriptId": 1 },
 297                 { "functionName": "a", "scriptId": 1 }
 298             ]
 299         },
 300         "cat": "disabled-by-default-devtools.timeline",
 301         "name": "CallStack",
 302         "ph": "I",
 303         "pid": 17851,
 304         "tid": 23,
 305         "ts": 227250,
 306         "tts": 1758056
 307     },
 308     {
 309         "args": {},
 310         "cat": "disabled-by-default-devtools.timeline",
 311         "name": "JSSample",
 312         "ph": "I",
 313         "pid": 17851,
 314         "tid": 23,
 315         "ts": 230000,
 316         "tts": 1758056
 317     },
 318     {
 319         "args": {
 320             "stack": [
 321                 { "functionName": "a", "scriptId": 1 },
 322                 { "functionName": "l", "scriptId": 1 },
 323                 { "functionName": "f", "scriptId": 1 }
 324             ]
 325         },
 326         "cat": "disabled-by-default-devtools.timeline",
 327         "name": "CallStack",
 328         "ph": "I",
 329         "pid": 17851,
 330         "tid": 23,
 331         "ts": 230000,
 332         "tts": 1758056
 333     },
 334     {
 335         "args": {},
 336         "cat": "disabled-by-default-devtools.timeline",
 337         "name": "JSSample",
 338         "ph": "I",
 339         "pid": 17851,
 340         "tid": 23,
 341         "ts": 230125,
 342         "tts": 1758056
 343     },
 344     {
 345         "args": {
 346             "stack": [
 347                 { "functionName": "a", "scriptId": 1 },
 348                 { "functionName": "l", "scriptId": 1 },
 349                 { "functionName": "f", "scriptId": 1 }
 350             ]
 351         },
 352         "cat": "disabled-by-default-devtools.timeline",
 353         "name": "CallStack",
 354         "ph": "I",
 355         "pid": 17851,
 356         "tid": 23,
 357         "ts": 230125,
 358         "tts": 1758056
 359     },
 360     {
 361         "args": {},
 362         "cat": "disabled-by-default-devtools.timeline",
 363         "name": "Program",
 364         "ph": "E",
 365         "pid": 17851,
 366         "tid": 23,
 367         "ts": 500000,
 368         "tts": 5612506
 369     }
 370     ];
 371
 372     var tracingTimelineModel = InspectorTest.tracingTimelineModel();
 373     tracingTimelineModel.setEventsForTest(rawTraceEvents);
 374     var dataProvider = new WebInspector.TimelineFlameChartDataProvider(tracingTimelineModel, null);
 375     var events = dataProvider._generateJSFrameEvents(tracingTimelineModel.inspectedTargetEvents());
 376     events.map(function(e) {
 377         return e.name + ": " + e.startTime + "(" + (e.duration || 0) + ") " + e.args.data.functionName;
 378     }).forEach(InspectorTest.addResult);
 379     InspectorTest.completeTest();
 380 }
 381
 382 </script>
 383 </head>
 384 <body onload="runTest()">
 385 </body>
 386 </html>
 387