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 17 matching lines @@
  */
 PrintPreviewWebUITest.FOO_INDEX = 1;
 
 /**
  * Index of the Bar printer.
  * @type {number}
  * @const
  */
 PrintPreviewWebUITest.BAR_INDEX = 2;
 
+PrintPreviewWebUITest.TIMEOUT = 500;
+
 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,
+
+  /** @override */
+  isAsync: 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 22 matching lines @@
       cloudprint.CloudPrintInterface = CloudPrintInterfaceStub;
       cloudprint.CloudPrintInterface.EventType = oldCpInterfaceEventType;
 
       print_preview.PreviewArea.prototype.getPluginType_ =
           function() {
         return print_preview.PreviewArea.PluginType_.NONE;
       };
     }.bind(this));
   },
 
   setUpPreview: function() {

[Dan Beam, 2014/10/15 21:37:31]

rename to setUp, add /** @override */ and remove all the "this.setUpPreview()"
calls

https://code.google.com/p/chromium/codesearch#chromium/src/chrome/test/data/w...

[hcarmona, 2014/10/17 01:35:53]

Can't do this because not all tests need to call setupPreview(). Also some tests
need to change some options before the preview is set up.

Added to this the async class because all async tests needed to call
setupPreview() and none had to change options before the call.

On 2014/10/15 21:37:31, Dan Beam wrote:

     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);
   },
 
+  waitForTransitionEvents: function(expectedTransitions) {
+    // add a listener for the transition end event
+    document.addEventListener('webkitTransitionEnd', function finishTest(e) {
+      if (--expectedTransitions <= 0) {
+        // end the test once all expected transitions are done

[Dan Beam, 2014/10/15 21:37:31]

why not when a specific transition ends, e.g.

  e.target == elementWeCareAbout && e.propertyName == 'prop-we-care-about'

[hcarmona, 2014/10/17 01:35:53]

Done.

+        console.log('transitions done');
+        testDone();
+      }
+      else {
+        // If more transitions are expected, make sure they will happen
+        // because the webkitTransitionEnd event is sometimes flaky.
+        console.log('transitions remain: ' + expectedTransitions);
+        ensureTransitionEndEvent(document, PrintPreviewWebUITest.TIMEOUT);

[Dan Beam, 2014/10/15 21:39:19]

we should not have to do this

[hcarmona, 2014/10/17 01:35:53]

Acknowledged.

+      }
+    });
+
+    // Event is not thrown if there is no draw event. This will ensure that
+    // the event is thrown to keep test from waiting forever.
+    ensureTransitionEndEvent(document, PrintPreviewWebUITest.TIMEOUT);
+  },
+
   /**
    * Generate a real C++ class; don't typedef.
    * @type {?string}
    * @override
    */
   typedefCppFixture: null,
 
   /**
    * @this {PrintPreviewWebUITest}
    * @override
@@ skipping 20 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);
+  testDone();
 });
 
 // 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 17 matching lines @@
                    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);
+  testDone();
 });
 
 /**
  * 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(
@@ skipping 53 matching lines @@
 // Test that disabled settings hide the disabled sections.
 TEST_F('PrintPreviewWebUITest', 'TestSystemDialogLinkIsHiddenInAppKiosMode',
     function() {
   var initialSettingsSetEvent =
       new Event(print_preview.NativeLayer.EventType.INITIAL_SETTINGS_SET);
   initialSettingsSetEvent.initialSettings = this.initialSettings_;
   initialSettingsSetEvent.initialSettings.isInAppKioskMode_ = true;
   this.nativeLayer_.dispatchEvent(initialSettingsSetEvent);
 
   checkElementDisplayed($('system-dialog-link'), false);
+  testDone();
 });
 
 // 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;
   this.nativeLayer_.dispatchEvent(capsSetEvent);
 
   checkSectionVisible($('layout-settings'), true);
   checkSectionVisible($('color-settings'), false);
   checkSectionVisible($('copies-settings'), false);
+  testDone();
 });
 
 // When the source is 'PDF' and 'Save as PDF' option is selected, we hide the
 // fit to page option.
 TEST_F('PrintPreviewWebUITest', 'PrintToPDFSelectedCapabilities', function() {
   // Add PDF printer.
   this.initialSettings_.isDocumentModifiable_ = false;
   this.initialSettings_.systemDefaultDestinationId_ = 'Save as PDF';
 
   var initialSettingsSetEvent =
@@ skipping 29 matching lines @@
             }
           ]
         }
       }
     }
   };
   this.nativeLayer_.dispatchEvent(capsSetEvent);
 
   checkSectionVisible($('other-options-settings'), false);
   checkSectionVisible($('media-size-settings'), false);
+  testDone();
 });
 
 // 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);
+  this.setUpPreview();
 
   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);
+
+  this.waitForTransitionEvents(1);
 });
 
 // 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);
+  testDone();

[Dan Beam, 2014/10/15 21:37:31]

function PrintPreviewWebUIAsyncTest() {}

PrintPreviewWebUIAsyncTest.prototype = {
  __proto__: PrintPreviewWebUITest,

  /** @override */
  isAsync: true,
};

[Dan Beam, 2014/10/15 21:39:18]

