layout/style/test/test_bug98997.html@8bccb770b82d
layout/style/test/test_bug98997.html
Wed, 31 Dec 2014 13:27:57 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 13:27:57 +0100
- branch
- TOR_BUG_3246
- changeset 6
- 8bccb770b82d
- permissions
- -rw-r--r--
Ignore runtime configuration files generated during quality assurance.
1 <!DOCTYPE HTML>
2 <html>
3 <!--
4 https://bugzilla.mozilla.org/show_bug.cgi?id=98997
5 -->
6 <head>
7 <title>Test for Bug 98997</title>
8 <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
9 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
10 <style type="text/css">
12 /*
13 * This test does NOT test any of the cases where :empty and
14 * :-moz-only-whitespace differ. We should probably have some tests
15 * for that as well.
16 */
17 div.test { width: 200px; height: 30px; margin: 5px 0; }
18 div.test.to, div.test.from:empty { background: orange; }
19 div.test.to:empty, div.test.from { background: green; }
20 div.test.to, div.test.from:-moz-only-whitespace { color: maroon; }
21 div.test.to:-moz-only-whitespace, div.test.from { color: navy; }
23 </style>
24 </head>
25 <body>
26 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=98997">Mozilla Bug 98997</a>
27 <div id="display">
28 <div class="test to" onclick="testReplaceChild(this, '')">x</div>
29 <div class="test to" onclick="testReplaceChild(this, '')"><span>x</span></div>
30 <div class="test to" onclick="testReplaceChild(this, '')">x<!-- comment --></div>
31 <div class="test to" onclick="testRemoveChild(this)">x</div>
32 <div class="test to" onclick="testRemoveChild(this)"><span>x</span></div>
33 <div class="test to" onclick="testRemoveChild(this)">x<!-- comment --></div>
34 <div class="test to" onclick="testChangeData(this, '')">x</div>
35 <div class="test to" onclick="testChangeData(this, '')">x<!-- comment --></div>
36 <div class="test to" onclick="testDeleteData(this)">x</div>
37 <div class="test to" onclick="testDeleteData(this)">x<!-- comment --></div>
38 <div class="test to" onclick="testReplaceData(this, '')">x</div>
39 <div class="test to" onclick="testReplaceData(this, '')">x<!-- comment --></div>
41 <div class="test from makeemptytext" onclick="testReplaceChild(this, 'x')"></div>
42 <div class="test from makeemptytext" onclick="testReplaceChild(this, 'x')"><!-- comment --></div>
43 <div class="test from" onclick="testReplaceChild(this, 'x')"><!-- comment --></div>
44 <div class="test from" onclick="testInsertBefore(this, 'x')"></div>
45 <div class="test from" onclick="testInsertBefore(this, 'x')"><!-- comment --></div>
46 <div class="test from" onclick="testAppendChild(this, 'x')"></div>
47 <div class="test from" onclick="testAppendChild(this, 'x')"><!-- comment --></div>
48 <div class="test from makeemptytext" onclick="testChangeData(this, 'x')"></div>
49 <div class="test from makeemptytext" onclick="testChangeData(this, 'x')"><!-- comment --></div>
50 <div class="test from makeemptytext" onclick="testAppendData(this, 'x')"></div>
51 <div class="test from makeemptytext" onclick="testAppendData(this, 'x')"><!-- comment --></div>
52 <div class="test from makeemptytext" onclick="testReplaceData(this, 'x')"></div>
53 <div class="test from makeemptytext" onclick="testReplaceData(this, 'x')"><!-- comment --></div>
54 </div>
56 <div id="content" style="display: none">
58 </div>
59 <pre id="test">
60 <script class="testbody" type="text/javascript">
62 /** Test for Bug 98997 **/
64 function testInsertBefore(elt, text) {
65 elt.insertBefore(document.createTextNode(text), elt.firstChild);
66 }
68 function testAppendChild(elt, text) {
69 elt.appendChild(document.createTextNode(text));
70 }
72 function testReplaceChild(elt, text) {
73 elt.replaceChild(document.createTextNode(text), elt.firstChild);
74 }
76 function testRemoveChild(elt) {
77 elt.removeChild(elt.firstChild);
78 }
80 function testChangeData(elt, text) {
81 elt.firstChild.data = text;
82 }
84 function testAppendData(elt, text) {
85 elt.firstChild.appendData(text);
86 }
88 function testDeleteData(elt) {
89 elt.firstChild.deleteData(0, elt.firstChild.length);
90 }
92 function testReplaceData(elt, text) {
93 elt.firstChild.replaceData(0, elt.firstChild.length, text);
94 }
96 var cnodes = document.getElementById("display").childNodes;
97 var divs = [];
98 var i;
99 for (i = 0; i < cnodes.length; ++i) {
100 if (cnodes[i].nodeName == "DIV")
101 divs.push(cnodes[i]);
102 }
104 for (i in divs) {
105 var div = divs[i];
106 if (div.className.match(/makeemptytext/))
107 div.insertBefore(document.createTextNode(""), div.firstChild);
108 }
110 const ORANGE = "rgb(255, 165, 0)";
111 const MAROON = "rgb(128, 0, 0)";
112 const GREEN = "rgb(0, 128, 0)";
113 const NAVY = "rgb(0, 0, 128)";
115 function color(div) {
116 return getComputedStyle(div, "").color;
117 }
118 function bg(div) {
119 return getComputedStyle(div, "").backgroundColor;
120 }
122 for (i in divs) {
123 var div = divs[i];
124 is(bg(div), ORANGE, "should be orange");
125 is(color(div), MAROON, "should be maroon");
126 }
128 for (i in divs) {
129 var div = divs[i];
130 var e = document.createEvent("MouseEvents");
131 e.initEvent("click", true, true);
132 div.dispatchEvent(e);
133 }
135 for (i in divs) {
136 var div = divs[i];
137 is(bg(div), GREEN, "should be green");
138 is(color(div), NAVY, "should be navy");
139 }
141 </script>
142 </pre>
143 </body>
144 </html>
