Material PDF: Fix inconsistent behaviour in page selector, update styling

chrome/test/data/pdf/basic_test_material.js

 // Copyright 2014 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.
 
 var tests = [
   /**
    * Test that some key elements exist and that they have the appropriate
    * constructor name. This verifies that polymer is working correctly.
    */
   function testHasElements() {
@@ skipping 18 matching lines @@
    * Test that the plugin element exists and is navigated to the correct URL.
    */
   function testPluginElement() {
     var plugin = document.getElementById('plugin');
     chrome.test.assertEq('embed', plugin.localName);
 
     chrome.test.assertTrue(
         plugin.getAttribute('src').indexOf('/pdf/test.pdf') != -1);
     chrome.test.succeed();
   },
+
+  /**
+   * Test that shouldIgnoreKeyEvents correctly searches through the shadow DOM
+   * to find input fields.
+   */
+  function testIgnoreKeyEvents() {
+    // Test that the traversal through the shadow DOM works correctly.
+    var toolbar = document.getElementById('material-toolbar');
+    toolbar.$.pageselector.$.input.focus();
+    chrome.test.assertTrue(shouldIgnoreKeyEvents(toolbar));
+
+    // Test case where the active element has a shadow root of its own.
+    toolbar.$.buttons.children[0].focus();
+    chrome.test.assertFalse(shouldIgnoreKeyEvents(toolbar));
+
+    chrome.test.assertFalse(
+        shouldIgnoreKeyEvents(document.getElementById('plugin')));
+
+    chrome.test.succeed();
+  }
 ];
 
-chrome.test.runTests(tests);
+var scriptingAPI = new PDFScriptingAPI(window, window);
+scriptingAPI.setLoadCallback(function() {
+  chrome.test.runTests(tests);
+});