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
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
<head>
<script type="text/javascript">
/* <![CDATA[ */
function boom()
{
var numTest = 16;
for (i = 1; i<= numTest; i++) {
var target = "target" + i;
var q = document.getElementById(target);
remove(q);
}
document.documentElement.className = "";
}
function remove(n)
{
n.parentNode.removeChild(n);
}
window.addEventListener("MozReftestInvalidate", boom);
/* ]]> */
</script>
<title> test for pseudo removal</title>
</head>
<body>
<div style="display:table; border-spacing:10px; background-color:red">
<div id="target1">target</div>
</div>
<div style="display:table; border-spacing:10px; background-color:blue">
<div id="target2" style="float:left">target</div>
</div>
<div style="display:table; border-spacing:10px; background-color:green">
<div id="target3" style="float:right">target</div>
</div>
<div style="display:table; border-spacing:10px; background-color:pink">
<div id="target4" style="position:absolute">target</div>
</div>
<div style="display:table; border-spacing:10px; background-color:magenta">
<div id="target5" style="position:relative">target</div>
</div>
<div style="display:table; border-spacing:10px; background-color:orange">
<div id="target6" style="position:fixed">target</div>
</div>
<div style="display:table; border-spacing:10px; background-color:yellow">
<div style="display:table-row;">
<div id="target7" style="display:table">target</div>
</div>
</div>
<div style="display:table; border-spacing:10px; background-color:silver">
<div style="display:table-row;">
<div id="target8" style="display:table-caption">target</div>
</div>
</div>
<div style="display:table; border-spacing:10px; background-color:navy">
<div id="target9" style="display:-moz-column">target</div>
</div>
<div style="display:table; border-spacing:10px; background-color:teal">
<div id="target10">target</div>
</div>
<div style="display:table; border-spacing:10px; background-color:SkyBlue ">
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="200" id="target11">
<circle cx="150" cy="100" r="50" />
</svg>
</div>
<div style="display:table; border-spacing:10px; background-color:Peru">
<div style="display:table-row;">
<div id="target12" style="display:table-row-group; overflow:scroll">target</div>
</div>
</div>
<div style="display:table; border-spacing:10px; background-color:Tomato">
<div style="display:table-row;">
<input type="button" value="OK" id="target13"></input>
</div>
</div>
<div style="display:table; border-spacing:10px; background-color:DarkSeaGreen ">
<div style="display:table-row;">
<div id="target14" style="display:table-column;"/>
</div>
</div>
<div style="display:table; border-spacing:10px; background-color:MistyRose">
<div style="display:table-row;">
<div id="target15" style="display:table-column-group;"/>
</div>
</div>
<div style="display:table; border-spacing:10px; background-color:Indigo">
<div id="target16" style="display:-moz-box">target</div>
</div>
</body>
</html>
|
