108 lines
2.9 KiB
JavaScript
108 lines
2.9 KiB
JavaScript
/* Any copyright is dedicated to the Public Domain.
|
|
http://creativecommons.org/publicdomain/zero/1.0/ */
|
|
|
|
"use strict";
|
|
|
|
const TEST_URI =
|
|
"data:text/html;charset=utf-8," +
|
|
"<p>browser_telemetry_button_responsive.js</p>";
|
|
|
|
// Because we need to gather stats for the period of time that a tool has been
|
|
// opened we make use of setTimeout() to create tool active times.
|
|
const TOOL_DELAY = 200;
|
|
|
|
const asyncStorage = require("resource://devtools/shared/async-storage.js");
|
|
|
|
// Toggling the RDM UI involves several docShell swap operations, which are somewhat slow
|
|
// on debug builds. Usually we are just barely over the limit, so a blanket factor of 2
|
|
// should be enough.
|
|
requestLongerTimeout(2);
|
|
|
|
Services.prefs.clearUserPref("devtools.responsive.html.displayedDeviceList");
|
|
|
|
registerCleanupFunction(() => {
|
|
Services.prefs.clearUserPref("devtools.responsive.html.displayedDeviceList");
|
|
asyncStorage.removeItem("devtools.devices.local");
|
|
});
|
|
|
|
loader.lazyRequireGetter(
|
|
this,
|
|
"ResponsiveUIManager",
|
|
"resource://devtools/client/responsive/manager.js"
|
|
);
|
|
|
|
add_task(async function () {
|
|
await addTab(TEST_URI);
|
|
startTelemetry();
|
|
|
|
const tab = gBrowser.selectedTab;
|
|
const toolbox = await gDevTools.showToolboxForTab(tab, {
|
|
toolId: "inspector",
|
|
});
|
|
info("inspector opened");
|
|
|
|
info("testing the responsivedesign button");
|
|
await testButton(tab, toolbox);
|
|
|
|
await toolbox.destroy();
|
|
gBrowser.removeCurrentTab();
|
|
});
|
|
|
|
async function testButton(tab, toolbox) {
|
|
info("Testing command-button-responsive");
|
|
|
|
const button = toolbox.doc.querySelector("#command-button-responsive");
|
|
ok(button, "Captain, we have the button");
|
|
|
|
await delayedClicks(tab, button, 4);
|
|
|
|
checkResults();
|
|
}
|
|
|
|
function waitForToggle() {
|
|
return new Promise(resolve => {
|
|
const handler = () => {
|
|
ResponsiveUIManager.off("on", handler);
|
|
ResponsiveUIManager.off("off", handler);
|
|
resolve();
|
|
};
|
|
ResponsiveUIManager.on("on", handler);
|
|
ResponsiveUIManager.on("off", handler);
|
|
});
|
|
}
|
|
|
|
var delayedClicks = async function (tab, node, clicks) {
|
|
for (let i = 0; i < clicks; i++) {
|
|
info("Clicking button " + node.id);
|
|
const toggled = waitForToggle();
|
|
node.click();
|
|
await toggled;
|
|
// See TOOL_DELAY for why we need setTimeout here
|
|
await DevToolsUtils.waitForTime(TOOL_DELAY);
|
|
|
|
// When opening RDM
|
|
if (i % 2 == 0) {
|
|
// wait for RDM to be fully loaded to prevent Promise rejection when closing
|
|
await waitFor(() => ResponsiveUIManager.isActiveForTab(tab));
|
|
const rdmUI = ResponsiveUIManager.getResponsiveUIForTab(tab);
|
|
await waitForRDMLoaded(rdmUI);
|
|
}
|
|
}
|
|
};
|
|
|
|
function checkResults() {
|
|
// For help generating these tests use generateTelemetryTests("DEVTOOLS_RESPONSIVE_")
|
|
// here.
|
|
checkTelemetry(
|
|
"DEVTOOLS_RESPONSIVE_OPENED_COUNT",
|
|
"",
|
|
{ 0: 2, 1: 0 },
|
|
"array"
|
|
);
|
|
checkTelemetry(
|
|
"DEVTOOLS_RESPONSIVE_TIME_ACTIVE_SECONDS",
|
|
"",
|
|
null,
|
|
"hasentries"
|
|
);
|
|
}
|