<!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>