Enable a11y audit for chrome://print and fix failing tests.

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() {
@@ skipping 27 matching lines @@
 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',
 
+  /** @override */
+  runAccessibilityChecks: true,
+
+  /** @override */
+  accessibilityIssuesAreErrors: true,
+
   /**
    * 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);
@@ skipping 74 matching lines @@
       { 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 Event(print_preview.NativeLayer.EventType.INITIAL_SETTINGS_SET);
-  initialSettingsSetEvent.initialSettings = this.initialSettings_;
-  this.nativeLayer_.dispatchEvent(initialSettingsSetEvent);
-
-  var localDestsSetEvent =
-      new Event(print_preview.NativeLayer.EventType.LOCAL_DESTINATIONS_SET);
-  localDestsSetEvent.destinationInfos = this.localDestinationInfos_;
-  this.nativeLayer_.dispatchEvent(localDestsSetEvent);
+  this.setUpPreview();
 
   var recentList = $('destination-search').querySelector('.recent-list ul');
   var localList = $('destination-search').querySelector('.local-list ul');
   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 Event(print_preview.NativeLayer.EventType.INITIAL_SETTINGS_SET);
-  initialSettingsSetEvent.initialSettings = this.initialSettings_;
-  this.nativeLayer_.dispatchEvent(initialSettingsSetEvent);
-
-  var localDestsSetEvent =
-      new Event(print_preview.NativeLayer.EventType.LOCAL_DESTINATIONS_SET);
-  localDestsSetEvent.destinationInfos = this.localDestinationInfos_;
-  this.nativeLayer_.dispatchEvent(localDestsSetEvent);
+  this.setUpPreview();
 
   var cloudPrintEnableEvent =
       new Event(print_preview.NativeLayer.EventType.CLOUD_PRINT_ENABLE);
   cloudPrintEnableEvent.baseCloudPrintUrl = 'cloudprint url';
   this.nativeLayer_.dispatchEvent(cloudPrintEnableEvent);
 
   var searchDoneEvent =
       new Event(cloudprint.CloudPrintInterface.EventType.SEARCH_DONE);
   searchDoneEvent.printers = [];
   searchDoneEvent.isRecent = true;
@@ skipping 97 matching lines @@
   this.nativeLayer_.dispatchEvent(initialSettingsSetEvent);
 
   checkElementDisplayed($('system-dialog-link'), false);
 });
 
 // Test that disabled settings hide the disabled sections.
 TEST_F('PrintPreviewWebUITest', 'TestSectionsDisabled', function() {
   checkSectionVisible($('layout-settings'), false);
   checkSectionVisible($('color-settings'), false);
   checkSectionVisible($('copies-settings'), false);
-
-  var initialSettingsSetEvent =
-      new Event(print_preview.NativeLayer.EventType.INITIAL_SETTINGS_SET);
-  initialSettingsSetEvent.initialSettings = this.initialSettings_;
-  this.nativeLayer_.dispatchEvent(initialSettingsSetEvent);
-
-  var localDestsSetEvent =
-      new Event(print_preview.NativeLayer.EventType.LOCAL_DESTINATIONS_SET);
-  localDestsSetEvent.destinationInfos = this.localDestinationInfos_;
-  this.nativeLayer_.dispatchEvent(localDestsSetEvent);
+  this.setUpPreview();
 
   var capsSetEvent =
       new Event(print_preview.NativeLayer.EventType.CAPABILITIES_SET);
   capsSetEvent.settingsInfo = getCddTemplate("FooDevice");
   capsSetEvent.settingsInfo.capabilities.printer.color = {
     "option": [
       {"is_default": true, "type": "STANDARD_COLOR"}
     ]
   };
   delete capsSetEvent.settingsInfo.capabilities.printer.copies;
@@ skipping 46 matching lines @@
         }
       }
     }
   };
   this.nativeLayer_.dispatchEvent(capsSetEvent);
 
   checkSectionVisible($('other-options-settings'), false);
   checkSectionVisible($('media-size-settings'), false);
 });
 
-// When the source is 'HTML', we always hide the fit to page option and show
-// media size option.
-TEST_F('PrintPreviewWebUITest', 'SourceIsHTMLCapabilities', function() {
-  var initialSettingsSetEvent =
-      new Event(print_preview.NativeLayer.EventType.INITIAL_SETTINGS_SET);
-  initialSettingsSetEvent.initialSettings = this.initialSettings_;
-  this.nativeLayer_.dispatchEvent(initialSettingsSetEvent);
-
-  var localDestsSetEvent =
-      new Event(print_preview.NativeLayer.EventType.LOCAL_DESTINATIONS_SET);
-  localDestsSetEvent.destinationInfos = this.localDestinationInfos_;
-  this.nativeLayer_.dispatchEvent(localDestsSetEvent);
-
-  var capsSetEvent =
-      new Event(print_preview.NativeLayer.EventType.CAPABILITIES_SET);
-  capsSetEvent.settingsInfo = getCddTemplate("FooDevice");
-  this.nativeLayer_.dispatchEvent(capsSetEvent);
-
-  var moreSettingsDiv = $('more-settings');
-  var mediaSizeDiv = $('media-size-settings');
-  var otherOptionsDiv = $('other-options-settings');
-  var fitToPageEl = otherOptionsDiv.querySelector('.fit-to-page-container');
-
-  // Check that options are collapsed (section is visible, because duplex is
-  // available).
-  checkSectionVisible(otherOptionsDiv, true);
-  checkElementDisplayed(fitToPageEl, false);
-  checkSectionVisible(mediaSizeDiv, false);
-  // Expand it.
-  checkSectionVisible(moreSettingsDiv, true);
-  moreSettingsDiv.click();
-
-  checkElementDisplayed(fitToPageEl, false);
-  checkSectionVisible(mediaSizeDiv, true);
-});
-
 // When the source is "PDF", depending on the selected destination printer, we
 // show/hide the fit to page option and hide media size selection.
 TEST_F('PrintPreviewWebUITest', 'SourceIsPDFCapabilities', function() {
   this.initialSettings_.isDocumentModifiable_ = false;
-
-  var initialSettingsSetEvent =
-      new Event(print_preview.NativeLayer.EventType.INITIAL_SETTINGS_SET);
-  initialSettingsSetEvent.initialSettings = this.initialSettings_;
-  this.nativeLayer_.dispatchEvent(initialSettingsSetEvent);
-
-  var localDestsSetEvent =
-      new Event(print_preview.NativeLayer.EventType.LOCAL_DESTINATIONS_SET);
-  localDestsSetEvent.destinationInfos = this.localDestinationInfos_;
-  this.nativeLayer_.dispatchEvent(localDestsSetEvent);
+  this.setUpPreview();
 
   var capsSetEvent =
       new Event(print_preview.NativeLayer.EventType.CAPABILITIES_SET);
   capsSetEvent.settingsInfo = getCddTemplate("FooDevice");
   this.nativeLayer_.dispatchEvent(capsSetEvent);
 
   var otherOptionsDiv = $('other-options-settings');
 
   checkSectionVisible(otherOptionsDiv, true);
   checkElementDisplayed(
       otherOptionsDiv.querySelector('.fit-to-page-container'), true);
   expectTrue(
       otherOptionsDiv.querySelector('.fit-to-page-checkbox').checked);
   checkSectionVisible($('media-size-settings'), true);
 });
 
 // When the print scaling is disabled for the source "PDF", we show the fit
 // to page option but the state is unchecked by default.
 TEST_F('PrintPreviewWebUITest', 'PrintScalingDisabledForPlugin', function() {
   this.initialSettings_.isDocumentModifiable_ = false;
-
-  var initialSettingsSetEvent =
-      new Event(print_preview.NativeLayer.EventType.INITIAL_SETTINGS_SET);
-  initialSettingsSetEvent.initialSettings = this.initialSettings_;
-  this.nativeLayer_.dispatchEvent(initialSettingsSetEvent);
-
-  var localDestsSetEvent =
-      new Event(print_preview.NativeLayer.EventType.LOCAL_DESTINATIONS_SET);
-  localDestsSetEvent.destinationInfos = this.localDestinationInfos_;
-  this.nativeLayer_.dispatchEvent(localDestsSetEvent);
+  this.setUpPreview();
 
   var capsSetEvent =
       new Event(print_preview.NativeLayer.EventType.CAPABILITIES_SET);
   capsSetEvent.settingsInfo = getCddTemplate("FooDevice");
   this.nativeLayer_.dispatchEvent(capsSetEvent);
 
   // Indicate that the PDF does not support scaling by default.
   cr.dispatchSimpleEvent(
       this.nativeLayer_, print_preview.NativeLayer.EventType.DISABLE_SCALING);
 
   var otherOptionsDiv = $('other-options-settings');
 
   checkSectionVisible(otherOptionsDiv, true);
 
   checkElementDisplayed(
       otherOptionsDiv.querySelector('.fit-to-page-container'), true);
   expectFalse(
       otherOptionsDiv.querySelector('.fit-to-page-checkbox').checked);
 });
 
 // Make sure that custom margins controls are properly set up.
 TEST_F('PrintPreviewWebUITest', 'CustomMarginsControlsCheck', function() {
-  var initialSettingsSetEvent =
-      new Event(print_preview.NativeLayer.EventType.INITIAL_SETTINGS_SET);
-  initialSettingsSetEvent.initialSettings = this.initialSettings_;
-  this.nativeLayer_.dispatchEvent(initialSettingsSetEvent);
-
-  var localDestsSetEvent =
-      new Event(print_preview.NativeLayer.EventType.LOCAL_DESTINATIONS_SET);
-  localDestsSetEvent.destinationInfos = this.localDestinationInfos_;
-  this.nativeLayer_.dispatchEvent(localDestsSetEvent);
+  this.setUpPreview();
 
   var capsSetEvent =
       new Event(print_preview.NativeLayer.EventType.CAPABILITIES_SET);
   capsSetEvent.settingsInfo = getCddTemplate("FooDevice");
   this.nativeLayer_.dispatchEvent(capsSetEvent);
 
   printPreview.printTicketStore_.marginsType.updateValue(
       print_preview.ticket_items.MarginsType.Value.CUSTOM);
 
   ['left', 'top', 'right', 'bottom'].forEach(function(margin) {
     var control = $('preview-area').querySelector('.margin-control-' + margin);
     assertNotEquals(null, control);
     var input = control.querySelector('.margin-control-textbox');
     assertTrue(input.hasAttribute('aria-label'));
     assertNotEquals('undefined', input.getAttribute('aria-label'));
   });
 });
 
-// Page layout has zero margins. Hide header and footer option.
-TEST_F('PrintPreviewWebUITest', 'PageLayoutHasNoMarginsHideHeaderFooter',
-    function() {
-  var initialSettingsSetEvent =
-      new Event(print_preview.NativeLayer.EventType.INITIAL_SETTINGS_SET);
-  initialSettingsSetEvent.initialSettings = this.initialSettings_;
-  this.nativeLayer_.dispatchEvent(initialSettingsSetEvent);
-
-  var localDestsSetEvent =
-      new Event(print_preview.NativeLayer.EventType.LOCAL_DESTINATIONS_SET);
-  localDestsSetEvent.destinationInfos = this.localDestinationInfos_;
-  this.nativeLayer_.dispatchEvent(localDestsSetEvent);
-
-  var capsSetEvent =
-      new Event(print_preview.NativeLayer.EventType.CAPABILITIES_SET);
-  capsSetEvent.settingsInfo = getCddTemplate("FooDevice");
-  this.nativeLayer_.dispatchEvent(capsSetEvent);
-
-  var moreSettingsDiv = $('more-settings');
-  var otherOptionsDiv = $('other-options-settings');
-  var headerFooterEl =
-      otherOptionsDiv.querySelector('.header-footer-container');
-
-  // Check that options are collapsed (section is visible, because duplex is
-  // available).
-  checkSectionVisible(otherOptionsDiv, true);
-  checkElementDisplayed(headerFooterEl, false);
-  // Expand it.
-  checkSectionVisible(moreSettingsDiv, true);
-  moreSettingsDiv.click();
-
-  checkElementDisplayed(headerFooterEl, true);
-
-  printPreview.printTicketStore_.marginsType.updateValue(
-      print_preview.ticket_items.MarginsType.Value.CUSTOM);
-  printPreview.printTicketStore_.customMargins.updateValue(
-      new print_preview.Margins(0, 0, 0, 0));
-
-  checkElementDisplayed(headerFooterEl, false);
-});
-
-// Page layout has half-inch margins. Show header and footer option.
-TEST_F('PrintPreviewWebUITest', 'PageLayoutHasMarginsShowHeaderFooter',
-    function() {
-  var initialSettingsSetEvent =
-      new Event(print_preview.NativeLayer.EventType.INITIAL_SETTINGS_SET);
-  initialSettingsSetEvent.initialSettings = this.initialSettings_;
-  this.nativeLayer_.dispatchEvent(initialSettingsSetEvent);
-
-  var localDestsSetEvent =
-      new Event(print_preview.NativeLayer.EventType.LOCAL_DESTINATIONS_SET);
-  localDestsSetEvent.destinationInfos = this.localDestinationInfos_;
-  this.nativeLayer_.dispatchEvent(localDestsSetEvent);
-
-  var capsSetEvent =
-      new Event(print_preview.NativeLayer.EventType.CAPABILITIES_SET);
-  capsSetEvent.settingsInfo = getCddTemplate("FooDevice");
-  this.nativeLayer_.dispatchEvent(capsSetEvent);
-
-  var moreSettingsDiv = $('more-settings');
-  var otherOptionsDiv = $('other-options-settings');
-  var headerFooterEl =
-      otherOptionsDiv.querySelector('.header-footer-container');
-
-  // Check that options are collapsed (section is visible, because duplex is
-  // available).
-  checkSectionVisible(otherOptionsDiv, true);
-  checkElementDisplayed(headerFooterEl, false);
-  // Expand it.
-  checkSectionVisible(moreSettingsDiv, true);
-  moreSettingsDiv.click();
-
-  checkElementDisplayed(headerFooterEl, true);
-
-  printPreview.printTicketStore_.marginsType.updateValue(
-      print_preview.ticket_items.MarginsType.Value.CUSTOM);
-  printPreview.printTicketStore_.customMargins.updateValue(
-      new print_preview.Margins(36, 36, 36, 36));
-
-  checkElementDisplayed(headerFooterEl, true);
-});
-
-// Page layout has zero top and bottom margins. Hide header and footer option.
-TEST_F('PrintPreviewWebUITest',
-       'ZeroTopAndBottomMarginsHideHeaderFooter',
-       function() {
-  var initialSettingsSetEvent =
-      new Event(print_preview.NativeLayer.EventType.INITIAL_SETTINGS_SET);
-  initialSettingsSetEvent.initialSettings = this.initialSettings_;
-  this.nativeLayer_.dispatchEvent(initialSettingsSetEvent);
-
-  var localDestsSetEvent =
-      new Event(print_preview.NativeLayer.EventType.LOCAL_DESTINATIONS_SET);
-  localDestsSetEvent.destinationInfos = this.localDestinationInfos_;
-  this.nativeLayer_.dispatchEvent(localDestsSetEvent);
-
-  var capsSetEvent =
-      new Event(print_preview.NativeLayer.EventType.CAPABILITIES_SET);
-  capsSetEvent.settingsInfo = getCddTemplate("FooDevice");
-  this.nativeLayer_.dispatchEvent(capsSetEvent);
-
-  var moreSettingsDiv = $('more-settings');
-  var otherOptionsDiv = $('other-options-settings');
-  var headerFooterEl =
-      otherOptionsDiv.querySelector('.header-footer-container');
-
-  // Check that options are collapsed (section is visible, because duplex is
-  // available).
-  checkSectionVisible(otherOptionsDiv, true);
-  checkElementDisplayed(headerFooterEl, false);
-  // Expand it.
-  checkSectionVisible(moreSettingsDiv, true);
-  moreSettingsDiv.click();
-
-  checkElementDisplayed(headerFooterEl, true);
-
-  printPreview.printTicketStore_.marginsType.updateValue(
-      print_preview.ticket_items.MarginsType.Value.CUSTOM);
-  printPreview.printTicketStore_.customMargins.updateValue(
-      new print_preview.Margins(0, 36, 0, 36));
-
-  checkElementDisplayed(headerFooterEl, false);
-});
-
-// Page layout has zero top and half-inch bottom margin. Show header and footer
-// option.
-TEST_F('PrintPreviewWebUITest',
-       'ZeroTopAndNonZeroBottomMarginShowHeaderFooter',
-       function() {
-  var initialSettingsSetEvent =
-      new Event(print_preview.NativeLayer.EventType.INITIAL_SETTINGS_SET);
-  initialSettingsSetEvent.initialSettings = this.initialSettings_;
-  this.nativeLayer_.dispatchEvent(initialSettingsSetEvent);
-
-  var localDestsSetEvent =
-      new Event(print_preview.NativeLayer.EventType.LOCAL_DESTINATIONS_SET);
-  localDestsSetEvent.destinationInfos = this.localDestinationInfos_;
-  this.nativeLayer_.dispatchEvent(localDestsSetEvent);
-
-  var capsSetEvent =
-      new Event(print_preview.NativeLayer.EventType.CAPABILITIES_SET);
-  capsSetEvent.settingsInfo = getCddTemplate("FooDevice");
-  this.nativeLayer_.dispatchEvent(capsSetEvent);
-
-  var moreSettingsDiv = $('more-settings');
-  var otherOptionsDiv = $('other-options-settings');
-  var headerFooterEl =
-      otherOptionsDiv.querySelector('.header-footer-container');
-
-  // Check that options are collapsed (section is visible, because duplex is
-  // available).
-  checkSectionVisible(otherOptionsDiv, true);
-  checkElementDisplayed(headerFooterEl, false);
-  // Expand it.
-  checkSectionVisible(moreSettingsDiv, true);
-  moreSettingsDiv.click();
-
-  checkElementDisplayed(headerFooterEl, true);
-
-  printPreview.printTicketStore_.marginsType.updateValue(
-      print_preview.ticket_items.MarginsType.Value.CUSTOM);
-  printPreview.printTicketStore_.customMargins.updateValue(
-      new print_preview.Margins(0, 36, 36, 36));
-
-  checkElementDisplayed(headerFooterEl, true);
-});
-
 // Test that the color settings, one option, standard monochrome.
 TEST_F('PrintPreviewWebUITest', 'TestColorSettingsMonochrome', function() {
   this.setUpPreview();
 
   // Only one option, standard monochrome.
   var capsSetEvent =
       new Event(print_preview.NativeLayer.EventType.CAPABILITIES_SET);
   capsSetEvent.settingsInfo = getCddTemplate("FooDevice");
   capsSetEvent.settingsInfo.capabilities.printer.color = {
     "option": [
@@ skipping 120 matching lines @@
 
   checkSectionVisible($('color-settings'), true);
   expectEquals(
       'color',
       $('color-settings').querySelector('.color-settings-select').value);
 });
 
 // Test to verify that duplex settings are set according to the printer
 // capabilities.
 TEST_F('PrintPreviewWebUITest', 'TestDuplexSettingsTrue', function() {
-  var initialSettingsSetEvent =
-      new Event(print_preview.NativeLayer.EventType.INITIAL_SETTINGS_SET);
-  initialSettingsSetEvent.initialSettings = this.initialSettings_;
-  this.nativeLayer_.dispatchEvent(initialSettingsSetEvent);
-
-  var localDestsSetEvent =
-      new Event(print_preview.NativeLayer.EventType.LOCAL_DESTINATIONS_SET);
-  localDestsSetEvent.destinationInfos = this.localDestinationInfos_;
-  this.nativeLayer_.dispatchEvent(localDestsSetEvent);
+  this.setUpPreview();
 
   var otherOptionsDiv = $('other-options-settings');
   var duplexDiv = otherOptionsDiv.querySelector('.duplex-container');
   var duplexCheckbox = otherOptionsDiv.querySelector('.duplex-checkbox');
 
   var capsSetEvent =
       new Event(print_preview.NativeLayer.EventType.CAPABILITIES_SET);
   capsSetEvent.settingsInfo = getCddTemplate("FooDevice");
   this.nativeLayer_.dispatchEvent(capsSetEvent);
 
   checkSectionVisible(otherOptionsDiv, true);
   expectFalse(duplexDiv.hidden);
   expectFalse(duplexCheckbox.checked);
 });
 
-// Test to verify that duplex settings are set according to the printer
-// capabilities.
-TEST_F('PrintPreviewWebUITest', 'TestDuplexSettingsFalse', function() {
-  var initialSettingsSetEvent =
-     new Event(print_preview.NativeLayer.EventType.INITIAL_SETTINGS_SET);
-  initialSettingsSetEvent.initialSettings = this.initialSettings_;
-  this.nativeLayer_.dispatchEvent(initialSettingsSetEvent);
-
-  var localDestsSetEvent =
-     new Event(print_preview.NativeLayer.EventType.LOCAL_DESTINATIONS_SET);
-  localDestsSetEvent.destinationInfos = this.localDestinationInfos_;
-  this.nativeLayer_.dispatchEvent(localDestsSetEvent);
-
-  var moreSettingsDiv = $('more-settings');
-  var otherOptionsDiv = $('other-options-settings');
-  var duplexDiv = otherOptionsDiv.querySelector('.duplex-container');
-
-  var capsSetEvent =
-     new Event(print_preview.NativeLayer.EventType.CAPABILITIES_SET);
-  capsSetEvent.settingsInfo = getCddTemplate("FooDevice");
-  delete capsSetEvent.settingsInfo.capabilities.printer.duplex;
-  this.nativeLayer_.dispatchEvent(capsSetEvent);
-
-  // Check that it is collapsed.
-  checkSectionVisible(otherOptionsDiv, false);
-  // Expand it.
-  checkSectionVisible(moreSettingsDiv, true);
-  moreSettingsDiv.click();
-  // Now it should be visible.
-  checkSectionVisible(otherOptionsDiv, true);
-  expectTrue(duplexDiv.hidden);
-});
-
 // Test that changing the selected printer updates the preview.
 TEST_F('PrintPreviewWebUITest', 'TestPrinterChangeUpdatesPreview', function() {
-
-  var initialSettingsSetEvent =
-      new Event(print_preview.NativeLayer.EventType.INITIAL_SETTINGS_SET);
-  initialSettingsSetEvent.initialSettings = this.initialSettings_;
-  this.nativeLayer_.dispatchEvent(initialSettingsSetEvent);
-
-  var localDestsSetEvent =
-      new Event(print_preview.NativeLayer.EventType.LOCAL_DESTINATIONS_SET);
-  localDestsSetEvent.destinationInfos = this.localDestinationInfos_;
-  this.nativeLayer_.dispatchEvent(localDestsSetEvent);
+  this.setUpPreview();
 
   var capsSetEvent =
       new Event(print_preview.NativeLayer.EventType.CAPABILITIES_SET);
   capsSetEvent.settingsInfo = getCddTemplate("FooDevice");
   this.nativeLayer_.dispatchEvent(capsSetEvent);
 
   var previewGenerator = mock(print_preview.PreviewGenerator);
   printPreview.previewArea_.previewGenerator_ = previewGenerator.proxy();
   previewGenerator.expects(exactly(6)).requestPreview();
 
@@ skipping 32 matching lines @@
   expectEquals(true, previewFailedMessageEl.hidden);
 
   var printFailedMessageEl =
       previewAreaEl.getElementsByClassName('preview-area-print-failed')[0];
   expectEquals(true, printFailedMessageEl.hidden);
 
   var customMessageEl =
       previewAreaEl.getElementsByClassName('preview-area-custom-message')[0];
   expectEquals(false, customMessageEl.hidden);
 });
+
+/**
+ * Async test fixture for print preview WebUI testing.
+ * @constructor
+ * @extends {PrintPreviewWebUITest}
+ */
+function PrintPreviewWebUIAsyncTest() {
+}
+
+PrintPreviewWebUIAsyncTest.prototype = {
+  __proto__: PrintPreviewWebUITest.prototype,
+
+  /** @override */
+  isAsync: true,
+
+  /**
+   * @this {PrintPreviewWebUIAsyncTest}
+   * @override
+   */
+  setUp: function() {
+    // Setup everything from the base class.
+    PrintPreviewWebUITest.prototype.setUp.call(this);
+
+    // Do this here because all tests need it.
+    this.setUpPreview();
+
+    // Make all transitions and animations take 0ms for testing purposes.
+    // Animations still happen and we will wait for the webkitAnimationEnd event
+    // for the "more-settings" element because it is responsible for hiding a
+    // lot of buttons.
+    var noAnimationStyle =
+      document.createElementNS('http://www.w3.org/1999/xhtml', 'style');

[Dan Beam, 2014/10/20 20:15:25]

indent off

[Dan Beam, 2014/10/20 20:15:25]

er, why not just document.createElement('style')?

[hcarmona, 2014/10/21 01:07:18]

Changed to document.createElement('style')

[hcarmona, 2014/10/21 01:07:18]

Acknowledged.

+    noAnimationStyle.textContent =
+      '* {' +
+      '  -webkit-transition-duration: 0s !important;' +
+      '  -webkit-transition-delay: 0s !important;' +
+      '  -webkit-animation-duration: 0s !important;' +
+      '  -webkit-animation-delay: 0s !important;' +
+      '}';
+    var heads = document.getElementsByTagName('head');

[Dan Beam, 2014/10/20 20:15:25]

we control the markup, so there should always be a <head>...

document.getElementsByTagName('head').appendChild(noAnimationStyle);

[hcarmona, 2014/10/21 01:07:18]

Acknowledged.

+    if (heads.length) {

[Dan Beam, 2014/10/20 20:15:25]

no curlies

[hcarmona, 2014/10/21 01:07:17]

Acknowledged.

+      heads[0].appendChild(noAnimationStyle);
+    }
+  },
+
+  /**
+   * Even though animation duration and delay is set to zero, it is necessary to
+   * wait until the animation has finished.
+   */
+  waitForUI: function() {

[Dan Beam, 2014/10/20 20:15:25]

waitForAnimationsToEnd()

[Dan Beam, 2014/10/20 20:15:25]

can this be tearDown? (so this.waitForAnimationsToEnd() doesn't need to be
called everywhere)

[hcarmona, 2014/10/21 01:07:17]

Acknowledged.

[hcarmona, 2014/10/21 01:07:18]

Can't be in tearDown because tearDown happens after we call testDone();

+    // add a listener for the transition end event
+    document.addEventListener('webkitAnimationEnd', function finishTest(e) {

[Dan Beam, 2014/10/20 20:15:25]

remove "finishTest"

[hcarmona, 2014/10/21 01:07:18]

Acknowledged.

+      if (e.target.id == 'more-settings')
+        testDone();
+    });
+  },
+};
+
+// When the source is 'HTML', we always hide the fit to page option and show
+// media size option.
+TEST_F('PrintPreviewWebUIAsyncTest', 'SourceIsHTMLCapabilities', function() {
+  var capsSetEvent =
+      new Event(print_preview.NativeLayer.EventType.CAPABILITIES_SET);
+  capsSetEvent.settingsInfo = getCddTemplate("FooDevice");
+  this.nativeLayer_.dispatchEvent(capsSetEvent);
+
+  var moreSettingsDiv = $('more-settings');

[Dan Beam, 2014/10/20 20:15:25]

no reason for "Div" in these names, also no reason to gather these variables
before they're used (or at all, could probably just use $('id') inline
everywhere)

[hcarmona, 2014/10/21 01:07:18]

Acknowledged.

+  var mediaSizeDiv = $('media-size-settings');
+  var otherOptionsDiv = $('other-options-settings');
+  var fitToPageEl = otherOptionsDiv.querySelector('.fit-to-page-container');
+
+  // Check that options are collapsed (section is visible, because duplex is
+  // available).
+  checkSectionVisible(otherOptionsDiv, true);
+  checkElementDisplayed(fitToPageEl, false);
+  checkSectionVisible(mediaSizeDiv, false);
+  // Expand it.
+  checkSectionVisible(moreSettingsDiv, true);
+  moreSettingsDiv.click();
+
+  checkElementDisplayed(fitToPageEl, false);
+  checkSectionVisible(mediaSizeDiv, true);
+
+  this.waitForUI();
+});
+
+// Page layout has zero margins. Hide header and footer option.
+TEST_F('PrintPreviewWebUIAsyncTest', 'PageLayoutHasNoMarginsHideHeaderFooter',
+    function() {
+  var capsSetEvent =
+      new Event(print_preview.NativeLayer.EventType.CAPABILITIES_SET);
+  capsSetEvent.settingsInfo = getCddTemplate("FooDevice");
+  this.nativeLayer_.dispatchEvent(capsSetEvent);
+
+  var moreSettingsDiv = $('more-settings');
+  var otherOptionsDiv = $('other-options-settings');
+  var headerFooterEl =
+      otherOptionsDiv.querySelector('.header-footer-container');

[Dan Beam, 2014/10/20 20:15:25]

ugh, this is a pervasive pattern apparently...

[hcarmona, 2014/10/21 01:07:18]

Acknowledged.

+
+  // Check that options are collapsed (section is visible, because duplex is
+  // available).
+  checkSectionVisible(otherOptionsDiv, true);
+  checkElementDisplayed(headerFooterEl, false);
+  // Expand it.
+  checkSectionVisible(moreSettingsDiv, true);
+  moreSettingsDiv.click();
+
+  checkElementDisplayed(headerFooterEl, true);
+
+  printPreview.printTicketStore_.marginsType.updateValue(
+      print_preview.ticket_items.MarginsType.Value.CUSTOM);
+  printPreview.printTicketStore_.customMargins.updateValue(
+      new print_preview.Margins(0, 0, 0, 0));
+
+  checkElementDisplayed(headerFooterEl, false);
+
+  this.waitForUI();
+});
+
+// Page layout has half-inch margins. Show header and footer option.
+TEST_F('PrintPreviewWebUIAsyncTest', 'PageLayoutHasMarginsShowHeaderFooter',
+    function() {
+  var capsSetEvent =
+      new Event(print_preview.NativeLayer.EventType.CAPABILITIES_SET);
+  capsSetEvent.settingsInfo = getCddTemplate("FooDevice");
+  this.nativeLayer_.dispatchEvent(capsSetEvent);
+
+  var moreSettingsDiv = $('more-settings');
+  var otherOptionsDiv = $('other-options-settings');
+  var headerFooterEl =
+      otherOptionsDiv.querySelector('.header-footer-container');
+
+  // Check that options are collapsed (section is visible, because duplex is
+  // available).
+  checkSectionVisible(otherOptionsDiv, true);
+  checkElementDisplayed(headerFooterEl, false);
+  // Expand it.
+  checkSectionVisible(moreSettingsDiv, true);
+  moreSettingsDiv.click();
+
+  checkElementDisplayed(headerFooterEl, true);
+
+  printPreview.printTicketStore_.marginsType.updateValue(
+      print_preview.ticket_items.MarginsType.Value.CUSTOM);
+  printPreview.printTicketStore_.customMargins.updateValue(
+      new print_preview.Margins(36, 36, 36, 36));
+
+  checkElementDisplayed(headerFooterEl, true);
+
+  this.waitForUI();
+});
+
+// Page layout has zero top and bottom margins. Hide header and footer option.
+TEST_F('PrintPreviewWebUIAsyncTest',
+       'ZeroTopAndBottomMarginsHideHeaderFooter',
+       function() {
+  var capsSetEvent =
+      new Event(print_preview.NativeLayer.EventType.CAPABILITIES_SET);
+  capsSetEvent.settingsInfo = getCddTemplate("FooDevice");
+  this.nativeLayer_.dispatchEvent(capsSetEvent);
+
+  var moreSettingsDiv = $('more-settings');
+  var otherOptionsDiv = $('other-options-settings');
+  var headerFooterEl =
+      otherOptionsDiv.querySelector('.header-footer-container');
+
+  // Check that options are collapsed (section is visible, because duplex is
+  // available).
+  checkSectionVisible(otherOptionsDiv, true);
+  checkElementDisplayed(headerFooterEl, false);
+  // Expand it.
+  checkSectionVisible(moreSettingsDiv, true);
+  moreSettingsDiv.click();
+
+  checkElementDisplayed(headerFooterEl, true);
+
+  printPreview.printTicketStore_.marginsType.updateValue(
+      print_preview.ticket_items.MarginsType.Value.CUSTOM);
+  printPreview.printTicketStore_.customMargins.updateValue(
+      new print_preview.Margins(0, 36, 0, 36));
+
+  checkElementDisplayed(headerFooterEl, false);
+
+  this.waitForUI();
+});
+
+// Page layout has zero top and half-inch bottom margin. Show header and footer
+// option.
+TEST_F('PrintPreviewWebUIAsyncTest',
+       'ZeroTopAndNonZeroBottomMarginShowHeaderFooter',
+       function() {
+  var capsSetEvent =
+      new Event(print_preview.NativeLayer.EventType.CAPABILITIES_SET);
+  capsSetEvent.settingsInfo = getCddTemplate("FooDevice");
+  this.nativeLayer_.dispatchEvent(capsSetEvent);
+
+  var moreSettingsDiv = $('more-settings');
+  var otherOptionsDiv = $('other-options-settings');
+  var headerFooterEl =
+      otherOptionsDiv.querySelector('.header-footer-container');
+
+  // Check that options are collapsed (section is visible, because duplex is
+  // available).
+  checkSectionVisible(otherOptionsDiv, true);
+  checkElementDisplayed(headerFooterEl, false);
+  // Expand it.
+  checkSectionVisible(moreSettingsDiv, true);
+  moreSettingsDiv.click();
+
+  checkElementDisplayed(headerFooterEl, true);
+
+  printPreview.printTicketStore_.marginsType.updateValue(
+      print_preview.ticket_items.MarginsType.Value.CUSTOM);
+  printPreview.printTicketStore_.customMargins.updateValue(
+      new print_preview.Margins(0, 36, 36, 36));
+
+  checkElementDisplayed(headerFooterEl, true);
+
+  this.waitForUI();
+});
+
+// Test to verify that duplex settings are set according to the printer
+// capabilities.
+TEST_F('PrintPreviewWebUIAsyncTest', 'TestDuplexSettingsFalse', function() {
+  var moreSettingsDiv = $('more-settings');
+  var otherOptionsDiv = $('other-options-settings');
+  var duplexDiv = otherOptionsDiv.querySelector('.duplex-container');
+
+  var capsSetEvent =
+     new Event(print_preview.NativeLayer.EventType.CAPABILITIES_SET);
+  capsSetEvent.settingsInfo = getCddTemplate("FooDevice");
+  delete capsSetEvent.settingsInfo.capabilities.printer.duplex;
+  this.nativeLayer_.dispatchEvent(capsSetEvent);
+
+  // Check that it is collapsed.
+  checkSectionVisible(otherOptionsDiv, false);
+  // Expand it.
+  checkSectionVisible(moreSettingsDiv, true);
+  moreSettingsDiv.click();
+  // Now it should be visible.
+  checkSectionVisible(otherOptionsDiv, true);
+  expectTrue(duplexDiv.hidden);
+
+  this.waitForUI();
+});
+

[Dan Beam, 2014/10/20 20:15:25]

nit: remove \n

[hcarmona, 2014/10/21 01:07:18]

Acknowledged.