1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
|
/* 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"
);
}
|
