src/third_party/WebKit/LayoutTests/inspector/tracing/timeline-filtering.html

   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
   7 function test()
   8 {
   9     var sessionId = "4.20";
  10     var mainThread = 1;
  11     var pid = 100;
  12
  13     var testData = [
  14         {
  15             "args": { "sessionId": sessionId },
  16             "cat": "disabled-by-default-devtools.timeline",
  17             "name": "TracingStartedInPage",
  18             "ph": "I",
  19             "pid": pid,
  20             "tid": mainThread,
  21             "ts": 100,
  22         },
  23         {"name": "Program", "ts": 1000000, "ph": "B", "tid": mainThread, "pid": pid, "cat":"disabled-by-default.devtools.timeline", "args": {}},
  24             {"name": "TimeStamp", "ts": 1010000, "ph": "B", "tid": mainThread, "pid": pid, "cat":"disabled-by-default.devtools.timeline", "args": {"data":{"message":"bar01"}}},
  25                 {"name": "TimeStamp", "ts": 1020000, "ph": "I", "tid": mainThread, "pid": pid, "cat":"disabled-by-default.devtools.timeline", "args": {"data":{"message":"bar02"}}},
  26                 {"name": "TimeStamp", "ts": 1120000, "ph": "I", "tid": mainThread, "pid": pid, "cat":"disabled-by-default.devtools.timeline", "args": {"data":{"message":"bar03"}}},
  27             {"name": "TimeStamp", "ts": 1180000, "ph": "E", "tid": mainThread, "pid": pid, "cat":"disabled-by-default.devtools.timeline", "args": {}},
  28             {"name": "TimeStamp", "ts": 1210000, "ph": "B", "tid": mainThread, "pid": pid, "cat":"disabled-by-default.devtools.timeline", "args": {"data":{"message":"bar04"}}},
  29                 {"name": "TimeStamp", "ts": 1220000, "ph": "I", "tid": mainThread, "pid": pid, "cat":"disabled-by-default.devtools.timeline", "args": {"data":{"message":"foo05"}}},
  30                 {"name": "TimeStamp", "ts": 1320000, "ph": "I", "tid": mainThread, "pid": pid, "cat":"disabled-by-default.devtools.timeline", "args": {"data":{"message":"bar06"}}},
  31             {"name": "TimeStamp", "ts": 1380000, "ph": "E", "tid": mainThread, "pid": pid, "cat":"disabled-by-default.devtools.timeline", "args": {}},
  32             {"name": "TimeStamp", "ts": 1410000, "ph": "B", "tid": mainThread, "pid": pid, "cat":"disabled-by-default.devtools.timeline", "args": {"data":{"message":"bar07"}}},
  33                 {"name": "TimeStamp", "ts": 1420000, "ph": "I", "tid": mainThread, "pid": pid, "cat":"disabled-by-default.devtools.timeline", "args": {"data":{"message":"foo08"}}},
  34                 {"name": "TimeStamp", "ts": 1520000, "ph": "I", "tid": mainThread, "pid": pid, "cat":"disabled-by-default.devtools.timeline", "args": {"data":{"message":"foo09"}}},
  35             {"name": "TimeStamp", "ts": 1580000, "ph": "E", "tid": mainThread, "pid": pid, "cat":"disabled-by-default.devtools.timeline", "args": {}},
  36         {"name": "Program", "ts": 1990000, "ph": "E", "tid": mainThread, "pid": pid, "cat":"disabled-by-default.devtools.timeline", "args": {}},
  37         {"name": "Program", "ts": 2000000, "ph": "B", "tid": mainThread, "pid": pid, "cat":"disabled-by-default.devtools.timeline", "args": {}},
  38             {"name": "TimeStamp", "ts": 2010000, "ph": "B", "tid": mainThread, "pid": pid, "cat":"disabled-by-default.devtools.timeline", "args": {"data":{"message":"foo10"}}},
  39                 {"name": "TimeStamp", "ts": 2020000, "ph": "I", "tid": mainThread, "pid": pid, "cat":"disabled-by-default.devtools.timeline", "args": {"data":{"message":"bar11"}}},
  40                 {"name": "TimeStamp", "ts": 2120000, "ph": "I", "tid": mainThread, "pid": pid, "cat":"disabled-by-default.devtools.timeline", "args": {"data":{"message":"bar12"}}},
  41             {"name": "TimeStamp", "ts": 2180000, "ph": "E", "tid": mainThread, "pid": pid, "cat":"disabled-by-default.devtools.timeline", "args": {}},
  42             {"name": "TimeStamp", "ts": 2210000, "ph": "B", "tid": mainThread, "pid": pid, "cat":"disabled-by-default.devtools.timeline", "args": {"data":{"message":"foo13"}}},
  43                 {"name": "TimeStamp", "ts": 2220000, "ph": "I", "tid": mainThread, "pid": pid, "cat":"disabled-by-default.devtools.timeline", "args": {"data":{"message":"foo14"}}},
  44                 {"name": "TimeStamp", "ts": 2320000, "ph": "I", "tid": mainThread, "pid": pid, "cat":"disabled-by-default.devtools.timeline", "args": {"data":{"message":"bar15"}}},
  45             {"name": "TimeStamp", "ts": 2380000, "ph": "E", "tid": mainThread, "pid": pid, "cat":"disabled-by-default.devtools.timeline", "args": {}},
  46             {"name": "TimeStamp", "ts": 2410000, "ph": "B", "tid": mainThread, "pid": pid, "cat":"disabled-by-default.devtools.timeline", "args": {"data":{"message":"foo16"}}},
  47                 {"name": "TimeStamp", "ts": 2420000, "ph": "I", "tid": mainThread, "pid": pid, "cat":"disabled-by-default.devtools.timeline", "args": {"data":{"message":"foo17"}}},
  48                 {"name": "TimeStamp", "ts": 2520000, "ph": "I", "tid": mainThread, "pid": pid, "cat":"disabled-by-default.devtools.timeline", "args": {"data":{"message":"foo18"}}},
  49             {"name": "TimeStamp", "ts": 2580000, "ph": "E", "tid": mainThread, "pid": pid, "cat":"disabled-by-default.devtools.timeline", "args": {}},
  50         {"name": "Program", "ts": 2590000, "ph": "E", "tid": mainThread, "pid": pid, "cat":"disabled-by-default.devtools.timeline", "args": {}}
  51     ];
  52
  53     var panel = WebInspector.panels.timeline;
  54     var model = InspectorTest.timelinePresentationModel();
  55
  56     InspectorTest.timelineModel().setEventsForTest(testData);
  57
  58     function printRecord(record)
  59     {
  60         var prefix = [];
  61         var current = record.presentationParent();
  62         while (current) {
  63             current = current.presentationParent();
  64             prefix.push(" ");
  65         }
  66         var mark = record.expandable() ? (record.collapsed() ? "+" : "-") : " ";
  67         InspectorTest.addResult(prefix.join("") + mark + record.record().data().message);
  68     }
  69
  70     function dumpRecords()
  71     {
  72         var records = model.filteredRecords();
  73         for (var i = 0; i < records.length; ++i)
  74             printRecord(records[i]);
  75         InspectorTest.addResult("");
  76     }
  77
  78     InspectorTest.addResult("Initial:");
  79     dumpRecords();
  80
  81     InspectorTest.addResult("Filtered by 'bar':");
  82     panel._filters._textFilterUI.setValue("bar");
  83     dumpRecords();
  84
  85     InspectorTest.addResult("Collapsed 'bar04' and 'foo13':");
  86     var records = model.filteredRecords();
  87     var collapseList = {"bar04":true, "foo13": true};
  88     for (var i = 0; i < records.length; ++i) {
  89         var record = records[i];
  90         if (collapseList[record.record().data().message])
  91             record.setCollapsed(true);
  92     }
  93     model.invalidateFilteredRecords();
  94     dumpRecords();
  95
  96     InspectorTest.addResult("Filtered by 'foo':");
  97     panel._filters._textFilterUI.setValue("foo");
  98     dumpRecords();
  99
 100     InspectorTest.completeTest();
 101 }
 102
 103 </script>
 104 </head>
 105
 106 <body onload="runTest()">
 107 <p>
 108 Test filtering on timeline panel.</a>
 109 </p>
 110
 111 </body>
 112 </html>