mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-13 23:17:57 +00:00
92 lines
3.0 KiB
HTML
92 lines
3.0 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<!--
|
|
https://bugzilla.mozilla.org/show_bug.cgi?id=372770
|
|
-->
|
|
<head>
|
|
<title>Test for Bug 372770</title>
|
|
<script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
|
|
<style id="testStyle">
|
|
#content {}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=372770">Mozilla Bug 372770</a>
|
|
<p id="display"></p>
|
|
<div id="content" style="display: none">
|
|
|
|
</div>
|
|
<pre id="test">
|
|
<script class="testbody" type="text/javascript">
|
|
|
|
/** Test for Bug 372770 **/
|
|
var style1 = $("content").style;
|
|
var style2 = $("testStyle").sheet.cssRules[0].style;
|
|
|
|
var colors = [ "rgb(128, 128, 128)", "transparent" ]
|
|
var i;
|
|
|
|
for (i = 0; i < colors.length; ++i) {
|
|
var color = colors[i];
|
|
style1.color = color;
|
|
style2.color = color;
|
|
is(style1.color, color, "Inline style color roundtripping failed at color " + i);
|
|
is(style2.color, color, "Rule style color roundtripping failed at color " + i);
|
|
}
|
|
|
|
// This code is only here because of bug 372783. Once that's fixed, this test
|
|
// for "rgba(0, 0, 0, 0)" will fail.
|
|
style1.color = "rgba(0, 0, 0, 0)";
|
|
style2.color = "rgba(0, 0, 0, 0)";
|
|
is(style1.color, "transparent",
|
|
"Inline style should give transparent for rgba(0,0,0,0)");
|
|
is(style2.color, "transparent",
|
|
"Rule style should give transparent for rgba(0,0,0,0)");
|
|
todo(style1.color == "rgba(0, 0, 0, 0)",
|
|
"Inline style should round-trip black transparent color correctly");
|
|
todo(style2.color == "rgba(0, 0, 0, 0)",
|
|
"Rule style should round-trip black transparent color correctly");
|
|
|
|
for (var i = 0; i <= 100; ++i) {
|
|
if (i == 70 || i == 90) {
|
|
// Tinderbox unhappy for some reason... just skip these for now?
|
|
continue;
|
|
}
|
|
var color1 = "rgba(128, 128, 128, " + i/100 + ")";
|
|
var color2 = "rgba(175, 63, 27, " + i/100 + ")";
|
|
style1.color = color1;
|
|
style1.backgroundColor = color2;
|
|
style2.color = color2;
|
|
style2.background = color1;
|
|
|
|
if (i == 100) {
|
|
// Bug 372783 means this doesn't round-trip quite right
|
|
todo(style1.color == color1,
|
|
"Inline style color roundtripping failed at opacity " + i);
|
|
todo(style1.backgroundColor == color2,
|
|
"Inline style background roundtripping failed at opacity " + i);
|
|
todo(style2.color == color2,
|
|
"Rule style color roundtripping failed at opacity " + i);
|
|
todo(style2.backgroundColor == color1,
|
|
"Rule style background roundtripping failed at opacity " + i);
|
|
color1 = "rgb(128, 128, 128)";
|
|
color2 = "rgb(175, 63, 27)";
|
|
}
|
|
|
|
is(style1.color, color1,
|
|
"Inline style color roundtripping failed at opacity " + i);
|
|
is(style1.backgroundColor, color2,
|
|
"Inline style background roundtripping failed at opacity " + i);
|
|
is(style2.color, color2,
|
|
"Rule style color roundtripping failed at opacity " + i);
|
|
is(style2.backgroundColor, color1,
|
|
"Rule style background roundtripping failed at opacity " + i);
|
|
|
|
}
|
|
</script>
|
|
</pre>
|
|
</body>
|
|
</html>
|
|
|