4 https://bugzilla.mozilla.org/show_bug.cgi?id=98997
7 <title>Test for Bug
98997</title>
8 <script src=
"/tests/SimpleTest/SimpleTest.js"></script>
9 <link rel=
"stylesheet" type=
"text/css" href=
"/tests/SimpleTest/test.css" />
10 <style type=
"text/css">
13 * This test does NOT test any of the cases where :empty and
14 * :-moz-only-whitespace differ. We should probably have some tests
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
; }
26 <a target=
"_blank" href=
"https://bugzilla.mozilla.org/show_bug.cgi?id=98997">Mozilla Bug
98997</a>
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>
56 <div id=
"content" style=
"display: none">
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);
68 function testAppendChild(elt, text) {
69 elt.appendChild(document.createTextNode(text));
72 function testReplaceChild(elt, text) {
73 elt.replaceChild(document.createTextNode(text), elt.firstChild);
76 function testRemoveChild(elt) {
77 elt.firstChild.remove();
80 function testChangeData(elt, text) {
81 elt.firstChild.data = text;
84 function testAppendData(elt, text) {
85 elt.firstChild.appendData(text);
88 function testDeleteData(elt) {
89 elt.firstChild.deleteData(
0, elt.firstChild.length);
92 function testReplaceData(elt, text) {
93 elt.firstChild.replaceData(
0, elt.firstChild.length, text);
96 var cnodes = document.getElementById(
"display").childNodes;
99 for (i =
0; i < cnodes.length; ++i) {
100 if (cnodes[i].nodeName ==
"DIV")
101 divs.push(cnodes[i]);
106 if (div.className.match(/makeemptytext/))
107 div.insertBefore(document.createTextNode(
""), div.firstChild);
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;
119 return getComputedStyle(div,
"").backgroundColor;
124 is(bg(div), ORANGE,
"should be orange");
125 is(color(div), MAROON,
"should be maroon");
130 var e = document.createEvent(
"MouseEvents");
131 e.initEvent(
"click", true, true);
132 div.dispatchEvent(e);
137 is(bg(div), GREEN,
"should be green");
138 is(color(div), NAVY,
"should be navy");