| <!DOCTYPE html!><!-- webkit-test-runner [ enableModernMediaControls=false ] --> |
| <html> |
| <body> |
| <audio controls></audio><video controls></video><br> |
| <audio tabindex="0"></audio><video tabindex="0"></video> |
| <div tabindex="0"></div> |
| <div id="console"></div> |
| <script src="../resources/js-test-pre.js"></script> |
| <script> |
| |
| description('Tests for moving the focus onto controls inside an audio element and a video element.'); |
| |
| var mediaElements = document.querySelectorAll("audio,video"); |
| |
| if (window.testRunner) |
| runTests(); |
| else |
| log('This test requires eventSender'); |
| |
| function runTests() |
| { |
| testRunner.overridePreference("WebKitTabToLinksPreferenceKey", 1); |
| |
| shouldBe('document.body.focus(); eventSender.keyDown("\\t"); document.activeElement', 'mediaElements[0]'); |
| shouldBeTrue('mediaElements[0] instanceof HTMLAudioElement'); |
| shouldBeTrue('mediaElements[0].controls'); |
| shouldBe('eventSender.keyDown("\\t"); document.activeElement', 'mediaElements[0]'); |
| shouldBeTrue('!!internals.shadowRoot(mediaElements[0]).activeElement /* play button */'); |
| shouldBe('eventSender.keyDown("\\t"); document.activeElement', 'mediaElements[0]'); |
| shouldBeTrue('!!internals.shadowRoot(mediaElements[0]).activeElement /* rewind button */'); |
| shouldBe('eventSender.keyDown("\\t"); document.activeElement', 'mediaElements[0]'); |
| shouldBeTrue('!!internals.shadowRoot(mediaElements[0]).activeElement /* volume slider */'); |
| shouldBe('eventSender.keyDown("\\t"); document.activeElement', 'mediaElements[0]'); |
| shouldBeTrue('!!internals.shadowRoot(mediaElements[0]).activeElement /* mute button */'); |
| |
| shouldBe('eventSender.keyDown("\\t"); document.activeElement', 'mediaElements[1]'); |
| shouldBeTrue('mediaElements[1] instanceof HTMLVideoElement'); |
| shouldBeTrue('mediaElements[1].controls'); |
| shouldBeTrue('!!internals.shadowRoot(mediaElements[1]).activeElement /* play button */'); |
| shouldBe('eventSender.keyDown("\\t"); document.activeElement', 'mediaElements[1]'); |
| shouldBeTrue('!!internals.shadowRoot(mediaElements[1]).activeElement /* rewind button */'); |
| shouldBe('eventSender.keyDown("\\t"); document.activeElement', 'mediaElements[1]'); |
| shouldBeTrue('!!internals.shadowRoot(mediaElements[1]).activeElement /* volume slider */'); |
| shouldBe('eventSender.keyDown("\\t"); document.activeElement', 'mediaElements[1]'); |
| shouldBeTrue('!!internals.shadowRoot(mediaElements[1]).activeElement /* mute button */'); |
| |
| shouldBe('eventSender.keyDown("\\t"); document.activeElement', 'mediaElements[2]'); |
| shouldBeTrue('mediaElements[2] instanceof HTMLAudioElement'); |
| shouldBeFalse('mediaElements[2].controls'); |
| |
| shouldBe('eventSender.keyDown("\\t"); document.activeElement', 'mediaElements[3]'); |
| shouldBeTrue('mediaElements[3] instanceof HTMLVideoElement'); |
| shouldBeFalse('mediaElements[3].controls'); |
| |
| shouldBe('eventSender.keyDown("\\t"); document.activeElement', 'document.querySelector("div")'); |
| } |
| |
| </script> |
| <script src="../resources/js-test-post.js"></script> |
| </body> |
| </html> |
