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
|
/* 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();
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);
|
