1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/style/test/test_bug98997.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,144 @@
1.4 +<!DOCTYPE HTML>
1.5 +<html>
1.6 +<!--
1.7 +https://bugzilla.mozilla.org/show_bug.cgi?id=98997
1.8 +-->
1.9 +<head>
1.10 + <title>Test for Bug 98997</title>
1.11 + <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
1.12 + <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
1.13 + <style type="text/css">
1.14 +
1.15 + /*
1.16 + * This test does NOT test any of the cases where :empty and
1.17 + * :-moz-only-whitespace differ. We should probably have some tests
1.18 + * for that as well.
1.19 + */
1.20 + div.test { width: 200px; height: 30px; margin: 5px 0; }
1.21 + div.test.to, div.test.from:empty { background: orange; }
1.22 + div.test.to:empty, div.test.from { background: green; }
1.23 + div.test.to, div.test.from:-moz-only-whitespace { color: maroon; }
1.24 + div.test.to:-moz-only-whitespace, div.test.from { color: navy; }
1.25 +
1.26 + </style>
1.27 +</head>
1.28 +<body>
1.29 +<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=98997">Mozilla Bug 98997</a>
1.30 +<div id="display">
1.31 +<div class="test to" onclick="testReplaceChild(this, '')">x</div>
1.32 +<div class="test to" onclick="testReplaceChild(this, '')"><span>x</span></div>
1.33 +<div class="test to" onclick="testReplaceChild(this, '')">x<!-- comment --></div>
1.34 +<div class="test to" onclick="testRemoveChild(this)">x</div>
1.35 +<div class="test to" onclick="testRemoveChild(this)"><span>x</span></div>
1.36 +<div class="test to" onclick="testRemoveChild(this)">x<!-- comment --></div>
1.37 +<div class="test to" onclick="testChangeData(this, '')">x</div>
1.38 +<div class="test to" onclick="testChangeData(this, '')">x<!-- comment --></div>
1.39 +<div class="test to" onclick="testDeleteData(this)">x</div>
1.40 +<div class="test to" onclick="testDeleteData(this)">x<!-- comment --></div>
1.41 +<div class="test to" onclick="testReplaceData(this, '')">x</div>
1.42 +<div class="test to" onclick="testReplaceData(this, '')">x<!-- comment --></div>
1.43 +
1.44 +<div class="test from makeemptytext" onclick="testReplaceChild(this, 'x')"></div>
1.45 +<div class="test from makeemptytext" onclick="testReplaceChild(this, 'x')"><!-- comment --></div>
1.46 +<div class="test from" onclick="testReplaceChild(this, 'x')"><!-- comment --></div>
1.47 +<div class="test from" onclick="testInsertBefore(this, 'x')"></div>
1.48 +<div class="test from" onclick="testInsertBefore(this, 'x')"><!-- comment --></div>
1.49 +<div class="test from" onclick="testAppendChild(this, 'x')"></div>
1.50 +<div class="test from" onclick="testAppendChild(this, 'x')"><!-- comment --></div>
1.51 +<div class="test from makeemptytext" onclick="testChangeData(this, 'x')"></div>
1.52 +<div class="test from makeemptytext" onclick="testChangeData(this, 'x')"><!-- comment --></div>
1.53 +<div class="test from makeemptytext" onclick="testAppendData(this, 'x')"></div>
1.54 +<div class="test from makeemptytext" onclick="testAppendData(this, 'x')"><!-- comment --></div>
1.55 +<div class="test from makeemptytext" onclick="testReplaceData(this, 'x')"></div>
1.56 +<div class="test from makeemptytext" onclick="testReplaceData(this, 'x')"><!-- comment --></div>
1.57 +</div>
1.58 +
1.59 +<div id="content" style="display: none">
1.60 +
1.61 +</div>
1.62 +<pre id="test">
1.63 +<script class="testbody" type="text/javascript">
1.64 +
1.65 +/** Test for Bug 98997 **/
1.66 +
1.67 +function testInsertBefore(elt, text) {
1.68 + elt.insertBefore(document.createTextNode(text), elt.firstChild);
1.69 +}
1.70 +
1.71 +function testAppendChild(elt, text) {
1.72 + elt.appendChild(document.createTextNode(text));
1.73 +}
1.74 +
1.75 +function testReplaceChild(elt, text) {
1.76 + elt.replaceChild(document.createTextNode(text), elt.firstChild);
1.77 +}
1.78 +
1.79 +function testRemoveChild(elt) {
1.80 + elt.removeChild(elt.firstChild);
1.81 +}
1.82 +
1.83 +function testChangeData(elt, text) {
1.84 + elt.firstChild.data = text;
1.85 +}
1.86 +
1.87 +function testAppendData(elt, text) {
1.88 + elt.firstChild.appendData(text);
1.89 +}
1.90 +
1.91 +function testDeleteData(elt) {
1.92 + elt.firstChild.deleteData(0, elt.firstChild.length);
1.93 +}
1.94 +
1.95 +function testReplaceData(elt, text) {
1.96 + elt.firstChild.replaceData(0, elt.firstChild.length, text);
1.97 +}
1.98 +
1.99 +var cnodes = document.getElementById("display").childNodes;
1.100 +var divs = [];
1.101 +var i;
1.102 +for (i = 0; i < cnodes.length; ++i) {
1.103 + if (cnodes[i].nodeName == "DIV")
1.104 + divs.push(cnodes[i]);
1.105 +}
1.106 +
1.107 +for (i in divs) {
1.108 + var div = divs[i];
1.109 + if (div.className.match(/makeemptytext/))
1.110 + div.insertBefore(document.createTextNode(""), div.firstChild);
1.111 +}
1.112 +
1.113 +const ORANGE = "rgb(255, 165, 0)";
1.114 +const MAROON = "rgb(128, 0, 0)";
1.115 +const GREEN = "rgb(0, 128, 0)";
1.116 +const NAVY = "rgb(0, 0, 128)";
1.117 +
1.118 +function color(div) {
1.119 + return getComputedStyle(div, "").color;
1.120 +}
1.121 +function bg(div) {
1.122 + return getComputedStyle(div, "").backgroundColor;
1.123 +}
1.124 +
1.125 +for (i in divs) {
1.126 + var div = divs[i];
1.127 + is(bg(div), ORANGE, "should be orange");
1.128 + is(color(div), MAROON, "should be maroon");
1.129 +}
1.130 +
1.131 +for (i in divs) {
1.132 + var div = divs[i];
1.133 + var e = document.createEvent("MouseEvents");
1.134 + e.initEvent("click", true, true);
1.135 + div.dispatchEvent(e);
1.136 +}
1.137 +
1.138 +for (i in divs) {
1.139 + var div = divs[i];
1.140 + is(bg(div), GREEN, "should be green");
1.141 + is(color(div), NAVY, "should be navy");
1.142 +}
1.143 +
1.144 +</script>
1.145 +</pre>
1.146 +</body>
1.147 +</html>
