2010-04-03 05:58:27 +04:00
|
|
|
<!DOCTYPE HTML>
|
|
|
|
|
<html>
|
|
|
|
|
<!--
|
|
|
|
|
https://bugzilla.mozilla.org/show_bug.cgi?id=147777
|
|
|
|
|
-->
|
|
|
|
|
<head>
|
|
|
|
|
<title>Test for Bug 147777</title>
|
|
|
|
|
<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.
|
2010-04-03 05:58:27 +04:00
|
|
|
"== pseudo-classes-02.svg pseudo-classes-02-ref.svg",
|
2017-01-20 09:16:54 +03:00
|
|
|
"needs-focus == caret-color-on-visited-1.html caret-color-on-visited-1-ref.html",
|
2010-04-03 05:58:27 +04:00
|
|
|
"!= 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",
|
2010-04-07 06:03:12 +04:00
|
|
|
"== column-rule-1.html column-rule-1-ref.html",
|
|
|
|
|
"!= column-rule-1.html column-rule-1-notref.html",
|
2010-04-03 05:58:27 +04:00
|
|
|
"== 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",
|
2011-10-29 13:44:27 +04:00
|
|
|
"!= svg-image-visited-1-helper.svg lime100x100.svg",
|
|
|
|
|
"!= svg-image-visited-2-helper.svg lime100x100.svg",
|
2010-04-03 05:58:27 +04:00
|
|
|
// 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",
|
2010-04-07 02:32:52 +04:00
|
|
|
"== white-to-transparent-1.html white-to-transparent-1-ref.html",
|
2011-04-23 05:36:24 +04:00
|
|
|
"== link-root-1.xhtml link-root-1-ref.xhtml",
|
2011-10-29 11:04:20 +04:00
|
|
|
"== mathml-links.html mathml-links-ref.html",
|
2010-04-03 05:58:27 +04:00
|
|
|
];
|
|
|
|
|
|
2012-07-16 17:11:32 +04:00
|
|
|
// We record the maximum number of times we had to look at a test before
|
|
|
|
|
// it switched to the passing state (though we assume it's 10 to start
|
|
|
|
|
// rather than 0 so that we have a reasonable default). Then we make a
|
|
|
|
|
// test "time out" if it takes more than gTimeoutFactor times that
|
|
|
|
|
// amount of time. This allows us to report a test failure rather than
|
|
|
|
|
// making a test failure just show up as a timeout.
|
|
|
|
|
var gMaxPassingTries = 10;
|
|
|
|
|
var gTimeoutFactor = 10;
|
|
|
|
|
|
2017-01-20 08:52:01 +03:00
|
|
|
function startIframe(url) {
|
|
|
|
|
return new Promise(resolve => {
|
|
|
|
|
var element = document.createElement("iframe");
|
|
|
|
|
element.addEventListener("load", () => {
|
2017-01-20 09:16:54 +03:00
|
|
|
element.contentDocument.fonts.ready.then(() => {
|
|
|
|
|
resolve(element.contentWindow);
|
|
|
|
|
});
|
2017-01-20 08:52:01 +03:00
|
|
|
}, {once: true});
|
|
|
|
|
// smaller than normal reftests, but enough for these
|
|
|
|
|
element.setAttribute("style", "width: 30em; height: 10em");
|
|
|
|
|
element.src = "css-visited/" + url;
|
|
|
|
|
document.body.appendChild(element);
|
|
|
|
|
});
|
2010-04-03 05:58:27 +04:00
|
|
|
}
|
|
|
|
|
|
2017-01-20 08:52:01 +03:00
|
|
|
async function runTests() {
|
|
|
|
|
SimpleTest.waitForExplicitFinish();
|
|
|
|
|
SimpleTest.requestFlakyTimeout("async link coloring");
|
2017-01-20 09:27:18 +03:00
|
|
|
// Set caret to a known size, for tests of :visited caret-color styling
|
|
|
|
|
await SpecialPowers.pushPrefEnv({'set': [['ui.caretWidth', 16]]});
|
2017-01-20 08:52:01 +03:00
|
|
|
await startIframe("visited-page.html");
|
|
|
|
|
await Promise.all(gTests.map(runTest));
|
|
|
|
|
SimpleTest.finish();
|
2010-04-03 05:58:27 +04:00
|
|
|
}
|
|
|
|
|
|
2017-01-20 08:52:01 +03:00
|
|
|
function passes(equal, shot1, shot2)
|
2010-04-03 05:58:27 +04:00
|
|
|
{
|
2017-01-20 08:52:01 +03:00
|
|
|
let [correct] = compareSnapshots(shot1, shot2, equal);
|
|
|
|
|
return correct;
|
2010-04-03 05:58:27 +04:00
|
|
|
}
|
|
|
|
|
|
2017-01-20 08:52:01 +03:00
|
|
|
function waitFor100ms() {
|
|
|
|
|
return new Promise(resolve => setTimeout(resolve, 100));
|
2010-04-03 05:58:27 +04:00
|
|
|
}
|
|
|
|
|
|
2017-01-20 08:52:01 +03:00
|
|
|
async function runTest(testLine) {
|
2017-01-20 09:15:02 +03:00
|
|
|
let splitData = testLine.split(" ");
|
|
|
|
|
let isEqual;
|
|
|
|
|
let needsFocus = false;
|
|
|
|
|
while (true) {
|
|
|
|
|
let op = splitData.shift();
|
|
|
|
|
if (op == "needs-focus") {
|
|
|
|
|
needsFocus = true;
|
|
|
|
|
} else if (op == "==" || op == "!=") {
|
|
|
|
|
isEqual = op == "==";
|
|
|
|
|
break;
|
|
|
|
|
} else {
|
|
|
|
|
ok(false, "Unknown syntax");
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
let [testFile, refFile] = splitData;
|
2017-01-20 08:52:01 +03:00
|
|
|
|
|
|
|
|
let promiseTestWin = startIframe(testFile);
|
|
|
|
|
let promiseRefWin = startIframe(refFile);
|
|
|
|
|
let refSnapshot = snapshotWindow(await promiseRefWin);
|
|
|
|
|
let testWindow = await promiseTestWin;
|
|
|
|
|
// 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.
|
|
|
|
|
await waitFor100ms();
|
|
|
|
|
|
|
|
|
|
let tries;
|
|
|
|
|
let testSnapshot;
|
|
|
|
|
for (tries = 0; tries < gMaxPassingTries * gTimeoutFactor; ++tries) {
|
2017-01-20 09:15:02 +03:00
|
|
|
if (needsFocus) {
|
|
|
|
|
await SimpleTest.promiseFocus(testWindow, false);
|
|
|
|
|
}
|
2017-01-20 09:27:18 +03:00
|
|
|
testSnapshot = snapshotWindow(testWindow, true);
|
2017-01-20 08:52:01 +03:00
|
|
|
if (passes(isEqual, testSnapshot, refSnapshot)) {
|
|
|
|
|
if (tries > gMaxPassingTries) {
|
|
|
|
|
gMaxPassingTries = tries;
|
2010-04-03 05:58:27 +04:00
|
|
|
}
|
2017-01-20 08:52:01 +03:00
|
|
|
break;
|
2010-04-03 05:58:27 +04:00
|
|
|
}
|
2017-01-20 08:52:01 +03:00
|
|
|
// Links might not have been colored yet. Try again in 100ms.
|
|
|
|
|
await waitFor100ms();
|
2010-04-03 05:58:27 +04:00
|
|
|
}
|
|
|
|
|
|
2017-01-20 08:52:01 +03:00
|
|
|
let result = assertSnapshots(testSnapshot, refSnapshot,
|
|
|
|
|
isEqual, null, testFile, refFile);
|
|
|
|
|
if (!result) {
|
|
|
|
|
info(`Gave up after ${tries} tries, ` +
|
|
|
|
|
`maxp=${gMaxPassingTries}, fact=${gTimeoutFactor}`);
|
|
|
|
|
}
|
2010-04-03 05:58:27 +04:00
|
|
|
}
|
|
|
|
|
|
2017-01-20 08:52:01 +03:00
|
|
|
runTests();
|
2010-04-03 05:58:27 +04:00
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
</pre>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
