1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
|
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<window id="293235Test"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
width="600"
height="600"
onload="setTimeout(runTests, 0);"
title="bug 293235 test">
<script type="application/javascript" src= "chrome://mochikit/content/chrome-harness.js" />
<script type="application/javascript" src="docshell_helpers.js" />
<script src="chrome://mochikit/content/tests/SimpleTest/WindowSnapshot.js"></script>
<script type="application/javascript"><![CDATA[
var {NetUtil} = ChromeUtils.import("resource://gre/modules/NetUtil.jsm");
// Return the Element object for the specified element id
function $(id) { return TestWindow.getDocument().getElementById(id); }
////
// Generator function for test steps for bug 293235:
// A visited link should have the :visited style applied
// to it when displayed on a page which was fetched from
// the bfcache.
//
async function runTests() {
// Register our observer to know when the link lookup is complete.
let testURI = NetUtil.newURI(getHttpUrl("bug293235_p2.html"));
let os = Cc["@mozilla.org/observer-service;1"].
getService(Ci.nsIObserverService);
// Load a test page containing a link that should be initially
// blue, per the :link style.
await new Promise(resolve => {
doPageNavigation({
uri: getHttpUrl("bug293235.html"),
onNavComplete: resolve,
});
});
// Now that we've been notified, we can check our link color.
// Since we can't use getComputedStyle() for this because
// getComputedStyle lies about styles that result from :visited,
// we have to take snapshots.
// First, take two reference snapshots.
var link1 = $("link1");
link1.className = "forcelink";
var refLink = await snapshotWindow(TestWindow.getWindow());
link1.className = "forcevisited";
var refVisited = await snapshotWindow(TestWindow.getWindow());
link1.className = "";
function snapshotsEqual(snap1, snap2) {
return compareSnapshots(snap1, snap2, true)[0];
}
ok(!snapshotsEqual(refLink, refVisited), "references should not match");
ok(snapshotsEqual(refLink, await snapshotWindow(TestWindow.getWindow())),
"link should initially be blue");
let observedVisit = false, observedPageShow = false;
await new Promise(resolve => {
function maybeResolve() {
ok(true, "maybe run next test? visited: " + observedVisit + " pageShow: " + observedPageShow);
if (observedVisit && observedPageShow)
resolve();
}
// Because adding visits is async, we will not be notified immediately.
let visitObserver = {
observe: function(aSubject, aTopic, aData)
{
if (!testURI.equals(aSubject.QueryInterface(Ci.nsIURI))) {
return;
}
os.removeObserver(this, aTopic);
observedVisit = true;
maybeResolve();
},
};
os.addObserver(visitObserver, "uri-visit-saved");
// Load the page that the link on the previous page points to.
doPageNavigation({
uri: getHttpUrl("bug293235_p2.html"),
onNavComplete: function() {
observedPageShow = true;
maybeResolve();
}
});
})
// And the nodes get notified after the "uri-visit-saved" topic, so
// we need to execute soon...
await new Promise(SimpleTest.executeSoon);
// Go back, verify the original page was loaded from the bfcache,
// and verify that the link is now purple, per the
// :visited style.
await new Promise(resolve => {
doPageNavigation({
back: true,
eventsToListenFor: ["pageshow"],
expectedEvents: [ { type: "pageshow",
persisted: true,
title: "Bug 293235 page1" } ],
onNavComplete: resolve,
});
})
// Now we can test the link color.
ok(snapshotsEqual(refVisited, await snapshotWindow(TestWindow.getWindow())),
"visited link should be purple");
// Tell the framework the test is finished.
finish();
}
]]></script>
<browser type="content" primary="true" flex="1" id="content" src="about:blank"/>
</window>
|
