timeline_analysis_test.html - Android社区 - https://www.androidos.net.cn/

<!DOCTYPE HTML>
<html>
<!--
Copyright (c) 2012 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->
<head i18n-values="dir:textdirection;">
<title>TimelineView tests</title>
<link rel="stylesheet" href="overlay.css">
<link rel="stylesheet" href="timeline.css">
<link rel="stylesheet" href="timeline_analysis.css">
<link rel="stylesheet" href="timeline_view.css">
<link rel="stylesheet" href="../shared/css/tabs.css">
<script src="http://closure-library.googlecode.com/svn/trunk/closure/goog/base.js"></script>
<script src="../shared/js/cr.js"></script>
<script src="../shared/js/cr/event_target.js"></script>
<script src="../shared/js/cr/ui.js"></script>
<script src="../shared/js/cr/ui/tabs.js"></script>
<script src="overlay.js"></script>
<script src="measuring_stick.js"></script>
<script src="profiling_view.js"></script>
<script src="timeline_analysis.js"></script>
<script src="timeline_view.js"></script>
<script src="timeline_model.js"></script>
<script src="linux_perf_importer.js"></script>
<script src="trace_event_importer.js"></script>
<script src="timeline.js"></script>
<script src="timeline_track.js"></script>
<script src="sorted_array_utils.js"></script>
<script src="fast_rect_renderer.js"></script>
<script src="test_utils.js"></script>
<script>
  goog.require('goog.testing.jsunit');
</script>
<style>
  .timeline-view {
    border: 1px solid black;
    margin: 10px;
  }
  .timeline-find-dialog {
    border: 1px solid black;
    margin: 10px;
  }
</style>
</head>
<body>
  <script>
    'use strict';

    function appendTestResult(title, el) {
      var titleEl = document.createElement('div');
      titleEl.textContent = title;
      titleEl.style.fontSize = '120%';
      titleEl.style.marginBottom = '0px';

      var groupEl = document.createElement('div');
      groupEl.style.marginBottom = '48px';
      groupEl.style.border = '1px solid black';

      groupEl.appendChild(el);
      document.body.appendChild(titleEl);
      document.body.appendChild(groupEl);
    }

    function testAnalyzeSingleSlice() {
      var events = [
        {name: 'b', args: {}, pid: 52, ts: 629, cat: 'foo', tid: 53, ph: 'B'},
        {name: 'b', args: {}, pid: 52, ts: 631, cat: 'foo', tid: 53, ph: 'E'},
      ];
      var model = new tracing.TimelineModel();
      model.importEvents(events);

      var t53track = new tracing.TimelineThreadTrack();
      t53track.thread = model.processes[52].threads[53];

      var selection = new tracing.TimelineSelection();
      t53track.addAllObjectsMatchingFilterToSelection(
        new tracing.TimelineFilter('b'), selection);
      assertEquals(1, selection.length);

      var analysisEl = new tracing.TimelineAnalysisView();
      analysisEl.selection = selection;

      appendTestResult("Single thread slice", analysisEl);
    }

    function testAnalyzeMultipleNonNestedSlices() {
      var events = [
        {name: 'a', args: {}, pid: 52, ts: 520, cat: 'foo', tid: 53, ph: 'B'},
        {name: 'a', args: {}, pid: 52, ts: 560, cat: 'foo', tid: 53, ph: 'E'},
        {name: 'aa', args: {}, pid: 52, ts: 640, cat: 'foo', tid: 53, ph: 'B'},
        {name: 'aa', args: {}, pid: 52, ts: 700, cat: 'foo', tid: 53, ph: 'E'},
      ];
      var model = new tracing.TimelineModel();
      model.importEvents(events);

      var t53track = new tracing.TimelineThreadTrack();
      t53track.thread = model.processes[52].threads[53];

      var selection = new tracing.TimelineSelection();
      t53track.addAllObjectsMatchingFilterToSelection(
        new tracing.TimelineFilter('a'), selection);
      assertEquals(2, selection.length);

      var analysisEl = new tracing.TimelineAnalysisView();
      analysisEl.selection = selection;

      appendTestResult("Multiple non nested thread slices", analysisEl);
    }

  </script>
</body>
</html>