Index: chrome/browser/resources/tracing/timeline_test.html |
diff --git a/chrome/browser/resources/tracing/timeline_test.html b/chrome/browser/resources/tracing/timeline_test.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..963fab13e03004013aa8ee2e9f1c5fd3199e47e9 |
--- /dev/null |
+++ b/chrome/browser/resources/tracing/timeline_test.html |
@@ -0,0 +1,97 @@ |
+<!DOCTYPE HTML> |
+<html> |
+<!-- |
+Copyright (c) 2011 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>Interactive Timeline Tests</title> |
+<link rel="stylesheet" href="timeline.css"> |
+<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/util.js"></script> |
+<script src="timeline_model.js"></script> |
+<script src="sorted_array_utils.js"></script> |
+<script src="measuring_stick.js"></script> |
+<script src="timeline.js"></script> |
+<script src="timeline_track.js"></script> |
+<script src="fast_rect_renderer.js"></script> |
+<script src="test_utils.js"></script> |
+</head> |
+<body> |
+ <div class="timeline-test" src="./tests/trivial_trace.json" create-detached=1> |
+ </div> |
+ |
+ <div class="timeline-test" src="./tests/trivial_trace.json"> |
+ </div> |
+ |
+ <div class="timeline-test" src="./tests/simple_trace.json"> |
+ </div> |
+ |
+ <div class="timeline-test" src="./tests/nonnested_trace.json"> |
+ </div> |
+ |
+ <div class="timeline-test" src="./tests/tall_trace.json"> |
+ </div> |
+ |
+ <div class="timeline-test" src="./tests/big_trace.json"> |
+ </div> |
+ |
+ <div class="timeline-test" src="./tests/huge_trace.json"> |
+ </div> |
+ |
+ <script> |
+ function load(parentEl) { |
+ var src = parentEl.getAttribute('src'); |
+ if (document.location.hash && document.location.hash.substring(1) != src) { |
+ parentEl.hidden = true; |
+ return; |
+ } |
+ parentEl.hidden = false; |
+ parentEl.textContent = ''; |
+ var titleEl = document.createElement('h3'); |
+ var linkEl = document.createElement('a'); |
+ linkEl.textContent = src; |
+ linkEl.href = '#' + src; |
+ titleEl.appendChild(linkEl); |
+ |
+ var containerEl = document.createElement('div'); |
+ containerEl.tabIndex = 0; |
+ containerEl.style.border = '1px solid red'; |
+ |
+ var timelineEl = document.createElement('div'); |
+ cr.ui.decorate(timelineEl, tracing.Timeline); |
+ timelineEl.focusElement = containerEl; |
+ |
+ parentEl.appendChild(titleEl); |
+ parentEl.appendChild(containerEl); |
+ |
+ // Creating attached vs detached stress tests the canvas- and viewport- |
+ // setup code. |
+ var create_detached = parentEl.getAttribute('create-attached') == 1; |
+ if (create_detached) { |
+ containerEl.appendChild(timelineEl); |
+ test_utils.getJSON(src, function(events) { |
+ var model = new tracing.TimelineModel(events); |
+ timelineEl.model = model; |
+ }); |
+ } else { |
+ test_utils.getJSON(src, function(events) { |
+ var model = new tracing.TimelineModel(events); |
+ timelineEl.model = model; |
+ containerEl.appendChild(timelineEl); |
+ }); |
+ } |
+ } |
+ function onLoad() { |
+ Array.prototype.forEach.call(document.querySelectorAll('.timeline-test'), |
+ load); |
+ } |
+ |
+ document.addEventListener('DOMContentLoaded', onLoad); |
+ window.addEventListener('hashchange', onLoad); |
+ </script> |
+</body> |
+</html> |