| OLD | NEW | 
|---|
| (Empty) |  | 
|  | 1 <DOCTYPE html> | 
|  | 2 <title>Test media controls video keyboard navigation</title> | 
|  | 3 <script src="../../resources/testharness.js"></script> | 
|  | 4 <script src="../../resources/testharnessreport.js"></script> | 
|  | 5 <script src="../media-file.js"></script> | 
|  | 6 <script src="../media-controls.js"></script> | 
|  | 7 <video></video> | 
|  | 8 <script> | 
|  | 9 test(_ => { | 
|  | 10   assert_true('eventSender' in window); | 
|  | 11 }, 'eventSender required'); | 
|  | 12 | 
|  | 13 async_test(function(t) { | 
|  | 14     var video = document.querySelector("video"); | 
|  | 15     video.src = findMediaFile("video", "../content/test"); | 
|  | 16     assert_equals(video.volume, 1); | 
|  | 17     assert_equals(video.currentTime, 0); | 
|  | 18 | 
|  | 19     video.oncanplaythrough = t.step_func_done(function() { | 
|  | 20       // Focus the video. | 
|  | 21       video.focus(); | 
|  | 22 | 
|  | 23       // 'Enter' does not play the video. | 
|  | 24       eventSender.keyDown("Enter"); | 
|  | 25       assert_true(video.paused); | 
|  | 26 | 
|  | 27       // 'Down' does not reduce volume. | 
|  | 28       eventSender.keyDown("ArrowDown"); | 
|  | 29       assert_equals(video.volume, 1); | 
|  | 30 | 
|  | 31       // 'Space' also does not pauses/plays the video. | 
|  | 32       eventSender.keyDown(" "); | 
|  | 33       assert_true(video.paused); | 
|  | 34 | 
|  | 35       var cur = video.currentTime; | 
|  | 36 | 
|  | 37       // 'Right' does not scrub the timeline forward. | 
|  | 38       eventSender.keyDown("ArrowRight"); | 
|  | 39       assert_equals(video.currentTime, cur); | 
|  | 40 | 
|  | 41       // 'End' does not set the timeline to end. | 
|  | 42       eventSender.keyDown("End"); | 
|  | 43       assert_equals(video.currentTime, cur); | 
|  | 44     }); | 
|  | 45 }); | 
|  | 46 </script> | 
|  | 47 | 
| OLD | NEW | 
|---|