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
120
121
122
123
124
125
126
127
128
129
130
|
/* Any copyright is dedicated to the public domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
// Test that the onmozbrowsericonchange event works.
"use strict";
SimpleTest.waitForExplicitFinish();
browserElementTestHelpers.setEnabledPref(true);
browserElementTestHelpers.addPermission();
browserElementTestHelpers.allowTopLevelDataURINavigation();
function createHtml(link) {
return 'data:text/html,<html><head>' + link + '<body></body></html>';
}
function createLink(name, sizes, rel) {
var s = sizes ? 'sizes="' + sizes + '"' : '';
if (!rel) {
rel = 'icon';
}
return '<link rel="' + rel + '" type="image/png" ' + s +
' href="http://example.com/' + name + '.png">';
}
function runTest() {
var iframe1 = document.createElement('iframe');
iframe1.setAttribute('mozbrowser', 'true');
document.body.appendChild(iframe1);
// iframe2 is a red herring; we modify its favicon but don't listen for
// iconchanges; we want to make sure that its iconchange events aren't
// picked up by the listener on iframe1.
var iframe2 = document.createElement('iframe');
iframe2.setAttribute('mozbrowser', 'true');
document.body.appendChild(iframe2);
// iframe3 is another red herring. It's not a mozbrowser, so we shouldn't
// get any iconchange events on it.
var iframe3 = document.createElement('iframe');
document.body.appendChild(iframe3);
var numIconChanges = 0;
iframe1.addEventListener('mozbrowsericonchange', function(e) {
numIconChanges++;
if (numIconChanges == 1) {
is(e.detail.href, 'http://example.com/myicon.png');
// We should recieve iconchange events when the user creates new links
// to a favicon, but only when we listen for them
SpecialPowers.getBrowserFrameMessageManager(iframe1)
.loadFrameScript("data:,content.document.title='New title';",
/* allowDelayedLoad = */ false);
SpecialPowers.getBrowserFrameMessageManager(iframe1)
.loadFrameScript("data:,content.document.head.insertAdjacentHTML('beforeend', '<link rel=ICON href=http://example.com/newicon.png>')",
/* allowDelayedLoad = */ false);
SpecialPowers.getBrowserFrameMessageManager(iframe2)
.loadFrameScript("data:,content.document.head.insertAdjacentHTML('beforeend', '<link rel=ICON href=http://example.com/newicon.png>')",
/* allowDelayedLoad = */ false);
}
else if (numIconChanges == 2) {
is(e.detail.href, 'http://example.com/newicon.png');
// Full new pages should trigger iconchange events
iframe1.src = createHtml(createLink('3rdicon'));
}
else if (numIconChanges == 3) {
is(e.detail.href, 'http://example.com/3rdicon.png');
// the rel attribute can have various space seperated values, make
// sure we only pick up correct values for 'icon'
SpecialPowers.getBrowserFrameMessageManager(iframe1)
.loadFrameScript("data:,content.document.head.insertAdjacentHTML('beforeend', '<link rel=shortcuticon href=http://example.com/newicon.png>')",
/* allowDelayedLoad = */ false);
// Test setting a page with multiple links elements
iframe1.src = createHtml(createLink('another') + createLink('icon'));
}
else if (numIconChanges == 4) {
is(e.detail.href, 'http://example.com/another.png');
// 2 events will be triggered by previous test, wait for next
}
else if (numIconChanges == 5) {
is(e.detail.href, 'http://example.com/icon.png');
// Make sure icon check is case insensitive
SpecialPowers.getBrowserFrameMessageManager(iframe1)
.loadFrameScript("data:,content.document.head.insertAdjacentHTML('beforeend', '<link rel=ICON href=http://example.com/ucaseicon.png>')",
/* allowDelayedLoad = */ false);
}
else if (numIconChanges == 6) {
is(e.detail.href, 'http://example.com/ucaseicon.png');
iframe1.src = createHtml(createLink('testsize', '50x50', 'icon'));
}
else if (numIconChanges == 7) {
is(e.detail.href, 'http://example.com/testsize.png');
is(e.detail.sizes, '50x50');
iframe1.src = createHtml(createLink('testapple1', '100x100', 'apple-touch-icon'));
} else if (numIconChanges == 8) {
is(e.detail.href, 'http://example.com/testapple1.png');
is(e.detail.rel, 'apple-touch-icon');
is(e.detail.sizes, '100x100');
iframe1.src = createHtml(createLink('testapple2', '100x100', 'apple-touch-icon-precomposed'));
} else if (numIconChanges == 9) {
is(e.detail.href, 'http://example.com/testapple2.png');
is(e.detail.rel, 'apple-touch-icon-precomposed');
is(e.detail.sizes, '100x100');
SimpleTest.finish();
} else {
ok(false, 'Too many iconchange events.');
}
});
iframe3.addEventListener('mozbrowsericonchange', function(e) {
ok(false, 'Should not get a iconchange event for iframe3.');
});
iframe1.src = createHtml(createLink('myicon'));
// We should not recieve icon change events for either of the below iframes
iframe2.src = createHtml(createLink('myicon'));
iframe3.src = createHtml(createLink('myicon'));
}
addEventListener('testready', runTest);
|
