update-w3c-deps import using blink e60a8575c2fa4bc64b804926b956b695a3ac158e:

LayoutTests/imported/web-platform-tests/shadow-dom/testcommon.js

 // Copyright 2012 Google Inc. All Rights Reserved.
 
 /*
 Distributed under both the W3C Test Suite License [1] and the W3C
 3-clause BSD License [2]. To contribute to a W3C Test Suite, see the
 policies and contribution forms [3].
 
 [1] http://www.w3.org/Consortium/Legal/2008/04-testsuite-license
 [2] http://www.w3.org/Consortium/Legal/2008/03-bsd-license
 [3] http://www.w3.org/2004/10/27-testcases
@@ skipping 210 matching lines @@
         }
     }
 }
 
 
 //Example taken from http://www.w3.org/TR/shadow-dom/#event-retargeting-example
 function createTestMediaPlayer(d) {
     d.body.innerHTML = '' +
         '<div id="player">' +
                 '<input type="checkbox" id="outside-control">' +
-                '<div id="player-shadow-root">' +
+                '<div id="player-shadow-host">' +
             '</div>' +
         '</div>';
 
-        var playerShadowRoot = d.querySelector('#player-shadow-root').createShadowRoot();
+        var playerShadowRoot = d.querySelector('#player-shadow-host').createShadowRoot();
         playerShadowRoot.innerHTML = '' +
                 '<div id="controls">' +
                         '<button class="play-button">PLAY</button>' +
-                        '<input type="range" id="timeline">' +
-                                '<div id="timeline-shadow-root">' +
+                        '<div tabindex="0" id="timeline">' +
+                                '<div id="timeline-shadow-host">' +
                                 '</div>' +
-                        '</input>' +
+                        '</div>' +
                     '<div class="volume-slider-container" id="volume-slider-container">' +
-                        '<input type="range" class="volume-slider" id="volume-slider">' +
-                            '<div id="volume-shadow-root">' +
+                        '<div tabindex="0" class="volume-slider" id="volume-slider">' +
+                            '<div id="volume-shadow-host">' +
                             '</div>' +
-                        '</input>' +
+                        '</div>' +
                     '</div>' +
                 '</div>';
 
-        var timeLineShadowRoot = playerShadowRoot.querySelector('#timeline-shadow-root').createShadowRoot();
+        var timeLineShadowRoot = playerShadowRoot.querySelector('#timeline-shadow-host').createShadowRoot();
         timeLineShadowRoot.innerHTML =  '<div class="slider-thumb" id="timeline-slider-thumb"></div>';
 
-        var volumeShadowRoot = playerShadowRoot.querySelector('#volume-shadow-root').createShadowRoot();
+        var volumeShadowRoot = playerShadowRoot.querySelector('#volume-shadow-host').createShadowRoot();
         volumeShadowRoot.innerHTML = '<div class="slider-thumb" id="volume-slider-thumb"></div>';
 
         return {
                 'playerShadowRoot': playerShadowRoot,
                 'timeLineShadowRoot': timeLineShadowRoot,
                 'volumeShadowRoot': volumeShadowRoot
                 };
 }
 
 //FIXME This call of initKeyboardEvent works for WebKit-only.
 //See https://bugs.webkit.org/show_bug.cgi?id=16735
 // and https://bugs.webkit.org/show_bug.cgi?id=13368. Add check for browser here
 function fireKeyboardEvent(doc, element, key) {
     var event = doc.createEvent('KeyboardEvent');
     event.initKeyboardEvent("keydown", true, true, doc.defaultView, key, 0, false, false, false, false);
     element.dispatchEvent(event);
 }