chrome/test/data/webui/print_preview.js

   1 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
   2 // Use of this source code is governed by a BSD-style license that can be
   3 // found in the LICENSE file.
   4
   5 /**
   6  * Test fixture for print preview WebUI testing.
   7  * @constructor
   8  * @extends {testing.Test}
   9  */
  10 function PrintPreviewWebUITest() {
  11   testing.Test.call(this);
  12   this.nativeLayer_ = null;
  13   this.initialSettings_ = null;
  14   this.localDestinationInfos_ = null;
  15 }
  16
  17 /**
  18  * Index of the "Save as PDF" printer.
  19  * @type {number}
  20  * @const
  21  */
  22 PrintPreviewWebUITest.PDF_INDEX = 0;
  23
  24 /**
  25  * Index of the Foo printer.
  26  * @type {number}
  27  * @const
  28  */
  29 PrintPreviewWebUITest.FOO_INDEX = 1;
  30
  31 /**
  32  * Index of the Bar printer.
  33  * @type {number}
  34  * @const
  35  */
  36 PrintPreviewWebUITest.BAR_INDEX = 2;
  37
  38 PrintPreviewWebUITest.prototype = {
  39   __proto__: testing.Test.prototype,
  40
  41   /**
  42    * Browse to the sample page, cause print preview & call preLoad().
  43    * @type {string}
  44    * @override
  45    */
  46   browsePrintPreload: 'print_preview_hello_world_test.html',
  47
  48   /** @override */
  49   runAccessibilityChecks: true,
  50
  51   /** @override */
  52   accessibilityIssuesAreErrors: true,
  53
  54   /** @override */
  55   isAsync: true,
  56
  57   /**
  58    * Stub out low-level functionality like the NativeLayer and
  59    * CloudPrintInterface.
  60    * @this {PrintPreviewWebUITest}
  61    * @override
  62    */
  63   preLoad: function() {
  64     window.addEventListener('DOMContentLoaded', function() {
  65       function NativeLayerStub() {
  66         cr.EventTarget.call(this);
  67       }
  68       NativeLayerStub.prototype = {
  69         __proto__: cr.EventTarget.prototype,
  70         startGetInitialSettings: function() {},
  71         startGetLocalDestinations: function() {},
  72         startGetPrivetDestinations: function() {},
  73         startGetLocalDestinationCapabilities: function(destinationId) {}
  74       };
  75       var oldNativeLayerEventType = print_preview.NativeLayer.EventType;
  76       var oldDuplexMode = print_preview.NativeLayer.DuplexMode;
  77       print_preview.NativeLayer = NativeLayerStub;
  78       print_preview.NativeLayer.EventType = oldNativeLayerEventType;
  79       print_preview.NativeLayer.DuplexMode = oldDuplexMode;
  80
  81       function CloudPrintInterfaceStub() {
  82         cr.EventTarget.call(this);
  83       }
  84       CloudPrintInterfaceStub.prototype = {
  85         __proto__: cr.EventTarget.prototype,
  86         search: function(isRecent) {}
  87       };
  88       var oldCpInterfaceEventType = cloudprint.CloudPrintInterface.EventType;
  89       cloudprint.CloudPrintInterface = CloudPrintInterfaceStub;
  90       cloudprint.CloudPrintInterface.EventType = oldCpInterfaceEventType;
  91
  92       print_preview.PreviewArea.prototype.getPluginType_ =
  93           function() {
  94         return print_preview.PreviewArea.PluginType_.NONE;
  95       };
  96     }.bind(this));
  97   },
  98
  99   /**
 100    * Dispatch the INITIAL_SETTINGS_SET event. This call is NOT async and will
 101    * happen in the same thread.
 102    */
 103   setInitialSettings: function() {
 104     var initialSettingsSetEvent =
 105         new Event(print_preview.NativeLayer.EventType.INITIAL_SETTINGS_SET);
 106     initialSettingsSetEvent.initialSettings = this.initialSettings_;
 107     this.nativeLayer_.dispatchEvent(initialSettingsSetEvent);
 108   },
 109
 110   /**
 111    * Dispatch the LOCAL_DESTINATIONS_SET event. This call is NOT async and will
 112    * happen in the same thread.
 113    */
 114   setLocalDestinations: function() {
 115     var localDestsSetEvent =
 116         new Event(print_preview.NativeLayer.EventType.LOCAL_DESTINATIONS_SET);
 117     localDestsSetEvent.destinationInfos = this.localDestinationInfos_;
 118     this.nativeLayer_.dispatchEvent(localDestsSetEvent);
 119   },
 120
 121   /**
 122    * Dispatch the CAPABILITIES_SET event. This call is NOT async and will
 123    * happen in the same thread.
 124    * @device - The device whose capabilities should be dispatched.
 125    */
 126   setCapabilities: function(device) {
 127     var capsSetEvent =
 128         new Event(print_preview.NativeLayer.EventType.CAPABILITIES_SET);
 129     capsSetEvent.settingsInfo = device;
 130     this.nativeLayer_.dispatchEvent(capsSetEvent);
 131   },
 132
 133   /**
 134    * Even though animation duration and delay is set to zero, it is necessary to
 135    * wait until the animation has finished.
 136    */
 137   waitForAnimationToEnd: function(elementId) {
 138     // add a listener for the animation end event
 139     document.addEventListener('webkitAnimationEnd', function f(e) {
 140       if (e.target.id == elementId) {
 141         document.removeEventListener(f, 'webkitAnimationEnd');
 142         testDone();
 143       }
 144     });
 145   },
 146
 147   /**
 148    * Expand the 'More Settings' div to expose all options.
 149    */
 150   expandMoreSettings: function() {
 151     var moreSettings = $('more-settings');
 152     checkSectionVisible(moreSettings, true);
 153     moreSettings.click();
 154   },
 155
 156   /**
 157    * Generate a real C++ class; don't typedef.
 158    * @type {?string}
 159    * @override
 160    */
 161   typedefCppFixture: null,
 162
 163   /**
 164    * @this {PrintPreviewWebUITest}
 165    * @override
 166    */
 167   setUp: function() {
 168     Mock4JS.clearMocksToVerify();
 169
 170     this.initialSettings_ = new print_preview.NativeInitialSettings(
 171       false /*isInKioskAutoPrintMode*/,
 172       false /*isInAppKioskMode*/,
 173       false /*hidePrintWithSystemDialogLink*/,
 174       ',' /*thousandsDelimeter*/,
 175       '.' /*decimalDelimeter*/,
 176       1 /*unitType*/,
 177       true /*isDocumentModifiable*/,
 178       'title' /*documentTitle*/,
 179       true /*documentHasSelection*/,
 180       false /*selectionOnly*/,
 181       'FooDevice' /*systemDefaultDestinationId*/,
 182       null /*serializedAppStateStr*/,
 183       false /*documentHasSelection*/);
 184     this.localDestinationInfos_ = [
 185       { printerName: 'FooName', deviceName: 'FooDevice' },
 186       { printerName: 'BarName', deviceName: 'BarDevice' }
 187     ];
 188     this.nativeLayer_ = printPreview.nativeLayer_;
 189
 190     // Make all transitions and animations take 0ms for testing purposes.
 191     // Animations still happen and must be waited on.
 192     var noAnimationStyle = document.createElement('style');
 193     noAnimationStyle.textContent =
 194       '* {' +
 195       '  -webkit-transition-duration: 0ms !important;' +
 196       '  -webkit-transition-delay: 0ms !important;' +
 197       '  -webkit-animation-duration: 0ms !important;' +
 198       '  -webkit-animation-delay: 0ms !important;' +
 199       '}';
 200     document.querySelector('head').appendChild(noAnimationStyle);
 201   }
 202 };
 203
 204 GEN('#include "chrome/test/data/webui/print_preview.h"');
 205
 206 // Test some basic assumptions about the print preview WebUI.
 207 TEST_F('PrintPreviewWebUITest', 'TestPrinterList', function() {
 208   this.setInitialSettings();
 209   this.setLocalDestinations();
 210
 211   var recentList = $('destination-search').querySelector('.recent-list ul');
 212   var localList = $('destination-search').querySelector('.local-list ul');
 213   assertNotEquals(null, recentList);
 214   assertEquals(1, recentList.childNodes.length);
 215   assertEquals('FooName',
 216                recentList.childNodes.item(0).querySelector(
 217                    '.destination-list-item-name').textContent);
 218
 219   assertNotEquals(null, localList);
 220   assertEquals(3, localList.childNodes.length);
 221   assertEquals('Save as PDF',
 222                localList.childNodes.item(PrintPreviewWebUITest.PDF_INDEX).
 223                    querySelector('.destination-list-item-name').textContent);
 224   assertEquals('FooName',
 225                localList.childNodes.item(PrintPreviewWebUITest.FOO_INDEX).
 226                    querySelector('.destination-list-item-name').textContent);
 227   assertEquals('BarName',
 228                localList.childNodes.item(PrintPreviewWebUITest.BAR_INDEX).
 229                    querySelector('.destination-list-item-name').textContent);
 230
 231   testDone();
 232 });
 233
 234 // Test that the printer list is structured correctly after calling
 235 // addCloudPrinters with an empty list.
 236 TEST_F('PrintPreviewWebUITest', 'TestPrinterListCloudEmpty', function() {
 237   this.setInitialSettings();
 238   this.setLocalDestinations();
 239
 240   var cloudPrintEnableEvent =
 241       new Event(print_preview.NativeLayer.EventType.CLOUD_PRINT_ENABLE);
 242   cloudPrintEnableEvent.baseCloudPrintUrl = 'cloudprint url';
 243   this.nativeLayer_.dispatchEvent(cloudPrintEnableEvent);
 244
 245   var searchDoneEvent =
 246       new Event(cloudprint.CloudPrintInterface.EventType.SEARCH_DONE);
 247   searchDoneEvent.printers = [];
 248   searchDoneEvent.isRecent = true;
 249   searchDoneEvent.email = 'foo@chromium.org';
 250   printPreview.cloudPrintInterface_.dispatchEvent(searchDoneEvent);
 251
 252   var recentList = $('destination-search').querySelector('.recent-list ul');
 253   var localList = $('destination-search').querySelector('.local-list ul');
 254   var cloudList = $('destination-search').querySelector('.cloud-list ul');
 255
 256   assertNotEquals(null, recentList);
 257   assertEquals(1, recentList.childNodes.length);
 258   assertEquals('FooName',
 259                recentList.childNodes.item(0).querySelector(
 260                    '.destination-list-item-name').textContent);
 261
 262   assertNotEquals(null, localList);
 263   assertEquals(3, localList.childNodes.length);
 264   assertEquals('Save as PDF',
 265                localList.childNodes.item(PrintPreviewWebUITest.PDF_INDEX).
 266                    querySelector('.destination-list-item-name').textContent);
 267   assertEquals('FooName',
 268                localList.childNodes.item(PrintPreviewWebUITest.FOO_INDEX).
 269                    querySelector('.destination-list-item-name').textContent);
 270   assertEquals('BarName',
 271                localList.childNodes.item(PrintPreviewWebUITest.BAR_INDEX).
 272                    querySelector('.destination-list-item-name').textContent);
 273
 274   assertNotEquals(null, cloudList);
 275   assertEquals(0, cloudList.childNodes.length);
 276
 277   testDone();
 278 });
 279
 280 /**
 281  * Verify that |section| visibility matches |visible|.
 282  * @param {HTMLDivElement} section The section to check.
 283  * @param {boolean} visible The expected state of visibility.
 284  */
 285 function checkSectionVisible(section, visible) {
 286   assertNotEquals(null, section);
 287   expectEquals(
 288       visible, section.classList.contains('visible'), 'section=' + section.id);
 289 }
 290
 291 function checkElementDisplayed(el, isDisplayed) {
 292   assertNotEquals(null, el);
 293   expectEquals(isDisplayed,
 294                !el.hidden,
 295                'element="' + el.id + '" of class "' + el.classList + '"');
 296 }
 297
 298 function getCddTemplate(printerId) {
 299   return {
 300     printerId: printerId,
 301     capabilities: {
 302       version: '1.0',
 303       printer: {
 304         supported_content_type: [{content_type: 'application/pdf'}],
 305         collate: {},
 306         color: {
 307           option: [
 308             {type: 'STANDARD_COLOR', is_default: true},
 309             {type: 'STANDARD_MONOCHROME'}
 310           ]
 311         },
 312         copies: {},
 313         duplex: {
 314           option: [
 315             {type: 'NO_DUPLEX', is_default: true},
 316             {type: 'LONG_EDGE'},
 317             {type: 'SHORT_EDGE'}
 318           ]
 319         },
 320         page_orientation: {
 321           option: [
 322             {type: 'PORTRAIT', is_default: true},
 323             {type: 'LANDSCAPE'},
 324             {type: 'AUTO'}
 325           ]
 326         },
 327         media_size: {
 328           option: [
 329             { name: 'NA_LETTER',
 330               width_microns: 215900,
 331               height_microns: 279400,
 332               is_default: true
 333             }
 334           ]
 335         }
 336       }
 337     }
 338   };
 339 }
 340
 341 TEST_F('PrintPreviewWebUITest', 'TestPrintPreviewRestoreLocalDestination',
 342     function() {
 343   this.initialSettings_.serializedAppStateStr_ =
 344       '{"version":2,"selectedDestinationId":"ID",' +
 345       '"selectedDestinationOrigin":"local"}';
 346   this.setInitialSettings();
 347
 348   testDone();
 349 });
 350
 351 TEST_F('PrintPreviewWebUITest', 'TestSystemDialogLinkIsHiddenInAppKioskMode',
 352     function() {
 353   if (cr.isChromeOS) {
 354     assertEquals(null, $('system-dialog-link'));
 355   } else {
 356     this.initialSettings_.isInAppKioskMode_ = true;
 357     this.setInitialSettings();
 358
 359     checkElementDisplayed($('system-dialog-link'), false);
 360   }
 361
 362   testDone();
 363 });
 364
 365 // Test that disabled settings hide the disabled sections.
 366 TEST_F('PrintPreviewWebUITest', 'TestSectionsDisabled', function() {
 367   checkSectionVisible($('layout-settings'), false);
 368   checkSectionVisible($('color-settings'), false);
 369   checkSectionVisible($('copies-settings'), false);
 370
 371   this.setInitialSettings();
 372   this.setLocalDestinations();
 373   var device = getCddTemplate("FooDevice");
 374   device.capabilities.printer.color = {
 375     "option": [
 376       {"is_default": true, "type": "STANDARD_COLOR"}
 377     ]
 378   };
 379   delete device.capabilities.printer.copies;
 380   this.setCapabilities(device);
 381
 382   checkSectionVisible($('layout-settings'), true);
 383   checkSectionVisible($('color-settings'), false);
 384   checkSectionVisible($('copies-settings'), false);
 385
 386   this.waitForAnimationToEnd('other-options-collapsible');
 387 });
 388
 389 // When the source is 'PDF' and 'Save as PDF' option is selected, we hide the
 390 // fit to page option.
 391 TEST_F('PrintPreviewWebUITest', 'PrintToPDFSelectedCapabilities', function() {
 392   // Add PDF printer.
 393   this.initialSettings_.isDocumentModifiable_ = false;
 394   this.initialSettings_.systemDefaultDestinationId_ = 'Save as PDF';
 395   this.setInitialSettings();
 396
 397   var device = {
 398     printerId: 'Save as PDF',
 399     capabilities: {
 400       version: '1.0',
 401       printer: {
 402         page_orientation: {
 403           option: [
 404             {type: 'AUTO', is_default: true},
 405             {type: 'PORTRAIT'},
 406             {type: 'LANDSCAPE'}
 407           ]
 408         },
 409         color: {
 410           option: [
 411             {type: 'STANDARD_COLOR', is_default: true}
 412           ]
 413         },
 414         media_size: {
 415           option: [
 416             { name: 'NA_LETTER',
 417               width_microns: 0,
 418               height_microns: 0,
 419               is_default: true
 420             }
 421           ]
 422         }
 423       }
 424     }
 425   };
 426   this.setCapabilities(device);
 427
 428   checkSectionVisible($('other-options-settings'), false);
 429   checkSectionVisible($('media-size-settings'), false);
 430
 431   testDone();
 432 });
 433
 434 // When the source is 'HTML', we always hide the fit to page option and show
 435 // media size option.
 436 TEST_F('PrintPreviewWebUITest', 'SourceIsHTMLCapabilities', function() {
 437   this.setInitialSettings();
 438   this.setLocalDestinations();
 439   this.setCapabilities(getCddTemplate("FooDevice"));
 440
 441   var otherOptions = $('other-options-settings');
 442   var fitToPage = otherOptions.querySelector('.fit-to-page-container');
 443   var mediaSize = $('media-size-settings');
 444
 445   // Check that options are collapsed (section is visible, because duplex is
 446   // available).
 447   checkSectionVisible(otherOptions, true);
 448   checkElementDisplayed(fitToPage, false);
 449   checkSectionVisible(mediaSize, false);
 450
 451   this.expandMoreSettings();
 452
 453   checkElementDisplayed(fitToPage, false);
 454   checkSectionVisible(mediaSize, true);
 455
 456   this.waitForAnimationToEnd('more-settings');
 457 });
 458
 459 // When the source is "PDF", depending on the selected destination printer, we
 460 // show/hide the fit to page option and hide media size selection.
 461 TEST_F('PrintPreviewWebUITest', 'SourceIsPDFCapabilities', function() {
 462   this.initialSettings_.isDocumentModifiable_ = false;
 463   this.setInitialSettings();
 464   this.setLocalDestinations();
 465   this.setCapabilities(getCddTemplate("FooDevice"));
 466
 467   var otherOptions = $('other-options-settings');
 468   checkSectionVisible(otherOptions, true);
 469   checkElementDisplayed(
 470       otherOptions.querySelector('.fit-to-page-container'), true);
 471   expectTrue(
 472       otherOptions.querySelector('.fit-to-page-checkbox').checked);
 473   checkSectionVisible($('media-size-settings'), true);
 474
 475   this.waitForAnimationToEnd('other-options-collapsible');
 476 });
 477
 478 // When the print scaling is disabled for the source "PDF", we show the fit
 479 // to page option but the state is unchecked by default.
 480 TEST_F('PrintPreviewWebUITest', 'PrintScalingDisabledForPlugin', function() {
 481   this.initialSettings_.isDocumentModifiable_ = false;
 482   this.setInitialSettings();
 483   this.setLocalDestinations();
 484   this.setCapabilities(getCddTemplate("FooDevice"));
 485
 486   // Indicate that the PDF does not support scaling by default.
 487   var printPresetOptionsEvent = new Event(
 488       print_preview.NativeLayer.EventType.PRINT_PRESET_OPTIONS);
 489   printPresetOptionsEvent.optionsFromDocument = {disableScaling: true};
 490   this.nativeLayer_.dispatchEvent(printPresetOptionsEvent);
 491
 492   var otherOptions = $('other-options-settings');
 493   checkSectionVisible(otherOptions, true);
 494   checkElementDisplayed(
 495       otherOptions.querySelector('.fit-to-page-container'), true);
 496   expectFalse(
 497       otherOptions.querySelector('.fit-to-page-checkbox').checked);
 498
 499   this.waitForAnimationToEnd('other-options-collapsible');
 500 });
 501
 502 // When the number of copies print preset is set for source 'PDF', we update
 503 // copies value if capability is supported by printer.
 504 TEST_F('PrintPreviewWebUITest', 'CheckNumCopiesPrintPreset', function() {
 505   this.initialSettings_.isDocumentModifiable_ = false;
 506   this.setInitialSettings();
 507   this.setLocalDestinations();
 508   this.setCapabilities(getCddTemplate("FooDevice"));
 509
 510   // Indicate that the number of copies print preset is set for source PDF.
 511   var printPresetOptions = {
 512     disableScaling: true,
 513     copies: 2
 514   };
 515   var printPresetOptionsEvent = new Event(
 516       print_preview.NativeLayer.EventType.PRINT_PRESET_OPTIONS);
 517   printPresetOptionsEvent.optionsFromDocument = printPresetOptions;
 518   this.nativeLayer_.dispatchEvent(printPresetOptionsEvent);
 519
 520   checkSectionVisible($('copies-settings'), true);
 521   expectEquals(
 522       printPresetOptions.copies,
 523       parseInt($('copies-settings').querySelector('.copies').value));
 524
 525   this.waitForAnimationToEnd('other-options-collapsible');
 526 });
 527
 528 // Make sure that custom margins controls are properly set up.
 529 TEST_F('PrintPreviewWebUITest', 'CustomMarginsControlsCheck', function() {
 530   this.setInitialSettings();
 531   this.setLocalDestinations();
 532   this.setCapabilities(getCddTemplate("FooDevice"));
 533
 534   printPreview.printTicketStore_.marginsType.updateValue(
 535       print_preview.ticket_items.MarginsType.Value.CUSTOM);
 536
 537   ['left', 'top', 'right', 'bottom'].forEach(function(margin) {
 538     var control = $('preview-area').querySelector('.margin-control-' + margin);
 539     assertNotEquals(null, control);
 540     var input = control.querySelector('.margin-control-textbox');
 541     assertTrue(input.hasAttribute('aria-label'));
 542     assertNotEquals('undefined', input.getAttribute('aria-label'));
 543   });
 544   this.waitForAnimationToEnd('more-settings');
 545 });
 546
 547 // Page layout has zero margins. Hide header and footer option.
 548 TEST_F('PrintPreviewWebUITest', 'PageLayoutHasNoMarginsHideHeaderFooter',
 549     function() {
 550   this.setInitialSettings();
 551   this.setLocalDestinations();
 552   this.setCapabilities(getCddTemplate("FooDevice"));
 553
 554   var otherOptions = $('other-options-settings');
 555   var headerFooter = otherOptions.querySelector('.header-footer-container');
 556
 557   // Check that options are collapsed (section is visible, because duplex is
 558   // available).
 559   checkSectionVisible(otherOptions, true);
 560   checkElementDisplayed(headerFooter, false);
 561
 562   this.expandMoreSettings();
 563
 564   checkElementDisplayed(headerFooter, true);
 565
 566   printPreview.printTicketStore_.marginsType.updateValue(
 567       print_preview.ticket_items.MarginsType.Value.CUSTOM);
 568   printPreview.printTicketStore_.customMargins.updateValue(
 569       new print_preview.Margins(0, 0, 0, 0));
 570
 571   checkElementDisplayed(headerFooter, false);
 572
 573   this.waitForAnimationToEnd('more-settings');
 574 });
 575
 576 // Page layout has half-inch margins. Show header and footer option.
 577 TEST_F('PrintPreviewWebUITest', 'PageLayoutHasMarginsShowHeaderFooter',
 578     function() {
 579   this.setInitialSettings();
 580   this.setLocalDestinations();
 581   this.setCapabilities(getCddTemplate("FooDevice"));
 582
 583   var otherOptions = $('other-options-settings');
 584   var headerFooter = otherOptions.querySelector('.header-footer-container');
 585
 586   // Check that options are collapsed (section is visible, because duplex is
 587   // available).
 588   checkSectionVisible(otherOptions, true);
 589   checkElementDisplayed(headerFooter, false);
 590
 591   this.expandMoreSettings();
 592
 593   checkElementDisplayed(headerFooter, true);
 594
 595   printPreview.printTicketStore_.marginsType.updateValue(
 596       print_preview.ticket_items.MarginsType.Value.CUSTOM);
 597   printPreview.printTicketStore_.customMargins.updateValue(
 598       new print_preview.Margins(36, 36, 36, 36));
 599
 600   checkElementDisplayed(headerFooter, true);
 601
 602   this.waitForAnimationToEnd('more-settings');
 603 });
 604
 605 // Page layout has zero top and bottom margins. Hide header and footer option.
 606 TEST_F('PrintPreviewWebUITest',
 607        'ZeroTopAndBottomMarginsHideHeaderFooter',
 608        function() {
 609   this.setInitialSettings();
 610   this.setLocalDestinations();
 611   this.setCapabilities(getCddTemplate("FooDevice"));
 612
 613   var otherOptions = $('other-options-settings');
 614   var headerFooter = otherOptions.querySelector('.header-footer-container');
 615
 616   // Check that options are collapsed (section is visible, because duplex is
 617   // available).
 618   checkSectionVisible(otherOptions, true);
 619   checkElementDisplayed(headerFooter, false);
 620
 621   this.expandMoreSettings();
 622
 623   checkElementDisplayed(headerFooter, true);
 624
 625   printPreview.printTicketStore_.marginsType.updateValue(
 626       print_preview.ticket_items.MarginsType.Value.CUSTOM);
 627   printPreview.printTicketStore_.customMargins.updateValue(
 628       new print_preview.Margins(0, 36, 0, 36));
 629
 630   checkElementDisplayed(headerFooter, false);
 631
 632   this.waitForAnimationToEnd('more-settings');
 633 });
 634
 635 // Page layout has zero top and half-inch bottom margin. Show header and footer
 636 // option.
 637 TEST_F('PrintPreviewWebUITest',
 638        'ZeroTopAndNonZeroBottomMarginShowHeaderFooter',
 639        function() {
 640   this.setInitialSettings();
 641   this.setLocalDestinations();
 642   this.setCapabilities(getCddTemplate("FooDevice"));
 643
 644   var otherOptions = $('other-options-settings');
 645   var headerFooter = otherOptions.querySelector('.header-footer-container');
 646
 647   // Check that options are collapsed (section is visible, because duplex is
 648   // available).
 649   checkSectionVisible(otherOptions, true);
 650   checkElementDisplayed(headerFooter, false);
 651
 652   this.expandMoreSettings();
 653
 654   checkElementDisplayed(headerFooter, true);
 655
 656   printPreview.printTicketStore_.marginsType.updateValue(
 657       print_preview.ticket_items.MarginsType.Value.CUSTOM);
 658   printPreview.printTicketStore_.customMargins.updateValue(
 659       new print_preview.Margins(0, 36, 36, 36));
 660
 661   checkElementDisplayed(headerFooter, true);
 662
 663   this.waitForAnimationToEnd('more-settings');
 664 });
 665
 666 // Test that the color settings, one option, standard monochrome.
 667 TEST_F('PrintPreviewWebUITest', 'TestColorSettingsMonochrome', function() {
 668   this.setInitialSettings();
 669   this.setLocalDestinations();
 670
 671   // Only one option, standard monochrome.
 672   var device = getCddTemplate("FooDevice");
 673   device.capabilities.printer.color = {
 674     "option": [
 675       {"is_default": true, "type": "STANDARD_MONOCHROME"}
 676     ]
 677   };
 678   this.setCapabilities(device);
 679
 680   checkSectionVisible($('color-settings'), false);
 681
 682   this.waitForAnimationToEnd('more-settings');
 683 });
 684
 685 // Test that the color settings, one option, custom monochrome.
 686 TEST_F('PrintPreviewWebUITest', 'TestColorSettingsCustomMonochrome',
 687     function() {
 688   this.setInitialSettings();
 689   this.setLocalDestinations();
 690
 691   // Only one option, standard monochrome.
 692   var device = getCddTemplate("FooDevice");
 693   device.capabilities.printer.color = {
 694     "option": [
 695       {"is_default": true, "type": "CUSTOM_MONOCHROME", "vendor_id": "42"}
 696     ]
 697   };
 698   this.setCapabilities(device);
 699
 700   checkSectionVisible($('color-settings'), false);
 701
 702   this.waitForAnimationToEnd('more-settings');
 703 });
 704
 705 // Test that the color settings, one option, standard color.
 706 TEST_F('PrintPreviewWebUITest', 'TestColorSettingsColor', function() {
 707   this.setInitialSettings();
 708   this.setLocalDestinations();
 709
 710   var device = getCddTemplate("FooDevice");
 711   device.capabilities.printer.color = {
 712     "option": [
 713       {"is_default": true, "type": "STANDARD_COLOR"}
 714     ]
 715   };
 716   this.setCapabilities(device);
 717
 718   checkSectionVisible($('color-settings'), false);
 719
 720   this.waitForAnimationToEnd('more-settings');
 721 });
 722
 723 // Test that the color settings, one option, custom color.
 724 TEST_F('PrintPreviewWebUITest', 'TestColorSettingsCustomColor', function() {
 725   this.setInitialSettings();
 726   this.setLocalDestinations();
 727
 728   var device = getCddTemplate("FooDevice");
 729   device.capabilities.printer.color = {
 730     "option": [
 731       {"is_default": true, "type": "CUSTOM_COLOR", "vendor_id": "42"}
 732     ]
 733   };
 734   this.setCapabilities(device);
 735
 736   checkSectionVisible($('color-settings'), false);
 737
 738   this.waitForAnimationToEnd('more-settings');
 739 });
 740
 741 // Test that the color settings, two options, both standard, defaults to color.
 742 TEST_F('PrintPreviewWebUITest', 'TestColorSettingsBothStandardDefaultColor',
 743     function() {
 744   this.setInitialSettings();
 745   this.setLocalDestinations();
 746
 747   var device = getCddTemplate("FooDevice");
 748   device.capabilities.printer.color = {
 749     "option": [
 750       {"type": "STANDARD_MONOCHROME"},
 751       {"is_default": true, "type": "STANDARD_COLOR"}
 752     ]
 753   };
 754   this.setCapabilities(device);
 755
 756   checkSectionVisible($('color-settings'), true);
 757   expectEquals(
 758       'color',
 759       $('color-settings').querySelector('.color-settings-select').value);
 760
 761   this.waitForAnimationToEnd('more-settings');
 762 });
 763
 764 // Test that the color settings, two options, both standard, defaults to
 765 // monochrome.
 766 TEST_F('PrintPreviewWebUITest',
 767     'TestColorSettingsBothStandardDefaultMonochrome', function() {
 768   this.setInitialSettings();
 769   this.setLocalDestinations();
 770
 771   var device = getCddTemplate("FooDevice");
 772   device.capabilities.printer.color = {
 773     "option": [
 774       {"is_default": true, "type": "STANDARD_MONOCHROME"},
 775       {"type": "STANDARD_COLOR"}
 776     ]
 777   };
 778   this.setCapabilities(device);
 779
 780   checkSectionVisible($('color-settings'), true);
 781   expectEquals(
 782       'bw', $('color-settings').querySelector('.color-settings-select').value);
 783
 784   this.waitForAnimationToEnd('more-settings');
 785 });
 786
 787 // Test that the color settings, two options, both custom, defaults to color.
 788 TEST_F('PrintPreviewWebUITest',
 789     'TestColorSettingsBothCustomDefaultColor', function() {
 790   this.setInitialSettings();
 791   this.setLocalDestinations();
 792
 793   var device = getCddTemplate("FooDevice");
 794   device.capabilities.printer.color = {
 795     "option": [
 796       {"type": "CUSTOM_MONOCHROME", "vendor_id": "42"},
 797       {"is_default": true, "type": "CUSTOM_COLOR", "vendor_id": "43"}
 798     ]
 799   };
 800   this.setCapabilities(device);
 801
 802   checkSectionVisible($('color-settings'), true);
 803   expectEquals(
 804       'color',
 805       $('color-settings').querySelector('.color-settings-select').value);
 806
 807   this.waitForAnimationToEnd('more-settings');
 808 });
 809
 810 // Test to verify that duplex settings are set according to the printer
 811 // capabilities.
 812 TEST_F('PrintPreviewWebUITest', 'TestDuplexSettingsTrue', function() {
 813   this.setInitialSettings();
 814   this.setLocalDestinations();
 815   this.setCapabilities(getCddTemplate("FooDevice"));
 816
 817   var otherOptions = $('other-options-settings');
 818   checkSectionVisible(otherOptions, true);
 819   expectFalse(otherOptions.querySelector('.duplex-container').hidden);
 820   expectFalse(otherOptions.querySelector('.duplex-checkbox').checked);
 821
 822   this.waitForAnimationToEnd('more-settings');
 823 });
 824
 825 // Test to verify that duplex settings are set according to the printer
 826 // capabilities.
 827 TEST_F('PrintPreviewWebUITest', 'TestDuplexSettingsFalse', function() {
 828   this.setInitialSettings();
 829   this.setLocalDestinations();
 830   var device = getCddTemplate("FooDevice");
 831   delete device.capabilities.printer.duplex;
 832   this.setCapabilities(device);
 833
 834   // Check that it is collapsed.
 835   var otherOptions = $('other-options-settings');
 836   checkSectionVisible(otherOptions, false);
 837
 838   this.expandMoreSettings();
 839
 840   // Now it should be visible.
 841   checkSectionVisible(otherOptions, true);
 842   expectTrue(otherOptions.querySelector('.duplex-container').hidden);
 843
 844   this.waitForAnimationToEnd('more-settings');
 845 });
 846
 847 // Test that changing the selected printer updates the preview.
 848 TEST_F('PrintPreviewWebUITest', 'TestPrinterChangeUpdatesPreview', function() {
 849   this.setInitialSettings();
 850   this.setLocalDestinations();
 851   this.setCapabilities(getCddTemplate("FooDevice"));
 852
 853   var previewGenerator = mock(print_preview.PreviewGenerator);
 854   printPreview.previewArea_.previewGenerator_ = previewGenerator.proxy();
 855   previewGenerator.expects(exactly(6)).requestPreview();
 856
 857   var barDestination;
 858   var destinations = printPreview.destinationStore_.destinations();
 859   for (var destination, i = 0; destination = destinations[i]; i++) {
 860     if (destination.id == 'BarDevice') {
 861       barDestination = destination;
 862       break;
 863     }
 864   }
 865
 866   printPreview.destinationStore_.selectDestination(barDestination);
 867
 868   var device = getCddTemplate("BarDevice");
 869   device.capabilities.printer.color = {
 870     "option": [
 871       {"is_default": true, "type": "STANDARD_MONOCHROME"}
 872     ]
 873   };
 874   this.setCapabilities(device);
 875
 876   this.waitForAnimationToEnd('more-settings');
 877 });
 878
 879 // Test that error message is displayed when plugin doesn't exist.
 880 TEST_F('PrintPreviewWebUITest', 'TestNoPDFPluginErrorMessage', function() {
 881   var previewAreaEl = $('preview-area');
 882
 883   var loadingMessageEl =
 884       previewAreaEl.getElementsByClassName('preview-area-loading-message')[0];
 885   expectEquals(true, loadingMessageEl.hidden);
 886
 887   var previewFailedMessageEl = previewAreaEl.getElementsByClassName(
 888       'preview-area-preview-failed-message')[0];
 889   expectEquals(true, previewFailedMessageEl.hidden);
 890
 891   var printFailedMessageEl =
 892       previewAreaEl.getElementsByClassName('preview-area-print-failed')[0];
 893   expectEquals(true, printFailedMessageEl.hidden);
 894
 895   var customMessageEl =
 896       previewAreaEl.getElementsByClassName('preview-area-custom-message')[0];
 897   expectEquals(false, customMessageEl.hidden);
 898
 899   testDone();
 900 });
 901
 902 // Test custom localized paper names.
 903 TEST_F('PrintPreviewWebUITest', 'TestCustomPaperNames', function() {
 904   this.setInitialSettings();
 905   this.setLocalDestinations();
 906
 907   var customLocalizedMediaName = 'Vendor defined localized media name';
 908   var customMediaName = 'Vendor defined media name';
 909
 910   var device = getCddTemplate("FooDevice");
 911   device.capabilities.printer.media_size = {
 912     option: [
 913       { name: 'CUSTOM',
 914         width_microns: 15900,
 915         height_microns: 79400,
 916         is_default: true,
 917         custom_display_name_localized: [
 918           { locale: navigator.language,
 919             value: customLocalizedMediaName
 920           }
 921         ]
 922       },
 923       { name: 'CUSTOM',
 924         width_microns: 15900,
 925         height_microns: 79400,
 926         custom_display_name: customMediaName
 927       }
 928     ]
 929   };
 930
 931   this.setCapabilities(device);
 932
 933   this.expandMoreSettings();
 934
 935   checkSectionVisible($('media-size-settings'), true);
 936   var mediaSelect = $('media-size-settings').querySelector('.settings-select');
 937   // Check the default media item.
 938   expectEquals(
 939       customLocalizedMediaName,
 940       mediaSelect.options[mediaSelect.selectedIndex].text);
 941   // Check the other media item.
 942   expectEquals(
 943       customMediaName,
 944       mediaSelect.options[mediaSelect.selectedIndex == 0 ? 1 : 0].text);
 945
 946   this.waitForAnimationToEnd('more-settings');
 947 });