blob: 164cb0f11f397aa82ea6a432a7bfa5e1d35f44a7 (
plain)
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
|
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
</head>
<body>
<div id="container">
<div id="element">
<!--
The HTML code for this element has no other meaning than to create
display items that are merged together.
-->
<div style="column-count:2; column-count:2; width:300px; height:100px;">
<div id="o" style="opacity:0.5; width:100px; height:200px; background:lime;">
<div id="d" style="height:50px; width:80px; background:red; padding:2px">Text</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
function redirect() {
document.documentElement.removeAttribute("class");
// Trigger root frame deletion.
window.location.replace("about:blank");
}
function removeElements(container) {
document.body.removeChild(container);
setTimeout(redirect, 0);
}
function createElements() {
var c = document.getElementById("container");
var e = document.getElementById("element");
for (var i = 0; i < 1000; ++i) {
// Populate the container with elements that cause display item merges.
c.appendChild(e.cloneNode(true));
}
setTimeout(() => removeElements(c), 0);
}
document.addEventListener("MozReftestInvalidate", createElements);
// window.addEventListener("load", createElements);
</script>
</body>
</html>
|
