1 <!DOCTYPE HTML> 2 <html> 3 <!-- 4 Copyright (c) 2012 The Chromium Authors. All rights reserved. 5 Use of this source code is governed by a BSD-style license that can be 6 found in the LICENSE file. 7 --> 8 <head i18n-values="dir:textdirection;"> 9 <title>TimelineView tests</title> 10 <link rel="stylesheet" href="overlay.css"> 11 <link rel="stylesheet" href="timeline.css"> 12 <link rel="stylesheet" href="timeline_analysis.css"> 13 <link rel="stylesheet" href="timeline_view.css"> 14 <link rel="stylesheet" href="../shared/css/tabs.css"> 15 <script src="http://closure-library.googlecode.com/svn/trunk/closure/goog/base.js"></script> 16 <script src="../shared/js/cr.js"></script> 17 <script src="../shared/js/cr/event_target.js"></script> 18 <script src="../shared/js/cr/ui.js"></script> 19 <script src="../shared/js/cr/ui/tabs.js"></script> 20 <script src="overlay.js"></script> 21 <script src="measuring_stick.js"></script> 22 <script src="profiling_view.js"></script> 23 <script src="timeline_analysis.js"></script> 24 <script src="timeline_view.js"></script> 25 <script src="timeline_model.js"></script> 26 <script src="linux_perf_importer.js"></script> 27 <script src="trace_event_importer.js"></script> 28 <script src="timeline.js"></script> 29 <script src="timeline_track.js"></script> 30 <script src="sorted_array_utils.js"></script> 31 <script src="fast_rect_renderer.js"></script> 32 <script src="test_utils.js"></script> 33 <script> 34 goog.require('goog.testing.jsunit'); 35 </script> 36 <style> 37 .timeline-view { 38 border: 1px solid black; 39 margin: 10px; 40 } 41 .timeline-find-dialog { 42 border: 1px solid black; 43 margin: 10px; 44 } 45 </style> 46 </head> 47 <body> 48 <script> 49 'use strict'; 50 51 function appendTestResult(title, el) { 52 var titleEl = document.createElement('div'); 53 titleEl.textContent = title; 54 titleEl.style.fontSize = '120%'; 55 titleEl.style.marginBottom = '0px'; 56 57 var groupEl = document.createElement('div'); 58 groupEl.style.marginBottom = '48px'; 59 groupEl.style.border = '1px solid black'; 60 61 groupEl.appendChild(el); 62 document.body.appendChild(titleEl); 63 document.body.appendChild(groupEl); 64 } 65 66 function testAnalyzeSingleSlice() { 67 var events = [ 68 {name: 'b', args: {}, pid: 52, ts: 629, cat: 'foo', tid: 53, ph: 'B'}, 69 {name: 'b', args: {}, pid: 52, ts: 631, cat: 'foo', tid: 53, ph: 'E'}, 70 ]; 71 var model = new tracing.TimelineModel(); 72 model.importEvents(events); 73 74 var t53track = new tracing.TimelineThreadTrack(); 75 t53track.thread = model.processes[52].threads[53]; 76 77 var selection = new tracing.TimelineSelection(); 78 t53track.addAllObjectsMatchingFilterToSelection( 79 new tracing.TimelineFilter('b'), selection); 80 assertEquals(1, selection.length); 81 82 var analysisEl = new tracing.TimelineAnalysisView(); 83 analysisEl.selection = selection; 84 85 appendTestResult("Single thread slice", analysisEl); 86 } 87 88 function testAnalyzeMultipleNonNestedSlices() { 89 var events = [ 90 {name: 'a', args: {}, pid: 52, ts: 520, cat: 'foo', tid: 53, ph: 'B'}, 91 {name: 'a', args: {}, pid: 52, ts: 560, cat: 'foo', tid: 53, ph: 'E'}, 92 {name: 'aa', args: {}, pid: 52, ts: 640, cat: 'foo', tid: 53, ph: 'B'}, 93 {name: 'aa', args: {}, pid: 52, ts: 700, cat: 'foo', tid: 53, ph: 'E'}, 94 ]; 95 var model = new tracing.TimelineModel(); 96 model.importEvents(events); 97 98 var t53track = new tracing.TimelineThreadTrack(); 99 t53track.thread = model.processes[52].threads[53]; 100 101 var selection = new tracing.TimelineSelection(); 102 t53track.addAllObjectsMatchingFilterToSelection( 103 new tracing.TimelineFilter('a'), selection); 104 assertEquals(2, selection.length); 105 106 var analysisEl = new tracing.TimelineAnalysisView(); 107 analysisEl.selection = selection; 108 109 appendTestResult("Multiple non nested thread slices", analysisEl); 110 } 111 112 </script> 113 </body> 114 </html> 115
