MD Settings: Creating a <settings-dialog> element.

chrome/test/data/webui/settings/search_engines_page_test.js

 // Copyright 2016 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.
 
 cr.define('settings_search_engines_page', function() {
   /**
    * A test version of SearchEnginesBrowserProxy. Provides helper methods
    * for allowing tests to know when a method was called, as well as
    * specifying mock responses.
    *
@@ skipping 154 matching lines @@
         document.body.appendChild(dialog);
       });
 
       teardown(function() { dialog.remove(); });
 
       // Tests that the dialog calls 'searchEngineEditStarted' and
       // 'searchEngineEditCancelled' when closed from the 'x' button.
       test('DialogOpenAndClose', function() {
         return browserProxy.whenCalled('searchEngineEditStarted').then(
             function() {
-              MockInteractions.tap(dialog.$.close);
+              MockInteractions.tap(dialog.$.dialog.getCloseButton());
               return browserProxy.whenCalled('searchEngineEditCancelled');
             });
       });
 
       // Tests that the dialog calls 'searchEngineEditStarted' and
       // 'searchEngineEditCancelled' when closed from the 'cancel' button.
       test('DialogOpenAndCancel', function() {
         return browserProxy.whenCalled('searchEngineEditStarted').then(
             function() {
               MockInteractions.tap(dialog.$.cancel);
@@ skipping 252 matching lines @@
   }
 
 
   return {
     registerDialogTests: registerDialogTests,
     registerSearchEngineEntryTests: registerSearchEngineEntryTests,
     registerOmniboxExtensionEntryTests: registerOmniboxExtensionEntryTests,
     registerPageTests: registerPageTests,
   };
 });