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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
|
/* -*- Mode: indent-tabs-mode: nil; js-indent-level: 2 -*- */
/* vim: set sts=2 sw=2 et tw=80: */
"use strict";
// This test is based on browser_ext_popup_select.js.
const iframeSrc = encodeURIComponent(`
<html>
<style>
html,body {
margin: 0;
padding: 0;
}
</style>
<select>
<option>Foo</option>
<option>Bar</option>
<option>Baz</option>
</select>
</html>`);
add_task(async function testPopupSelectPopup() {
let extension = ExtensionTestUtils.loadExtension({
manifest: {
browser_action: {
default_popup: "popup.html",
browser_style: false,
},
},
files: {
"popup.html": `<!DOCTYPE html>
<html>
<head><meta charset="utf-8"></head>
<style>
html,body {
margin: 0;
padding: 0;
}
iframe {
border: none;
}
</style>
<body>
<iframe src="https://example.com/document-builder.sjs?html=${iframeSrc}">
</iframe>
</body>
</html>`,
},
});
await extension.startup();
const browserForPopup = await openBrowserActionPanel(
extension,
undefined,
true
);
const iframe = await SpecialPowers.spawn(browserForPopup, [], async () => {
await ContentTaskUtils.waitForCondition(() => {
return content.document && content.document.querySelector("iframe");
});
const iframeElement = content.document.querySelector("iframe");
await ContentTaskUtils.waitForCondition(() => {
return iframeElement.browsingContext;
});
return iframeElement.browsingContext;
});
const selectRect = await SpecialPowers.spawn(iframe, [], async () => {
await ContentTaskUtils.waitForCondition(() => {
return content.document.querySelector("select");
});
const select = content.document.querySelector("select");
const focusPromise = new Promise(resolve => {
select.addEventListener("focus", resolve, { once: true });
});
select.focus();
await focusPromise;
const r = select.getBoundingClientRect();
return { left: r.left, bottom: r.bottom };
});
const popupPromise = BrowserTestUtils.waitForSelectPopupShown(window);
BrowserTestUtils.synthesizeMouseAtCenter("select", {}, iframe);
const selectPopup = await popupPromise;
let popupRect = selectPopup.getOuterScreenRect();
let popupMarginLeft = parseFloat(getComputedStyle(selectPopup).marginLeft);
let popupMarginTop = parseFloat(getComputedStyle(selectPopup).marginTop);
const offsetToSelectedItem =
selectPopup.querySelector("menuitem[selected]").getBoundingClientRect()
.top - selectPopup.getBoundingClientRect().top;
info(
`Browser is at ${browserForPopup.screenY}, popup is at ${popupRect.top} with ${offsetToSelectedItem} to the selected item`
);
is(
Math.floor(browserForPopup.screenX + selectRect.left),
popupRect.left - popupMarginLeft,
"Select popup has the correct x origin"
);
// On Mac select popup window appears aligned to the selected option.
let expectedY = navigator.platform.includes("Mac")
? Math.floor(browserForPopup.screenY - offsetToSelectedItem)
: Math.floor(browserForPopup.screenY + selectRect.bottom);
is(
expectedY,
popupRect.top - popupMarginTop,
"Select popup has the correct y origin"
);
const onPopupHidden = BrowserTestUtils.waitForEvent(
selectPopup,
"popuphidden"
);
selectPopup.hidePopup();
await onPopupHidden;
await closeBrowserAction(extension);
await extension.unload();
});
|
