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() {
+    document.getElementById('material-toolbar').$.pageselector.$.input.focus();
+    // Tests that the traversal through the shadow DOM works correctly.
+    chrome.test.assertTrue(
+        shouldIgnoreKeyEvents(document.getElementById('material-toolbar')));
+    chrome.test.assertFalse(
+        shouldIgnoreKeyEvents(document.getElementById('plugin')));
+
+    chrome.test.succeed();
+  }
 ];
 
 chrome.test.runTests(tests);