(so you don't have to put all these useless testDone() calls everywhere)

[hcarmona, 2014/10/17 01:35:53]

Acknowledged.

[hcarmona, 2014/10/17 01:35:53]

Done.

 });
 
 // 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);
+  testDone();
 });
 
 // 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'));
   });
+  testDone();
 });
 
 // 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);
+  this.setUpPreview();
 
   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);
+
+  this.waitForTransitionEvents(4);
 });
 
 // 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);
-
+  this.setUpPreview();
   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.waitForTransitionEvents(4);
 });
 
 // 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);
+  this.setUpPreview();
 
   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.waitForTransitionEvents(4);
 });
 
 // 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);
+  this.setUpPreview();
 
   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.waitForTransitionEvents(4);
 });
 
 // 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": [
       {"is_default": true, "type": "STANDARD_MONOCHROME"}
     ]
   };
   this.nativeLayer_.dispatchEvent(capsSetEvent);
 
   checkSectionVisible($('color-settings'), false);
+  testDone();
 });
 
 // Test that the color settings, one option, custom monochrome.
 TEST_F('PrintPreviewWebUITest', 'TestColorSettingsCustomMonochrome',
     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": [
       {"is_default": true, "type": "CUSTOM_MONOCHROME", "vendor_id": "42"}
     ]
   };
   this.nativeLayer_.dispatchEvent(capsSetEvent);
 
   checkSectionVisible($('color-settings'), false);
+  testDone();
 });
 
 // Test that the color settings, one option, standard color.
 TEST_F('PrintPreviewWebUITest', 'TestColorSettingsColor', function() {
   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"}
     ]
   };
   this.nativeLayer_.dispatchEvent(capsSetEvent);
 
   checkSectionVisible($('color-settings'), false);
+  testDone();
 });
 
 // Test that the color settings, one option, custom color.
 TEST_F('PrintPreviewWebUITest', 'TestColorSettingsCustomColor', function() {
   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": "CUSTOM_COLOR", "vendor_id": "42"}
     ]
   };
   this.nativeLayer_.dispatchEvent(capsSetEvent);
 
   checkSectionVisible($('color-settings'), false);
+  testDone();
 });
 
 // Test that the color settings, two options, both standard, defaults to color.
 TEST_F('PrintPreviewWebUITest', 'TestColorSettingsBothStandardDefaultColor',
     function() {
   this.setUpPreview();
 
   var capsSetEvent =
       new Event(print_preview.NativeLayer.EventType.CAPABILITIES_SET);
   capsSetEvent.settingsInfo = getCddTemplate("FooDevice");
   capsSetEvent.settingsInfo.capabilities.printer.color = {
     "option": [
       {"type": "STANDARD_MONOCHROME"},
       {"is_default": true, "type": "STANDARD_COLOR"}
     ]
   };
   this.nativeLayer_.dispatchEvent(capsSetEvent);
 
   checkSectionVisible($('color-settings'), true);
   expectEquals(
       'color',
       $('color-settings').querySelector('.color-settings-select').value);
+  testDone();
 });
 
 // Test that the color settings, two options, both standard, defaults to
 // monochrome.
 TEST_F('PrintPreviewWebUITest',
     'TestColorSettingsBothStandardDefaultMonochrome', function() {
   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_MONOCHROME"},
       {"type": "STANDARD_COLOR"}
     ]
   };
   this.nativeLayer_.dispatchEvent(capsSetEvent);
 
   checkSectionVisible($('color-settings'), true);
   expectEquals(
       'bw', $('color-settings').querySelector('.color-settings-select').value);
+  testDone();
 });
 
 // Test that the color settings, two options, both custom, defaults to color.
 TEST_F('PrintPreviewWebUITest',
     'TestColorSettingsBothCustomDefaultColor', function() {
   this.setUpPreview();
 
   var capsSetEvent =
       new Event(print_preview.NativeLayer.EventType.CAPABILITIES_SET);
   capsSetEvent.settingsInfo = getCddTemplate("FooDevice");
   capsSetEvent.settingsInfo.capabilities.printer.color = {
     "option": [
       {"type": "CUSTOM_MONOCHROME", "vendor_id": "42"},
       {"is_default": true, "type": "CUSTOM_COLOR", "vendor_id": "43"}
     ]
   };
   this.nativeLayer_.dispatchEvent(capsSetEvent);
 
   checkSectionVisible($('color-settings'), true);
   expectEquals(
       'color',
       $('color-settings').querySelector('.color-settings-select').value);
+  testDone();
 });
 
 // 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);
+  testDone();
 });
 
 // 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);
+  this.setUpPreview();
 
   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.waitForTransitionEvents(1);
 });
 
 // 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 10 matching lines @@
 
   var capsSetEvent =
       new Event(print_preview.NativeLayer.EventType.CAPABILITIES_SET);
   capsSetEvent.settingsInfo = getCddTemplate("BarDevice");
   capsSetEvent.settingsInfo.capabilities.printer.color = {
     "option": [
       {"is_default": true, "type": "STANDARD_MONOCHROME"}
     ]
   };
   this.nativeLayer_.dispatchEvent(capsSetEvent);
+  testDone();
 });
 
 // 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(true, loadingMessageEl.hidden);
 
   var previewFailedMessageEl = previewAreaEl.getElementsByClassName(
       'preview-area-preview-failed-message')[0];
   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);
+  testDone();
 });