Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test gets skipped with pattern: os == 'win'
- Manifest: devtools/client/shared/test/browser.toml
/* Any copyright is dedicated to the Public Domain.
"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;
// 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",
);
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"
);
}