Print Preview Print Destination Search Widget

chrome/test/data/webui/print_preview.js

 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * Test fixture for print preview WebUI testing.
  * @constructor
  * @extends {testing.Test}
  */
 function PrintPreviewWebUITest() {
   testing.Test.call(this);
   this.nativeLayer_ = null;
   this.initialSettings_ = null;
   this.localDestinationInfos_ = null;
 }
 
 /**
+ * Index of the "Save as PDF" printer.
+ * @type {number}
+ * @const
+ */
+PrintPreviewWebUITest.PDF_INDEX = 0;
+
+/**
  * Index of the Foo printer.
  * @type {number}
  * @const
  */
-PrintPreviewWebUITest.FOO_INDEX = 0;
+PrintPreviewWebUITest.FOO_INDEX = 1;
 
 /**
  * Index of the Bar printer.
  * @type {number}
  * @const
  */
-PrintPreviewWebUITest.BAR_INDEX = 1;
+PrintPreviewWebUITest.BAR_INDEX = 2;
 
 PrintPreviewWebUITest.prototype = {
   __proto__: testing.Test.prototype,
 
   /**
    * Browse to the sample page, cause print preview & call preLoad().
    * @type {string}
    * @override
    */
   browsePrintPreload: 'print_preview_hello_world_test.html',
 
   /**
    * Stub out low-level functionality like the NativeLayer and
    * CloudPrintInterface.
    * @this {PrintPreviewWebUITest}
    * @override
    */
   preLoad: function() {
     window.addEventListener('DOMContentLoaded', function() {
       function NativeLayerStub() {
         cr.EventTarget.call(this);
       }
       NativeLayerStub.prototype = {
         __proto__: cr.EventTarget.prototype,
         startGetInitialSettings: function() {},
         startGetLocalDestinations: function() {},
         startGetLocalDestinationCapabilities: function(destinationId) {}
       };
-
-      this.nativeLayer_ = new NativeLayerStub();
-      printPreview.nativeLayer_ = this.nativeLayer_;
+      var oldNativeLayerEventType = print_preview.NativeLayer.EventType;
+      var oldDuplexMode = print_preview.NativeLayer.DuplexMode;
+      print_preview.NativeLayer = NativeLayerStub;
+      print_preview.NativeLayer.EventType = oldNativeLayerEventType;
+      print_preview.NativeLayer.DuplexMode = oldDuplexMode;
 
       function CloudPrintInterfaceStub() {
         cr.EventTarget.call(this);
       }
       CloudPrintInterfaceStub.prototype = {
         __proto__: cr.EventTarget.prototype,
         search: function(isRecent) {}
       };
       var oldCpInterfaceEventType = cloudprint.CloudPrintInterface.EventType;
       cloudprint.CloudPrintInterface = CloudPrintInterfaceStub;
@@ skipping 28 matching lines @@
       true /*isDocumentModifiable*/,
       0 /*marginsType*/,
       null /*customMargins*/,
       true /*isDuplexEnabled*/,
       false /*isHeaderFooterEnabled*/,
       'FooDevice' /*initialDestinationId*/);
     this.localDestinationInfos_ = [
       { printerName: 'FooName', deviceName: 'FooDevice' },
       { printerName: 'BarName', deviceName: 'BarDevice' }
     ];
+    this.nativeLayer_ = printPreview.nativeLayer_;
   }
 };
 
 GEN('#include "chrome/test/data/webui/print_preview.h"');
 
 // Test some basic assumptions about the print preview WebUI.
 TEST_F('PrintPreviewWebUITest', 'TestPrinterList', function() {
   var initialSettingsSetEvent =
       new cr.Event(print_preview.NativeLayer.EventType.INITIAL_SETTINGS_SET);
   initialSettingsSetEvent.initialSettings = this.initialSettings_;
   this.nativeLayer_.dispatchEvent(initialSettingsSetEvent);
 
   var localDestsSetEvent =
       new cr.Event(print_preview.NativeLayer.EventType.LOCAL_DESTINATIONS_SET);
   localDestsSetEvent.destinationInfos = this.localDestinationInfos_;
   this.nativeLayer_.dispatchEvent(localDestsSetEvent);
 
-  var printerList = $('destination-settings').
-      getElementsByClassName('destination-settings-select')[0];
-  assertNotEquals(null, printerList);
-  assertGE(printerList.options.length, 2);
-  expectEquals(PrintPreviewWebUITest.FOO_INDEX, printerList.selectedIndex);
-  expectEquals('FooName',
-               printerList.options[PrintPreviewWebUITest.FOO_INDEX].text,
-               'fooIndex=' + PrintPreviewWebUITest.FOO_INDEX);
-  expectEquals('FooDevice',
-               printerList.options[PrintPreviewWebUITest.FOO_INDEX].value,
-               'fooIndex=' + PrintPreviewWebUITest.FOO_INDEX);
-  expectEquals('BarName',
-               printerList.options[PrintPreviewWebUITest.BAR_INDEX].text,
-               'barIndex=' + PrintPreviewWebUITest.BAR_INDEX);
-  expectEquals('BarDevice',
-               printerList.options[PrintPreviewWebUITest.BAR_INDEX].value,
-               'barIndex=' + PrintPreviewWebUITest.BAR_INDEX);
+  var recentList = $('destination-search').querySelector(
+      '.destination-search-recent-list ' +
+      '.destination-list-destination-list-item-container');
+  var localList = $('destination-search').querySelector(
+      '.destination-search-local-list ' +
+      '.destination-list-destination-list-item-container');
+  assertNotEquals(null, recentList);
+  assertEquals(1, recentList.childNodes.length);
+  assertEquals('FooName',
+               recentList.childNodes.item(0).querySelector(
+                   '.destination-list-item-name').textContent);
+
+  assertNotEquals(null, localList);
+  assertEquals(3, localList.childNodes.length);
+  assertEquals('Save as PDF',
+               localList.childNodes.item(PrintPreviewWebUITest.PDF_INDEX).
+                   querySelector('.destination-list-item-name').textContent);
+  assertEquals('FooName',
+               localList.childNodes.item(PrintPreviewWebUITest.FOO_INDEX).
+                   querySelector('.destination-list-item-name').textContent);
+  assertEquals('BarName',
+               localList.childNodes.item(PrintPreviewWebUITest.BAR_INDEX).
+                   querySelector('.destination-list-item-name').textContent);
 });
 
 // Test that the printer list is structured correctly after calling
 // addCloudPrinters with an empty list.
 TEST_F('PrintPreviewWebUITest', 'TestPrinterListCloudEmpty', function() {
   var initialSettingsSetEvent =
       new cr.Event(print_preview.NativeLayer.EventType.INITIAL_SETTINGS_SET);
   initialSettingsSetEvent.initialSettings = this.initialSettings_;
   this.nativeLayer_.dispatchEvent(initialSettingsSetEvent);
 
   var localDestsSetEvent =
       new cr.Event(print_preview.NativeLayer.EventType.LOCAL_DESTINATIONS_SET);
   localDestsSetEvent.destinationInfos = this.localDestinationInfos_;
   this.nativeLayer_.dispatchEvent(localDestsSetEvent);
 
   var cloudPrintEnableEvent =
       new cr.Event(print_preview.NativeLayer.EventType.CLOUD_PRINT_ENABLE);
   cloudPrintEnableEvent.baseCloudPrintUrl = 'cloudprint url';
   this.nativeLayer_.dispatchEvent(cloudPrintEnableEvent);
 
   var searchDoneEvent =
       new cr.Event(cloudprint.CloudPrintInterface.EventType.SEARCH_DONE);
   searchDoneEvent.printers = [];
   searchDoneEvent.isRecent = true;
   searchDoneEvent.email = 'foo@chromium.org';
   printPreview.cloudPrintInterface_.dispatchEvent(searchDoneEvent);
 
-  var printerList = $('destination-settings').
-      getElementsByClassName('destination-settings-select')[0];
-  assertNotEquals(null, printerList);
-  assertGE(printerList.options.length, 2);
-  expectEquals(PrintPreviewWebUITest.FOO_INDEX, printerList.selectedIndex);
-  expectEquals('FooName',
-               printerList.options[PrintPreviewWebUITest.FOO_INDEX].text,
-               'fooIndex=' + PrintPreviewWebUITest.FOO_INDEX);
-  expectEquals('FooDevice',
-               printerList.options[PrintPreviewWebUITest.FOO_INDEX].value,
-               'fooIndex=' + PrintPreviewWebUITest.FOO_INDEX);
-  expectEquals('BarName',
-               printerList.options[PrintPreviewWebUITest.BAR_INDEX].text,
-               'barIndex=' + PrintPreviewWebUITest.BAR_INDEX);
-  expectEquals('BarDevice',
-               printerList.options[PrintPreviewWebUITest.BAR_INDEX].value,
-               'barIndex=' + PrintPreviewWebUITest.BAR_INDEX);
+  var recentList = $('destination-search').querySelector(
+      '.destination-search-recent-list ' +
+      '.destination-list-destination-list-item-container');
+  var localList = $('destination-search').querySelector(
+      '.destination-search-local-list ' +
+      '.destination-list-destination-list-item-container');
+  var cloudList = $('destination-search').querySelector(
+      '.destination-search-cloud-list ' +
+      '.destination-list-destination-list-item-container');
+
+  assertNotEquals(null, recentList);
+  assertEquals(1, recentList.childNodes.length);
+  assertEquals('FooName',
+               recentList.childNodes.item(0).querySelector(
+                   '.destination-list-item-name').textContent);
+
+  assertNotEquals(null, localList);
+  assertEquals(3, localList.childNodes.length);
+  assertEquals('Save as PDF',
+               localList.childNodes.item(PrintPreviewWebUITest.PDF_INDEX).
+                   querySelector('.destination-list-item-name').textContent);
+  assertEquals('FooName',
+               localList.childNodes.item(PrintPreviewWebUITest.FOO_INDEX).
+                   querySelector('.destination-list-item-name').textContent);
+  assertEquals('BarName',
+               localList.childNodes.item(PrintPreviewWebUITest.BAR_INDEX).
+                   querySelector('.destination-list-item-name').textContent);
+
+  assertNotEquals(null, cloudList);
+  assertEquals(0, cloudList.childNodes.length);
 });
 
 /**
  * Verify that |section| visibility matches |visible|.
  * @param {HTMLDivElement} section The section to check.
  * @param {boolean} visible The expected state of visibility.
  */
 function checkSectionVisible(section, visible) {
   assertNotEquals(null, section);
   expectEquals(
       visible, section.classList.contains('visible'), 'section=' + section.id);
 }
 
 function checkElementDisplayed(el, isDisplayed) {
   assertNotEquals(null, el);
-  expectEquals(isDisplayed, el.style.display != 'none');
+  expectEquals(isDisplayed, !el.hidden);
 }
 
 // Test that disabled settings hide the disabled sections.
 TEST_F('PrintPreviewWebUITest', 'TestSectionsDisabled', function() {
   var initialSettingsSetEvent =
       new cr.Event(print_preview.NativeLayer.EventType.INITIAL_SETTINGS_SET);
   initialSettingsSetEvent.initialSettings = this.initialSettings_;
   this.nativeLayer_.dispatchEvent(initialSettingsSetEvent);
 
   var localDestsSetEvent =
@@ skipping 505 matching lines @@
   };
   this.nativeLayer_.dispatchEvent(capsSetEvent);
 });
 
 // Test that error message is displayed when plugin doesn't exist.
 TEST_F('PrintPreviewWebUITest', 'TestNoPDFPluginErrorMessage', function() {
   var previewAreaEl = $('preview-area');
 
   var loadingMessageEl =
       previewAreaEl.getElementsByClassName('preview-area-loading-message')[0];
-  expectEquals('none', loadingMessageEl.style.display);
+  expectEquals(true, loadingMessageEl.hidden);
 
   var previewFailedMessageEl = previewAreaEl.getElementsByClassName(
       'preview-area-preview-failed-message')[0];
-  expectEquals('none', previewFailedMessageEl.style.display);
+  expectEquals(true, previewFailedMessageEl.hidden);
 
   var printFailedMessageEl =
       previewAreaEl.getElementsByClassName('preview-area-print-failed')[0];
-  expectEquals('none', printFailedMessageEl.style.display);
+  expectEquals(true, printFailedMessageEl.hidden);
 
   var customMessageEl =
       previewAreaEl.getElementsByClassName('preview-area-custom-message')[0];
-  expectEquals('', customMessageEl.style.display);
+  expectEquals(false, customMessageEl.hidden);
 });