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
|
/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
/**
* Tests that if the user mousedown's on a Picture-in-Picture toggle,
* but then mouseup's on something completely different, that we still
* open a Picture-in-Picture window, and that the mouse button events are
* all suppressed. Also ensures that a subsequent click on the document
* body results in all mouse button events firing normally.
*/
add_task(async () => {
await BrowserTestUtils.withNewTab(
{
gBrowser,
url: TEST_PAGE,
},
async browser => {
await SimpleTest.promiseFocus(browser);
await ensureVideosReady(browser);
let videoID = "no-controls";
await prepareForToggleClick(browser, videoID);
// Hover the mouse over the video to reveal the toggle, which is necessary
// if we want to click on the toggle.
await BrowserTestUtils.synthesizeMouseAtCenter(
`#${videoID}`,
{
type: "mousemove",
},
browser
);
await BrowserTestUtils.synthesizeMouseAtCenter(
`#${videoID}`,
{
type: "mouseover",
},
browser
);
info("Waiting for toggle to become visible");
await toggleOpacityReachesThreshold(browser, videoID, "hoverVideo");
let toggleClientRect = await getToggleClientRect(browser, videoID);
// The toggle center, because of how it slides out, is actually outside
// of the bounds of a click event. For now, we move the mouse in by a
// hard-coded 15 pixels along the x and y axis to achieve the hover.
let toggleLeft = toggleClientRect.left + 15;
let toggleTop = toggleClientRect.top + 15;
info(
"Clicking on toggle, and expecting a Picture-in-Picture window to open"
);
// We need to wait for the window to have completed loading before we
// can close it as the document's type required by closeWindow may not
// be available.
let domWindowOpened = BrowserTestUtils.domWindowOpenedAndLoaded(null);
await BrowserTestUtils.synthesizeMouseAtPoint(
toggleLeft,
toggleTop,
{
type: "mousedown",
},
browser
);
await BrowserTestUtils.synthesizeMouseAtPoint(
1,
1,
{
type: "mouseup",
},
browser
);
let win = await domWindowOpened;
ok(win, "A Picture-in-Picture window opened.");
await SpecialPowers.spawn(browser, [videoID], async videoID => {
let video = content.document.getElementById(videoID);
await ContentTaskUtils.waitForCondition(() => {
return video.isCloningElementVisually;
}, "Video is being cloned visually.");
});
await BrowserTestUtils.closeWindow(win);
await assertSawMouseEvents(browser, false);
await BrowserTestUtils.synthesizeMouseAtPoint(1, 1, {}, browser);
await assertSawMouseEvents(browser, true);
}
);
});
|
