MD Settings: Tests for URL navigation on load.

chrome/test/data/webui/settings/settings_page_url_browsertest.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.
+
+/** @fileoverview Tests various settings URLs. */
+
+GEN_INCLUDE(['settings_page_browsertest.js']);
+
+/**
+ * @constructor
+ * @extends {SettingsPageBrowserTest}
+*/
+function SettingsPageURLBrowserTest() {}
+
+SettingsPageURLBrowserTest.prototype = {
+  __proto__: SettingsPageBrowserTest.prototype,
+
+  /** @return {number} Height of the cr-toolbar. */
+  getToolbarHeight: function() {
+    var toolbar = assert(document.querySelector('* /deep/ cr-toolbar'));

[dschuyler, 2016/10/03 18:29:58]

IIRC using /deep/ in a test is ok(?).

[michaelpg, 2016/10/03 20:28:52]

yes: /deep/ inside querySelector is not deprecated, and it doesn't pose a
performance issue here

+    assertGT(toolbar.offsetHeight, 0);
+    return toolbar.offsetHeight;
+  },
+
+  /**
+   * Tests that the page opens with the section visible and at the top of the
+   * scroller.
+   * @param {string} pageName
+   * @param {string} sectionName
+   */
+  runSectionTest: function(pageName, sectionName) {
+    var page = this.getPage(pageName);
+    var section = assert(this.getSection(page, sectionName));
+
+    // Section starts at the top of the main page.
+    assertEquals(
+        this.getToolbarHeight(), section.getBoundingClientRect().top);
+    assertGT(section.offsetHeight, 0);
+
+    this.verifySubpagesHidden(section);
+  },
+
+  /**
+   * Tests that the page opens with the subpage visible and filling the page.
+   * May take several frames to complete. Returns a Promise which resolves on
+   * success, making this function a suitable parameter for test().
+   * @param {string} pageName
+   * @param {string} sectionName
+   * @return {!Promise} Test promise.
+   */
+  runSubpageTestAsync: function(pageName, sectionName) {
+    var page = this.getPage(pageName);
+
+    // Wait for expand animation to complete, leaving the page spanning the
+    // available vertical space.
+    var promise = new Promise(function(resolve, reject) {
+      // Resolves the promise or schedules itself to run again in a rAF.

[dschuyler, 2016/10/03 18:29:58]

optional: 
// Resolves the promise or schedules itself to run again in a later
// animation frame.

Hmm, those (original and suggestion above) are both rather literal. Maybe drop
the comment?

[michaelpg, 2016/10/03 20:28:52]

Done.

+      (function keepChecking() {
+        if (page.getBoundingClientRect().bottom == window.innerHeight)
+          resolve();
+        else
+          requestAnimationFrame(keepChecking);
+      })();
+    });
+
+    return promise.then(function() {
+      assertEquals(page.getBoundingClientRect().bottom, window.innerHeight);
+
+      // Section extends at least to the bottom of the window.
+      var section = assert(this.getSection(page, sectionName));
+      assertGT(section.offsetHeight, 0);
+      assertEquals(
+          this.getToolbarHeight(), section.getBoundingClientRect().top);
+      assertGE(section.getBoundingClientRect().bottom, window.innerHeight);
+
+      // Subpage is stamped.
+      var pages = section.querySelector('* /deep/ settings-animated-pages');
+      assertTrue(!!pages);
+      var path = this.browsePreload.slice('chrome://md-settings'.length);
+      var subpage = pages.querySelector(
+          'settings-subpage[route-path="' + path + '"]');
+      assertTrue(!!subpage);
+
+      // Subpage starts at the top of the main page.
+      assertEquals(
+          this.getToolbarHeight(), subpage.getBoundingClientRect().top);
+      assertGT(subpage.offsetHeight, 0);
+    }.bind(this));
+  },
+};
+
+// We're loading the whole MD Settings page and running animations, so disable
+// problematic builders. See https://crbug.com/558434.
+GEN('#if defined(MEMORY_SANITIZER) || !defined(NDEBUG)');
+GEN('#define MAYBE_Load DISABLED_Load');
+GEN('#else');
+GEN('#define MAYBE_Load Load');
+GEN('#endif');
+
+// Loads a basic page section.
+function SettingsPageURLOnStartupTest() {}
+SettingsPageURLOnStartupTest.prototype = {
+  __proto__: SettingsPageURLBrowserTest.prototype,
+
+  /** @override */
+  browsePreload: 'chrome://md-settings/onStartup',
+};
+
+TEST_F('SettingsPageURLOnStartupTest', 'MAYBE_Load', function() {
+  test('scrolled to onStartup section',
+       this.runSectionTest.bind(this, 'basic', 'onStartup'));
+  mocha.run();
+});
+
+// Loads an advanced page section.
+function SettingsPageURLResetTest() {}
+SettingsPageURLResetTest.prototype = {
+  __proto__: SettingsPageURLBrowserTest.prototype,
+
+  /** @override */
+  browsePreload: 'chrome://md-settings/reset',
+};
+
+TEST_F('SettingsPageURLResetTest', 'MAYBE_Load', function() {
+  test('scrolled to reset section',
+       this.runSectionTest.bind(this, 'advanced', 'reset'));
+  mocha.run();
+});
+
+// Loads a basic page subpage.
+function SettingsPageURLSearchEnginesTest() {}
+SettingsPageURLSearchEnginesTest.prototype = {
+  __proto__: SettingsPageURLBrowserTest.prototype,
+
+  /** @override */
+  browsePreload: 'chrome://md-settings/searchEngines',
+};
+
+TEST_F('SettingsPageURLSearchEnginesTest', 'MAYBE_Load', function() {
+  test('opened searchEngines subpage',
+       this.runSubpageTestAsync.bind(this, 'basic', 'search'));
+  mocha.run();
+});
+
+// Loads an advanced page subpage.
+function SettingsPageURLSiteSettingsTest() {}
+SettingsPageURLSiteSettingsTest.prototype = {
+  __proto__: SettingsPageURLBrowserTest.prototype,
+
+  /** @override */
+  browsePreload: 'chrome://md-settings/siteSettings',
+};
+
+TEST_F('SettingsPageURLSiteSettingsTest', 'MAYBE_Load', function() {
+  test('opened siteSettings subpage',
+       this.runSubpageTestAsync.bind(
+           this, 'advanced', 'privacy'));
+  mocha.run();
+});