MD Settings: Add remaining buttons to keyboard subpage

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

Index: chrome/test/data/webui/settings/device_page_tests.js
diff --git a/chrome/test/data/webui/settings/device_page_tests.js b/chrome/test/data/webui/settings/device_page_tests.js
index 1860fd7caa611bd30ced12ae4d769b136e805b8b..0be90aaacd90b8ce6acc4116de558fdd5a888340 100644
--- a/chrome/test/data/webui/settings/device_page_tests.js
+++ b/chrome/test/data/webui/settings/device_page_tests.js
@@ -7,7 +7,9 @@ cr.define('settings_device_page', function() {
    * @constructor
    * @implements {settings.DevicePageBrowserProxy}
    */
-  function TestDevicePageBrowserProxy() {}
+  function TestDevicePageBrowserProxy() {
+    this.keyboardShortcutsOverlayShown_ = 0;
+  }
 
   TestDevicePageBrowserProxy.prototype = {
     /** @override */
@@ -17,6 +19,14 @@ cr.define('settings_device_page', function() {
       // Prevent opening the link, which can block the test.
       e.preventDefault();
     },
+
+    /** override */
+    initializeKeyboard: function() {},
+
+    /** override */
+    showKeyboardShortcutsOverlay: function() {
+      this.keyboardShortcutsOverlayShown_++;
+    },
   };
 
   suite('SettingsDevicePage', function() {
@@ -240,6 +250,13 @@ cr.define('settings_device_page', function() {
       devicePage.set(
           'prefs.settings.language.xkb_auto_repeat_enabled_r2.value', false);
       expectFalse(collapse.opened);
+
+      // Test keyboard shortcut overlay button.
+      MockInteractions.tap(keyboardPage.$$('#keyboardOverlay'));
+      expectEquals(
+          1,
+          settings.DevicePageBrowserProxyImpl.getInstance()
+              .keyboardShortcutsOverlayShown_);
     });
 
     // Test more edge cases for slider rounding logic.