test_bug415761.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html>

<head>

  <title>Test for icon filenames</title>

  <script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>

  <script src="chrome://mochikit/content/tests/SimpleTest/WindowSnapshot.js"></script>

  <link rel="stylesheet" type="text/css" href="chrome://mochikit/content/tests/SimpleTest/test.css" />

</head>

<body>

<pre id="test">

<script class="testbody" type="text/javascript">

SimpleTest.waitForExplicitFinish();

// We want to make sure that moz-icon URIs with non-ascii characters work. To that

// end, we compare the rendering of an icon without non-ascii characters to that

// of one that does include such characters.

// First, obtain the file URI to the ourselves:

var chromeURI = location.href;

var io = Services.io;

chromeURI = io.newURI(chromeURI);

var chromeReg = Cc["@mozilla.org/chrome/chrome-registry;1"]

                  .getService(Ci.nsIChromeRegistry);

var fileURI = chromeReg.convertChromeURL(chromeURI);

fileURI.QueryInterface(Ci.nsIFileURL);

var self = fileURI.file;

// Check if the ref or test icon are still hanging around from a previous test

var testDest = self.parent;

var refDest = self.parent;

testDest.append("\u263a.ico");

refDest.append("bug415761-ref.ico");

if (testDest.exists()) {

  testDest.remove(false);

if (refDest.exists()) {

  refDest.remove(false);

// Copy the source icon so that we have two identical icons with, one with

// non-ascii characters in its name.

var src = self.parent;

src.append("bug415761.ico");

src.copyTo(null, testDest.leafName);

src.copyTo(null, refDest.leafName);

// Now load both icons in an Image() with a moz-icon URI

var testImage = new Image();

var refImage = new Image();

var loadedImages = 0;

testImage.onload = refImage.onload = function() {

  loadedImages++;

  if (loadedImages == 2) {

    finishTest();

};

testImage.onerror = refImage.onerror = function() {

  testImage.onload = refImage.onload = function() {};

  ok(false, "Icon did not load successfully");

  SimpleTest.finish();

};

function finishTest() {

  ok(true, "Both icons loaded successfully");

  // Render the reference to a canvas

  var refCanvas = document.createElement("canvas");

  refCanvas.setAttribute("height", 32);

  refCanvas.setAttribute("width", 32);

  refCanvas.getContext('2d').drawImage(refImage, 0, 0, 32, 32);

  // A blank canvas to compare to to make sure we don't draw nothing.

  var blankCanvas = document.createElement("canvas");

  blankCanvas.setAttribute("height", 32);

  blankCanvas.setAttribute("width", 32);

  // Assert that they should be the different.

  if (!navigator.userAgent.includes("Windows NT 6.1")) {

    // Fails on Windows 7 for some reason.

    assertSnapshots(blankCanvas, refCanvas, false, 0, "blank", "reference icon");

  // Render the icon with a non-ascii character in its name to a canvas

  var testCanvas = document.createElement("canvas");

  testCanvas.setAttribute("height", 32);

  testCanvas.setAttribute("width", 32);

  testCanvas.getContext('2d').drawImage(testImage, 0, 0, 32, 32);

  // Assert that they should be the same.

  assertSnapshots(testCanvas, refCanvas, true, 0, "icon", "reference icon");

  SimpleTest.finish();

};

var testURI = io.newFileURI(testDest).spec;

var refURI = io.newFileURI(refDest).spec;

testImage.src = "moz-icon:" + testURI;

refImage.src = "moz-icon:" + refURI;

SimpleTest.registerCleanupFunction(function() {

  // Remove the copied files if they exist.

  if (testDest.exists()) {

    testDest.remove(false);

  if (refDest.exists()) {

    refDest.remove(false);

});

</script>

</pre>

</body>

</html>