| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 <html> | |
| 3 <head> | |
| 4 <script src=media-file.js></script> | |
| 5 <script src="../resources/js-test.js"></script> | |
| 6 </head> | |
| 7 <body> | |
| 8 <p id="description">Clicking middle of volume slider should set the value to mid
dle.</p> | |
| 9 <div id="console"></div> | |
| 10 <audio controls id="audio"></audio> | |
| 11 <script> | |
| 12 function clickSliderMiddle(input, offsetLeft) { | |
| 13 var centerX = input.offsetLeft + input.offsetWidth / 2; | |
| 14 var centerY = input.offsetTop + input.offsetHeight / 2; | |
| 15 if (!window.eventSender) | |
| 16 return; | |
| 17 eventSender.mouseMoveTo(centerX, centerY); | |
| 18 eventSender.mouseDown(); | |
| 19 eventSender.mouseUp(); | |
| 20 } | |
| 21 | |
| 22 function getElementByShadowPseudoIdInShadowRoot(shadowRoot, pseudoId) { | |
| 23 var node = shadowRoot.firstChild; | |
| 24 while (node) { | |
| 25 if (internals.shadowPseudoId(node) === pseudoId) | |
| 26 return node; | |
| 27 node = node.nextSibling || node.firstChild; | |
| 28 } | |
| 29 return null; | |
| 30 } | |
| 31 | |
| 32 var mediaElement = document.getElementById("audio"); | |
| 33 var root = internals.shadowRoot(mediaElement); | |
| 34 var volumeSlider = getElementByShadowPseudoIdInShadowRoot(root, "-webkit-media-c
ontrols-volume-slider"); | |
| 35 volumeSlider.min = 0; | |
| 36 volumeSlider.max = 10; | |
| 37 volumeSlider.step = 1; | |
| 38 clickSliderMiddle(volumeSlider); | |
| 39 shouldBe('volumeSlider.value', '"5"'); | |
| 40 </script> | |
| 41 | |
| 42 </body> | |
| 43 </html> | |
| OLD | NEW |