Mypal/devtools/server/tests/mochitest/test_framerate_01.html
2019-03-11 13:26:37 +03:00

142 lines
4.1 KiB
HTML

<!DOCTYPE HTML>
<html>
<!--
Bug 1007200 - Create a framerate actor
-->
<head>
<meta charset="utf-8">
<title>Framerate actor test</title>
<script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" type="text/css" href="chrome://mochikit/content/tests/SimpleTest/test.css">
</head>
<body>
<pre id="test">
<script>
window.onload = function() {
var Cu = Components.utils;
var Cc = Components.classes;
var Ci = Components.interfaces;
var { require } = Cu.import("resource://devtools/shared/Loader.jsm", {});
var Services = require("Services");
var { DebuggerClient } = require("devtools/shared/client/main");
var { DebuggerServer } = require("devtools/server/main");
// Always log packets when running tests.
Services.prefs.setBoolPref("devtools.debugger.log", true);
SimpleTest.registerCleanupFunction(function() {
Services.prefs.clearUserPref("devtools.debugger.log");
});
SimpleTest.waitForExplicitFinish();
var {FramerateFront} = require("devtools/shared/fronts/framerate");
function plotFPS(ticks, interval = 100, clamp = 60) {
var timeline = [];
var totalTicks = ticks.length;
// If the refresh driver didn't get a chance to tick before the
// recording was stopped, assume framerate was 0.
if (totalTicks == 0) {
timeline.push({ delta: 0, value: 0 });
timeline.push({ delta: interval, value: 0 });
return timeline;
}
var frameCount = 0;
var prevTime = ticks[0];
for (var i = 1; i < totalTicks; i++) {
var currTime = ticks[i];
frameCount++;
var elapsedTime = currTime - prevTime;
if (elapsedTime < interval) {
continue;
}
var framerate = Math.min(1000 / (elapsedTime / frameCount), clamp);
timeline.push({ delta: prevTime, value: framerate });
timeline.push({ delta: currTime, value: framerate });
frameCount = 0;
prevTime = currTime;
}
return timeline;
};
if (!DebuggerServer.initialized) {
DebuggerServer.init();
DebuggerServer.addBrowserActors();
}
var client = new DebuggerClient(DebuggerServer.connectPipe());
client.connect().then(function onConnect() {
client.listTabs(function onListTabs(aResponse) {
var form = aResponse.tabs[aResponse.selected];
var front = FramerateFront(client, form);
window.setTimeout(() => {
front.startRecording().then(() => {
window.setTimeout(() => {
front.stopRecording().then(rawData => {
onRecordingStopped(front, rawData);
});
}, 1000);
});
}, 1000);
});
});
function onRecordingStopped(front, rawData) {
ok(rawData, "There should be a recording available.");
var timeline = plotFPS(rawData);
ok(timeline.length >= 2,
"There should be at least one measurement available, with two entries.");
var prevTimeStart = timeline[0].delta;
for (var i = 0; i < timeline.length; i += 2) {
var currTimeStart = timeline[i].delta;
var currTimeEnd = timeline[i + 1].delta;
info("Testing delta: " + currTimeStart + " vs. " + currTimeEnd);
ok(currTimeStart < currTimeEnd,
"The start and end time deltas should be consecutive.");
is(currTimeStart, prevTimeStart,
"There should be two time deltas for each framerate value.");
prevTimeStart = currTimeEnd;
}
var prevFramerateValue = -1;
for (var i = 0; i < timeline.length; i += 2) {
var currFramerateStart = timeline[i].value;
var currFramerateEnd = timeline[i + 1].value;
info("Testing framerate: " + currFramerateStart);
is(currFramerateStart, currFramerateEnd,
"The start and end framerate values should be equal.");
is(typeof currFramerateStart, "number", "All values should be numbers.");
ok(currFramerateStart <= 60, "All values were correctly clamped.")
prevFramerateValue = currFramerateStart;
}
client.close().then(() => {
DebuggerServer.destroy();
SimpleTest.finish()
});
}
}
</script>
</pre>
</body>
</html>