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
|
"use strict";
// Check that Inspect Element works in Responsive Design Mode.
const TEST_URI = `${URL_ROOT}doc_contextmenu_inspect.html`;
addRDMTask(TEST_URI, async function ({ ui, manager }) {
info("Open the responsive design mode and set its size to 500x500 to start");
await setViewportSize(ui, manager, 500, 500);
info("Open the inspector, rule-view and select the test node");
const { inspector } = await openRuleView();
const startNodeFront = inspector.selection.nodeFront;
is(startNodeFront.displayName, "body", "body element is selected by default");
const onSelected = inspector.once("inspector-updated");
const contentAreaContextMenu = document.querySelector(
"#contentAreaContextMenu"
);
const contextOpened = once(contentAreaContextMenu, "popupshown");
info("Simulate a context menu event from the top browser.");
BrowserTestUtils.synthesizeMouse(
ui.getViewportBrowser(),
250,
100,
{
type: "contextmenu",
button: 2,
},
ui.tab.linkedBrowser
);
await contextOpened;
info("Triggering the inspect action");
await gContextMenu.inspectNode();
info("Hiding the menu");
const contextClosed = once(contentAreaContextMenu, "popuphidden");
contentAreaContextMenu.hidePopup();
await contextClosed;
await onSelected;
const newNodeFront = inspector.selection.nodeFront;
is(
newNodeFront.displayName,
"div",
"div element is selected after using Inspect Element"
);
await closeToolbox();
});
|
