forked from mirrors/gecko-dev
e15a06b5ac
Depends on D21215 Differential Revision: https://phabricator.services.mozilla.com/D14130 --HG-- extra : moz-landing-system : lando
124 lines
5.3 KiB
JavaScript
124 lines
5.3 KiB
JavaScript
/* Any copyright is dedicated to the public domain.
|
|
http://creativecommons.org/publicdomain/zero/1.0/ */
|
|
|
|
// Test that the onmozbrowsericonchange event works.
|
|
"use strict";
|
|
|
|
/* global browserElementTestHelpers */
|
|
|
|
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);
|