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
|
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<script src="/tests/SimpleTest/EventUtils.js"></script>
<style>
.spacer {
height: 50px;
}
.special {
height: 200px;
background-color: blue;
}
.special:hover {
background-color: red;
}
</style>
<div id="x" class="spacer"></div>
<div id="x2" class="special"></div>
<div style="margin-top: 100vh">
<!-- this is here so it wrongly gets sent the events -->
<iframe src="https://example.com/tests/layout/base/tests/helper_synthmousemove.html"></iframe>
</div>
<div style="height: 300vh"></div>
<script>
async function runTest() {
let thex = document.getElementById("x");
let thex2 = document.getElementById("x2")
synthesizeMouse(thex, 20, 20, {type: "mousemove"});
opener.is(
getComputedStyle(thex2).backgroundColor,
"rgb(0, 0, 255)",
"Part is blue"
);
thex.remove();
document.documentElement.getBoundingClientRect();
await new Promise(r => requestAnimationFrame(r));
await new Promise(r => requestAnimationFrame(r));
opener.is(
getComputedStyle(thex2).backgroundColor,
"rgb(255, 0, 0)",
"Part is red"
);
opener.reportSuccess();
window.close();
}
SimpleTest.waitForFocus(runTest);
</script>
|
