gecko/layout/base/tests/test_after_paint_pref.html

123 lines
3.1 KiB
HTML

<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=608030
-->
<head>
<title>Test for MozAfterPaint pref Bug 608030</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=608030">Mozilla Bug 608030</a>
<div id="display" style="width: 10em; height: 5em; background-color: red"></div>
<pre id="test">
<script type="application/javascript">
/** Test for Bug 608030 **/
function get_pref()
{
return SpecialPowers.getBoolPref("dom.send_after_paint_to_content");
}
function set_pref(val)
{
SpecialPowers.setBoolPref("dom.send_after_paint_to_content", val);
}
SimpleTest.waitForExplicitFinish();
window.addEventListener("load", step0, false);
is(get_pref(), true, "pref defaults to true in mochitest harness");
function print_rect(rect) {
return "(top=" + rect.top + ",left=" + rect.left + ",width=" + rect.width + ",height=" + rect.height + ")";
}
function print_event(event) {
var res = "boundingClientRect=" + print_rect(event.boundingClientRect);
var rects = event.clientRects;
for (var i = 0; i < rects.length; ++i) {
res += " clientRects[" + i + "]=" + print_rect(rects[i]);
}
return res;
}
function step0(event) {
// Wait until we get the MozAfterPaint following the load event
// before starting.
window.addEventListener("MozAfterPaint", step1, false);
// Ensure a MozAfterPaint event is fired
div.style.backgroundColor = "yellow";
}
var start;
var div = document.getElementById("display");
function step1(event)
{
ok(true, "step1 reached: " + print_event(event));
window.removeEventListener("MozAfterPaint", step1, false);
start = Date.now();
window.addEventListener("MozAfterPaint", step2, false);
div.style.backgroundColor = "blue";
}
function step2(event)
{
ok(true, "step2 reached: " + print_event(event));
window.removeEventListener("MozAfterPaint", step2, false);
var end = Date.now();
var timeout = 3 * Math.max(end - start, 300);
ok(true, "got MozAfterPaint (timeout for next step is " + timeout + "ms)");
// Set the pref for our second test
set_pref(false);
// When there was previously another page in our window, we seem to
// get duplicate events, simultaneously, so we need to register our
// next listener after a zero timeout.
setTimeout(step3, 0, timeout);
}
function step3(timeout)
{
ok(true, "step3 reached");
window.addEventListener("MozAfterPaint", failstep, false);
div.style.backgroundColor = "fuchsia";
setTimeout(step4, timeout);
}
function failstep(event)
{
ok(true, "failstep reached: " + print_event(event));
ok(false, "got MozAfterPaint when we should not have");
}
function step4()
{
ok(true, "step4 reached"); // If we didn't get the failure in failstep,
// then we passed.
window.removeEventListener("MozAfterPaint", failstep, false);
// Set the pref back in its initial state.
set_pref(true);
SimpleTest.finish();
}
</script>
</pre>
</body>
</html>