tenfourfox/layout/style/test/test_visited_image_loading_empty.html

68 lines
2.0 KiB
HTML
Raw Normal View History

2017-04-19 07:56:45 +00:00
<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=557287
-->
<head>
<title>Test for Bug 557287</title>
<script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=557287">Mozilla Bug 147777</a>
<iframe id="display" src="visited_image_loading_frame_empty.html"></iframe>
<pre id="test">
<script type="application/ecmascript" src="visited_image_loading.sjs?reset"></script>
<script type="application/javascript">
/** Test for Bug 557287 **/
SimpleTest.waitForExplicitFinish();
SimpleTest.requestFlakyTimeout("untriaged");
var subdoc, subwin;
window.addEventListener("load", run, false);
function run()
{
var frame = document.getElementById("display");
subdoc = frame.contentDocument;
subwin = frame.contentWindow;
setTimeout(check_link_styled, 50);
}
function visitedDependentComputedStyle(win, elem, property) {
return SpecialPowers.DOMWindowUtils
.getVisitedDependentComputedStyle(elem, "", property);
}
function check_link_styled()
{
var vislink = subdoc.getElementById("visited");
var bgcolor =
visitedDependentComputedStyle(subwin, vislink, "background-color");
if (bgcolor == "rgb(128, 0, 128)") {
// We've done our async :visited processing and restyled accordingly.
// Make sure that we've actually painted before finishing the test.
subwin.addEventListener("MozAfterPaint", paint_listener, false);
// do something that forces a paint
subdoc.body.appendChild(subdoc.createTextNode("new text node"));
} else {
setTimeout(check_link_styled, 50);
}
}
function paint_listener(event)
{
subwin.removeEventListener("MozAfterPaint", paint_listener, false);
var s = document.createElement("script");
s.src = "visited_image_loading.sjs?waitforresult";
document.body.appendChild(s);
}
</script>
</pre>
</body>
</html>