mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-05 16:46:26 +00:00
187 lines
7.1 KiB
HTML
187 lines
7.1 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<!--
|
|
https://bugzilla.mozilla.org/show_bug.cgi?id=147777
|
|
-->
|
|
<head>
|
|
<title>Test for Bug 147777</title>
|
|
<script type="application/javascript" src="/MochiKit/packed.js"></script>
|
|
<script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
|
|
<script type="application/javascript" src="/tests/SimpleTest/WindowSnapshot.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=147777">Mozilla Bug 147777</a>
|
|
<pre id="test">
|
|
<script type="application/javascript">
|
|
|
|
/** Test for Bug 147777 **/
|
|
|
|
// Because link-coloring for visited links is asynchronous, running
|
|
// reftests that involve link coloring requires that we poll for the
|
|
// correct result until all links are styled correctly.
|
|
|
|
// A requirement of these reftests is that the reference rendering is
|
|
// styled correctly when loaded. We only poll for the tests.
|
|
|
|
var gTests = [
|
|
// there's also an implicit "load visited-page.html" at the start,
|
|
// thanks to the code below.
|
|
|
|
// IMPORTANT NOTE: For these tests, the test and reference are not
|
|
// snapshotted in the same way. The REFERENCE (second file) is
|
|
// assumed to be complete when loaded, but we poll for visited link
|
|
// coloring on the TEST (first file) until the test passes.
|
|
"== pseudo-classes-02.svg pseudo-classes-02-ref.svg",
|
|
"!= color-on-link-1-ref.html color-on-visited-1-ref.html",
|
|
"== color-on-link-1.html color-on-link-1-ref.html",
|
|
"== color-on-link-before-1.html color-on-link-1-ref.html",
|
|
"== color-on-visited-1.html color-on-visited-1-ref.html",
|
|
"== color-on-visited-before-1.html color-on-visited-1-ref.html",
|
|
"!= content-color-on-link-before-1-ref.html content-color-on-visited-before-1-ref.html",
|
|
"== content-color-on-link-before-1.html content-color-on-link-before-1-ref.html",
|
|
"== content-color-on-visited-before-1.html content-color-on-visited-before-1-ref.html",
|
|
"== content-on-link-before-1.html content-before-1-ref.html",
|
|
"== content-on-visited-before-1.html content-before-1-ref.html",
|
|
"== color-on-text-decoration-1.html color-on-text-decoration-1-ref.html",
|
|
"== color-on-bullets-1.html color-on-bullets-1-ref.html",
|
|
// NOTE: background-color is tested by all the selector tests (and
|
|
// also color-choice-1) and therefore doesn't have its own tests.
|
|
// FIXME: Maybe add a test for selection colors (foreground and
|
|
// background), if possible.
|
|
"== width-on-link-1.html width-1-ref.html",
|
|
"== width-on-visited-1.html width-1-ref.html",
|
|
"== border-1.html border-1-ref.html",
|
|
"== border-2a.html border-2-ref.html",
|
|
"== border-2b.html border-2-ref.html",
|
|
// FIXME: Commented out because of dynamic change handling bugs in
|
|
// border-collapse tables that mean we get an incorrect rendering when
|
|
// the asynchronous restyle-from-history arrives.
|
|
//"== border-collapse-1.html border-collapse-1-ref.html",
|
|
"== outline-1.html outline-1-ref.html",
|
|
"== column-rule-1.html column-rule-1-ref.html",
|
|
"!= column-rule-1.html column-rule-1-notref.html",
|
|
"== color-choice-1.html color-choice-1-ref.html",
|
|
"== selector-descendant-1.html selector-descendant-1-ref.html",
|
|
"== selector-descendant-2.xhtml selector-descendant-2-ref.xhtml",
|
|
"== selector-child-1.html selector-child-1-ref.html",
|
|
"== selector-child-2.xhtml selector-child-2-ref.xhtml",
|
|
"== selector-adj-sibling-1.html selector-adj-sibling-1-ref.html",
|
|
"== selector-adj-sibling-2.html selector-adj-sibling-2-ref.html",
|
|
"== selector-any-sibling-1.html selector-any-sibling-1-ref.html",
|
|
"== selector-any-sibling-2.html selector-any-sibling-2-ref.html",
|
|
"== subject-of-selector-descendant-1.html subject-of-selector-1-ref.html",
|
|
"== subject-of-selector-descendant-2.xhtml subject-of-selector-descendant-2-ref.xhtml",
|
|
"== subject-of-selector-child-1.html subject-of-selector-1-ref.html",
|
|
"== subject-of-selector-adj-sibling-1.html subject-of-selector-1-ref.html",
|
|
"== subject-of-selector-any-sibling-1.html subject-of-selector-1-ref.html",
|
|
"== inherit-keyword-1.xhtml inherit-keyword-1-ref.html",
|
|
// FIXME: commented out because dynamic changes on the non-first-line
|
|
// part of the test don't work right when the link becomes visited.
|
|
//"== first-line-1.html first-line-1-ref.html",
|
|
"== white-to-transparent-1.html white-to-transparent-1-ref.html",
|
|
"== link-root-1.xhtml link-root-1-ref.xhtml",
|
|
];
|
|
|
|
// Maintain a reference count of how many things we're waiting for until
|
|
// we can say the tests are done.
|
|
var gDelayCount = 0;
|
|
function AddFinishDependency()
|
|
{ ++gDelayCount; }
|
|
function RemoveFinishDependency()
|
|
{ if (--gDelayCount == 0) SimpleTest.finish(); }
|
|
|
|
function loadVisitedPage()
|
|
{
|
|
var element = document.createElement("iframe");
|
|
element.addEventListener("load", visitedPageLoad, false);
|
|
element.src = "css-visited/visited-page.html";
|
|
document.body.appendChild(element);
|
|
AddFinishDependency();
|
|
}
|
|
|
|
function visitedPageLoad()
|
|
{
|
|
for (var i = 0; i < gTests.length; ++i) {
|
|
startTest(i);
|
|
}
|
|
RemoveFinishDependency();
|
|
}
|
|
|
|
function takeSnapshot(iframe_element)
|
|
{
|
|
return snapshotWindow(iframe_element.contentWindow, false);
|
|
}
|
|
|
|
function passes(op, shot1, shot2)
|
|
{
|
|
var [correct, s1, s2] = compareSnapshots(shot1, shot2, op == "==");
|
|
return correct;
|
|
}
|
|
|
|
function startTest(i)
|
|
{
|
|
var testLine = gTests[i];
|
|
var splitData = testLine.split(" ");
|
|
var testData =
|
|
{ op: splitData[0], test: splitData[1], reference: splitData[2] };
|
|
|
|
// Maintain state specific to this test in the closure exposed to all
|
|
// the functions nested inside this one.
|
|
|
|
function startIframe(url)
|
|
{
|
|
var element = document.createElement("iframe");
|
|
element.addEventListener("load", handleLoad, false);
|
|
// smaller than normal reftests, but enough for these
|
|
element.setAttribute("style", "width: 30em; height: 10em");
|
|
element.src = "css-visited/" + url;
|
|
document.body.appendChild(element);
|
|
function handleLoad(event)
|
|
{
|
|
iframe.loaded = true;
|
|
if (iframe == reference) {
|
|
reference.snapshot = takeSnapshot(element);
|
|
}
|
|
var other = (iframe == test) ? reference : test;
|
|
if (other.loaded) {
|
|
// Always wait at least 100ms, so that any test that switches
|
|
// from passing to failing when the asynchronous link coloring
|
|
// happens should fail at least some of the time.
|
|
setTimeout(checkTest, 100);
|
|
}
|
|
}
|
|
function checkTest()
|
|
{
|
|
var test_snapshot = takeSnapshot(test.element);
|
|
if (passes(testData.op, test_snapshot, reference.snapshot)) {
|
|
reportSuccess();
|
|
} else {
|
|
// Links might not have been colored yet. Try again in 100ms.
|
|
setTimeout(checkTest, 100);
|
|
}
|
|
}
|
|
function reportSuccess()
|
|
{
|
|
RemoveFinishDependency();
|
|
ok(true, "(" + i + ") " +
|
|
testData.op + " " + testData.test + " " + testData.reference);
|
|
}
|
|
var iframe = { element: element, loaded: false };
|
|
|
|
return iframe;
|
|
}
|
|
|
|
AddFinishDependency();
|
|
var test = startIframe(testData.test);
|
|
var reference = startIframe(testData.reference);
|
|
}
|
|
|
|
SimpleTest.waitForExplicitFinish();
|
|
loadVisitedPage();
|
|
|
|
</script>
|
|
</pre>
|
|
</body>
|
|
</html>
|