Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(23)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: tools/buildbot/perf/dashboard/report.html

Issue 53061: Fix details.html to handle new data file names and formats. Remove old, unuse... (Closed) Base URL: svn://chrome-svn/chrome/trunk/src/
Patch Set: Created 11 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « tools/buildbot/perf/dashboard/details.html ('k') | tools/buildbot/perf/dashboard/ui/details.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: tools/buildbot/perf/dashboard/report.html
===================================================================
--- tools/buildbot/perf/dashboard/report.html (revision 12364)
+++ tools/buildbot/perf/dashboard/report.html (working copy)
@@ -1,298 +0,0 @@
-<html>
-<head>
-<style>
-body {
- font-family: sans-serif;
-}
-div#output {
- cursor: pointer;
-}
-div#switcher {
- cursor: pointer;
-}
-div#switcher a {
- border-top: 1px solid black;
- border-left: 1px solid black;
- padding-left: 0.5em;
- padding-right: 0.5em;
-}
-canvas.plot {
- border: 1px solid black;
-}
-div.plot-coordinates {
- font-family: monospace;
-}
-iframe {
- display: none;
- width: 100%;
- height: 100%;
- border: none;
-}
-div.selector {
- border: solid 1px black;
- cursor: pointer;
- padding-left: 0.3em;
- background-color: white;
-}
-div.selector:hover {
- background-color: rgb(200,200,250);
-}
-div.selected {
- border-left: none;
-}
-div#selectors {
- width: 80px;
- display: none;
-}
-</style>
-<script src="js/common.js"></script>
-<script src="js/plotter.js"></script>
-<script src="config.js"></script>
-<script>
-document.title = Config.title;
-
-var params = ParseParams();
-if (!('history' in params)) {
- params.history = 150;
- // make this option somewhat user discoverable :-/
- window.location.href = MakeURL(params);
-}
-
-var did_position_details = false;
-
-function units_for_trace() {
- if ('trace' in params && params.trace.indexOf('vm-') == 0) {
- return 'bytes'
- } else if ('trace' in params && params.trace.indexOf('ws-') == 0) {
- return 'bytes'
- } else if ('trace' in params && params.trace.indexOf('io-op') == 0) {
- return 'times'
- } else if ('trace' in params && params.trace.indexOf('io-byte') == 0) {
- return 'KB'
- } else {
- return 'msec'
- }
-}
-
-function go_to(trace) {
- params.trace = trace;
- if (params.trace == '')
- delete params.trace;
- window.location.href = MakeURL(params);
-}
-
-function get_url() {
- new_url = window.location.href;
- new_url = new_url.replace(/50/, "150");
- new_url = new_url.replace(/\&lookout/, "");
- return new_url;
-}
-
-
-function on_clicked_plot(prev_cl, cl, value, fuzz, e) {
- if ('lookout' in params) {
- window.open(get_url());
- return;
- }
- var view_url =
- '../../dashboard/changelog.html?url=trunk/src&range=' +
- prev_cl + ':' + cl
- document.getElementById('view-change').
- setAttribute('src', view_url);
-
- document.getElementById('view-pages').
- setAttribute('src', 'details.html?cl=' + cl);
-
- if (!did_position_details) {
- position_details();
- did_position_details = true;
- }
-}
-
-function received_summary(data) {
- var xvals = [];
- var yvals = [];
- var ydevs = [];
- var yrefs = [];
-
- var rows = data.split('\n');
- var max_rows = rows.length;
- if (max_rows > params.history)
- max_rows = params.history
- var index = 0;
- for (var i = 0; i < max_rows; ++i) {
- // ignore ill-formatted data
- if (rows[i].match(/[\d\.]+ [\d\.]+ [\d\.]+/) == null)
- continue;
- var cols = rows[i].split(' ');
- xvals[index] = parseFloat(cols[0]);
- yvals[index] = parseFloat(cols[1]);
- if (cols.length == 3) {
- ydevs[index] = 0;
- yrefs[index] = parseFloat(cols[2]);
- } else {
- ydevs[index] = parseFloat(cols[2]);
- yrefs[index] = parseFloat(cols[3]);
- }
- index++;
- }
- xvals.reverse();
- yvals.reverse();
- ydevs.reverse();
- yrefs.reverse();
-
- var output = document.getElementById("output");
-
- // make this a global so it persists
- plotter = new Plotter(xvals, yvals, ydevs, output, true);
- plotter.units = units_for_trace()
- plotter.addAlternateData(yrefs, "rgba(230,80,150,0.5)");
- plotter.onclick = on_clicked_plot;
- plotter.plot();
-}
-
-function fetch_summary() {
- if ('trace' in params)
- file = "summary-" + params.trace + ".dat"
- else
- file = "summary.dat"
- Fetch(file, received_summary);
-}
-
-function position_details() {
- var output = document.getElementById("output");
-
- var win_height = window.innerHeight;
-
- var details = document.getElementById("views");
-
- var views = document.getElementById("views");
- var selectors = document.getElementById("selectors");
- selectors.style.display = "block";
-
- var views_width = output.offsetWidth - selectors.offsetWidth;
-
- views.style.border = "1px solid black";
- views.style.width = views_width + "px";
- views.style.height = (win_height - output.offsetHeight - output.offsetTop - 30) + "px";
-
- selectors.style.position = "absolute";
- selectors.style.left = (views.offsetLeft + views_width + 1) + "px";
- selectors.style.top = views.offsetTop + "px";
-
- change_view("view-change");
-}
-
-function change_view(target) {
- if (target == "view-change") {
- document.getElementById("view-pages").style.display = "none";
- document.getElementById("view-change").style.display = "block";
- } else {
- document.getElementById("view-change").style.display = "none";
- document.getElementById("view-pages").style.display = "block";
- }
-}
-
-function init() {
- fetch_summary();
-}
-
-window.addEventListener("load", init, false);
-</script>
-</head>
-<body>
-<p>
-<div id="header_lookout" align="center">
- <font style='color: #0066FF; font-family: Arial, serif;font-size: 16pt; font-weight: bold;'>
- <script>
- document.write("<a target=\"_blank\" href=\"");
- document.write(get_url());
- document.write("\">");
- document.write(Config.title);
- document.write("</a>");
- </script>
- </font>
-</div>
-<div id="header_text">
-Builds generated by a <a href="http://buildbot.chromium.org/">Chromium build slave</a>
- are run through the <b>
-<script>
-document.write(Config.title);
-</script>
-</b>and the results of that test are charted here.
-</div>
-</p>
-<p style="font-size: 0.75em; font-style: italic; color: rgb(100,100,100)">
-<div id="explain">
-<script>
-if ('trace' in params && params.trace == 'vm-peak-renderer') {
- document.write(
- "The vertical axis is the peak vm usage for the renderer process, and " +
- "the horizontal axis is the change-list for the build being tested. The " +
- "pink trace shows the results for the reference build.")
-} else if ('trace' in params && params.trace == 'vm-peak-browser') {
- document.write(
- "The vertical axis is the peak vm usage for the browser process, and " +
- "the horizontal axis is the change-list for the build being tested. The " +
- "pink trace shows the results for the reference build.")
-} else if ('trace' in params && params.trace == 'ws-peak-renderer') {
- document.write(
- "The vertical axis is the peak memory working-set usage for the renderer " +
- "process, and the horizontal axis is the change-list for the build being " +
- "tested. The pink trace shows the results for the reference build.")
-} else if ('trace' in params && params.trace == 'ws-peak-browser') {
- document.write(
- "The vertical axis is the peak memory working-set usage for the browser " +
- "process, and the horizontal axis is the change-list for the build being " +
- "tested. The pink trace shows the results for the reference build.")
-} else if ('trace' in params && params.trace == 'io-op-browser') {
- document.write(
- "This is an experimental page to track IO performance.")
-} else if ('trace' in params && params.trace == 'io-byte-browser') {
- document.write(
- "This is an experimental page to track IO performance.")
-} else {
- document.write(
- "The vertical axis is the time in milliseconds for the build to complete " +
- "the test, and the horizontal axis is the change-list for the build " +
- "being tested. Vertical error bars correspond to standard deviation. " +
- "The pink trace shows the results for the reference build.")
-}
-</script>
-</div>
-</p>
-<div id="switcher">
- <a onclick="go_to('')">page-load-time</a>
- <a onclick="go_to('vm-peak-browser')">vm-peak-browser</a>
- <a onclick="go_to('vm-peak-renderer')">vm-peak-renderer</a>
- <a onclick="go_to('ws-peak-browser')">ws-peak-browser</a>
- <a onclick="go_to('ws-peak-renderer')">ws-peak-renderer</a>
- <a onclick="go_to('io-op-browser')">io-op-browser</a>
- <a onclick="go_to('io-byte-browser')">io-byte-browser</a>
-</div>
-<div id="output"></div>
-<div id="details">
- <div id="views">
- <iframe id="view-change"></iframe>
- <iframe id="view-pages"></iframe>
- </div>
- <div id="selectors">
- <div class="selector" onclick="change_view('view-change')">CL</div>
- <div style="border-top: none" class="selector" onclick="change_view('view-pages')">Pages</div>
- </div>
-</div>
-<pre id="log"></pre>
-
-<script>
-if ('lookout' in params) {
- switcher.style.display = "none";
- details.style.display = "none";
- header_text.style.display = "none";
- explain.style.display = "none";
- selection.style.display = "none";
-} else {
- document.getElementById("header_lookout").style.display = "none";
-}
-</script>
-</body>
-</html>
« no previous file with comments | « tools/buildbot/perf/dashboard/details.html ('k') | tools/buildbot/perf/dashboard/ui/details.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698