michael@0: <?xml version="1.0"?>
michael@0: <?xml-stylesheet type="text/css" href="chrome://global/skin"?>
michael@0: <?xml-stylesheet href="chrome://mochikit/content/tests/SimpleTest/test.css"
michael@0:                  type="text/css"?>
michael@0: <window onload="runTests()"
michael@0:         xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
michael@0: <iframe height="200" width="600" type="content"></iframe>
michael@0: <iframe height="200" width="600" type="content"></iframe>
michael@0: <script type="application/javascript">
michael@0: <![CDATA[
michael@0: var is = window.opener.wrappedJSObject.is;
michael@0: var isnot = window.opener.wrappedJSObject.isnot;
michael@0: var ok = window.opener.wrappedJSObject.ok;
michael@0: var todo = window.opener.wrappedJSObject.todo;
michael@0: var SimpleTest = window.opener.wrappedJSObject.SimpleTest;
michael@0: var gWbp;
michael@0: var ctx1;
michael@0: var ctx2;
michael@0: var counter = 0;
michael@0: 
michael@0: var file = Components.classes["@mozilla.org/file/directory_service;1"]
michael@0:              .getService(Components.interfaces.nsIProperties)
michael@0:              .get("TmpD", Components.interfaces.nsILocalFile);
michael@0: filePath = file.path;
michael@0: 
michael@0: function printpreview() {
michael@0:   gWbp = window.frames[1].QueryInterface(Components.interfaces.nsIInterfaceRequestor)
michael@0:              .getInterface(Components.interfaces.nsIWebBrowserPrint);
michael@0:   var listener = {
michael@0:     onLocationChange: function(webProgress, request, location, flags) { },
michael@0:     onProgressChange: function(webProgress, request, curSelfProgress, 
michael@0:                                maxSelfProgress, curTotalProgress,
michael@0:                                maxTotalProgress) { },
michael@0:     onSecurityChange: function(webProgress, request, state) { },
michael@0:     onStateChange: function(webProgress, request, stateFlags, status) { },
michael@0:     onStatusChange: function(webProgress, request, status, message) { },
michael@0:     QueryInterface: function(iid) {
michael@0:       if (iid.equals(Components.interfaces.nsIWebProgressListener) ||
michael@0:           iid.equals(Components.interfaces.nsISupportsWeakReference))
michael@0:             return this;
michael@0:       throw Components.results.NS_NOINTERFACE;
michael@0:     }
michael@0:   }
michael@0:   var prefs = Components.classes["@mozilla.org/preferences-service;1"]
michael@0:                             .getService(Components.interfaces.nsIPrefBranch);
michael@0:   prefs.setBoolPref('print.show_print_progress', false);
michael@0:   //XXX I would have thought this would work, instead I'm forced to use prefs service
michael@0:   gWbp.globalPrintSettings.showPrintProgress = false;
michael@0:   var before = 0;
michael@0:   var after = 0;
michael@0:   function beforeprint() { ++before; }
michael@0:   function afterprint() { ++after; }
michael@0:   window.frames[0].addEventListener("beforeprint", beforeprint, true);
michael@0:   window.frames[0].addEventListener("afterprint", afterprint, true);
michael@0:   gWbp.printPreview(gWbp.globalPrintSettings, window.frames[0], listener);
michael@0:   is(before, 1, "Should have called beforeprint listener!");
michael@0:   is(after, 1, "Should have called afterprint listener!");
michael@0:   window.frames[0].removeEventListener("beforeprint", beforeprint, true);
michael@0:   window.frames[0].removeEventListener("afterprint", afterprint, true);
michael@0:   prefs.clearUserPref('print.show_print_progress');
michael@0: }
michael@0: 
michael@0: function exitprintpreview() {
michael@0:   window.frames[1].QueryInterface(Components.interfaces.nsIInterfaceRequestor)
michael@0:    .getInterface(Components.interfaces.nsIWebBrowserPrint).exitPrintPreview(); 
michael@0: }
michael@0: 
michael@0: function finish() {
michael@0:   SimpleTest.finish();
michael@0:   window.close();
michael@0: }
michael@0: 
michael@0: function runTests()
michael@0: {
michael@0:   var printService = Components.classes["@mozilla.org/gfx/printsettings-service;1"]
michael@0:                                .getService(Components.interfaces.nsIPrintSettingsService);
michael@0: 
michael@0:   try {
michael@0:     Components.classes["@mozilla.org/gfx/printerenumerator;1"]
michael@0:               .getService(Components.interfaces.nsIPrinterEnumerator);
michael@0:   } catch(e) {
michael@0:     todo(false, "Test skipped on MacOSX, as the print preview code doesn't work there");
michael@0:     finish();
michael@0:     return;
michael@0:   }
michael@0: 
michael@0:   if (printService.defaultPrinterName != '') {
michael@0:     startTest1();
michael@0:   } else {
michael@0:     todo(false, "No printer seems installed on this machine, that is necessary for this test");
michael@0:     finish();
michael@0:   }
michael@0: }
michael@0: 
michael@0: function compareCanvases() {
michael@0:   return window.QueryInterface(Components.interfaces.nsIInterfaceRequestor)
michael@0:                .getInterface(Components.interfaces.nsIDOMWindowUtils)
michael@0:                .compareCanvases(document.getElementsByTagName("canvas")[0],
michael@0:                                 document.getElementsByTagName("canvas")[1],
michael@0:                                 {}) == 0;
michael@0: }
michael@0: 
michael@0: function addHTMLContent(parent) {
michael@0:   var n = parent.ownerDocument.createElement("div");
michael@0:   parent.appendChild(n);
michael@0:   var s = "<iframe width='500' height='40' src='data:text/plain,ThisIsAnIframeCreatedDuringPrintPreview'></iframe>";
michael@0:   s += "<table>";
michael@0:   for (var i = 1; i < 501; ++i) {
michael@0:     s += "<tr><td>Cell A" + i + "</td><td>Cell B" + i + "</td><td>Cell C" + i + "</td></tr>";
michael@0:   }
michael@0:   s += "</table>";
michael@0:   n.innerHTML = s;
michael@0: }
michael@0: 
michael@0: function startTest1() {
michael@0:   ctx1 = document.getElementsByTagName("canvas")[0].getContext("2d");
michael@0:   ctx2 = document.getElementsByTagName("canvas")[1].getContext("2d");
michael@0:   window.frames[0].document.body.innerHTML = "<div> </div><div>" + counter + " timers</div><div> </div>";
michael@0: 
michael@0:   // Note this timeout is needed so that we can check that timers run
michael@0:   // after print preview, but not during it.
michael@0:   window.frames[0].wrappedJSObject.counter = counter;
michael@0:   window.frames[0].counterTimeout = "document.body.firstChild.nextSibling.innerHTML = ++counter + ' timers';" +
michael@0:                                     "window.setTimeout(counterTimeout, 0);";
michael@0:   window.frames[0].setTimeout(window.frames[0].counterTimeout, 0);
michael@0:   window.frames[0].document.body.firstChild.innerHTML = "Print preview";
michael@0: 
michael@0:   printpreview();
michael@0:   ctx1.drawWindow(window.frames[1], 0, 0, 300, 300, "rgb(256,256,256)");
michael@0:   window.frames[0].document.body.firstChild.innerHTML = "Galley presentation";
michael@0: 
michael@0:   // Add some elements.
michael@0:   addHTMLContent(window.frames[0].document.body.lastChild);
michael@0:   // Delete them.
michael@0:   window.frames[0].document.body.lastChild.innerHTML = "";
michael@0:   // And readd.
michael@0:   addHTMLContent(window.frames[0].document.body.lastChild);
michael@0: 
michael@0:   setTimeout(finalizeTest1, 1000);
michael@0: }
michael@0: 
michael@0: function finalizeTest1() {
michael@0:   ctx2.drawWindow(window.frames[1], 0, 0, 300, 300, "rgb(256,256,256)");
michael@0:   exitprintpreview();
michael@0:   ok(compareCanvases(), "Canvas should be the same!");
michael@0:   counter = window.frames[0].counter;
michael@0:   // This timeout is needed so that we can check that timers do run after
michael@0:   // print preview.
michael@0:   setTimeout(runTest2, 1000);
michael@0: }
michael@0: 
michael@0: function runTest2() {
michael@0:   isnot(window.frames[0].document.body.firstChild.nextSibling.textContent, "0 timers", "Timers should have run!");
michael@0:   isnot(window.frames[0].counter, 0, "Timers should have run!");
michael@0:   counter = window.frames[0].counter;
michael@0:   window.frames[0].counterTimeout = "";
michael@0:   setTimeout(runTest3, 0);
michael@0: }
michael@0: 
michael@0: var elementIndex = 0;
michael@0: var compareEmptyElement = true;
michael@0: var emptyFormElements =
michael@0:   ["<input type='text'>",
michael@0:    "<input type='password'>",
michael@0:    "<input type='file'>",
michael@0:    "<input type='button'>",
michael@0:    "<input type='submit'>",
michael@0:    "<input type='reset'>",
michael@0:    "<input type='checkbox'>",
michael@0:    "<input type='radio'>",
michael@0:    "<select></select>",
michael@0:    "<select size='5'></select>",
michael@0:    "<textarea></textarea>"];
michael@0: 
michael@0: var formElements =
michael@0:   ["<input type='text' value='text'>",
michael@0:    "<input type='password' value='password'>",
michael@0:    "<input type='file' value='" + filePath + "'>",
michael@0:    "<input type='button' value='button'>",
michael@0:    "<input type='submit' value='submit button'>",
michael@0:    "<input type='reset' value='reset button'>",
michael@0:    "<input type='checkbox' checked>",
michael@0:    "<input type='radio' checked>",
michael@0:    "<select><option>option1</option></select>",
michael@0:    "<select size='5'><option>1</option><option>2</option><option>3</option></select>",
michael@0:    "<textarea value='textarea'>textarea</textarea>"];
michael@0: 
michael@0: function runTest3() {
michael@0:   if (compareEmptyElement) {
michael@0:     var currentIndex = elementIndex;
michael@0:     ++elementIndex;
michael@0:     if (elementIndex >= emptyFormElements.length) {
michael@0:       elementIndex = 0;
michael@0:       compareEmptyElement = false;
michael@0:     }
michael@0:     compareFormElementPrint(emptyFormElements[currentIndex], emptyFormElements[currentIndex], true);
michael@0:     return;
michael@0:   } else if (elementIndex < emptyFormElements.length) {
michael@0:     var currentIndex = elementIndex;
michael@0:     ++elementIndex;
michael@0:     compareFormElementPrint(emptyFormElements[currentIndex], formElements[currentIndex], false);
michael@0:     return;
michael@0:   }
michael@0: 
michael@0:   setTimeout(runTest4, 0)
michael@0: }
michael@0: 
michael@0: function compareFormElementPrint(el1, el2, equals) {
michael@0:   window.frames[0].document.body.innerHTML = el1;
michael@0:   window.frames[0].document.body.firstChild.value =
michael@0:     window.frames[0].document.body.firstChild.getAttribute('value');
michael@0:   printpreview();
michael@0:   ctx1.drawWindow(window.frames[1], 0, 0, 300, 300, "rgb(256,256,256)");
michael@0:   exitprintpreview();
michael@0:   window.frames[0].document.body.innerHTML = el2;
michael@0:   window.frames[0].document.body.firstChild.value =
michael@0:     window.frames[0].document.body.firstChild.getAttribute('value');
michael@0:   printpreview();
michael@0:   ctx2.drawWindow(window.frames[1], 0, 0, 300, 300, "rgb(256,256,256)");
michael@0:   exitprintpreview();
michael@0:   is(compareCanvases(), equals,
michael@0:      "Comparing print preview didn't succeed [" + el1 + " : " + el2 + "]");
michael@0:   setTimeout(runTest3, 100);
michael@0: }
michael@0: 
michael@0: // This is a crash test for bug 539060.
michael@0: function runTest4() {
michael@0:   window.frames[0].document.body.innerHTML =
michael@0:     "<iframe style='display: none;' src='data:text/html,<iframe>'></iframe>";
michael@0:   setTimeout(runTest4end, 500);
michael@0: }
michael@0: 
michael@0: function runTest4end() {
michael@0:   printpreview();
michael@0:   exitprintpreview();
michael@0: 
michael@0:   runTest5();
michael@0: }
michael@0: 
michael@0: // This is a crash test for bug 595337
michael@0: function runTest5() {
michael@0:   window.frames[0].document.body.innerHTML =
michael@0:     '<iframe style="position: fixed; visibility: hidden; bottom: 10em;"></iframe>' +
michael@0:     '<input contenteditable="true" style="display: table; page-break-before: left; width: 10000px;">';
michael@0:   printpreview();
michael@0:   exitprintpreview();
michael@0: 
michael@0:   setTimeout(runTest6, 0);
michael@0: }
michael@0: 
michael@0: // Crash test for bug 878037
michael@0: function runTest6() {
michael@0:   window.frames[0].document.body.innerHTML =
michael@0:     '<style> li { list-style-image: url("animated.gif"); } </style>' +
michael@0:     '<li>Firefox will crash if you try and print this page</li>';
michael@0: 
michael@0:   setTimeout(runTest6end, 500);
michael@0: }
michael@0: 
michael@0: function runTest6end() {
michael@0:   printpreview();
michael@0:   exitprintpreview();
michael@0: 
michael@0:   finish();
michael@0: }
michael@0: 
michael@0: ]]></script>
michael@0: <table style="border: 1px solid black;" xmlns="http://www.w3.org/1999/xhtml">
michael@0: <tr><th>Print preview canvas 1</th><th>Print preview canvas 2</th></tr>
michael@0: <tr>
michael@0: <td><canvas height="300" width="300"></canvas></td>
michael@0: <td><canvas height="300" width="300"></canvas></td>
michael@0: </tr></table>
michael@0: </window>