OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>video controls play button always visible</title> | 4 <title>video controls play button always visible</title> |
5 <script src="../resources/testharness.js"></script> | 5 <script src="../resources/testharness.js"></script> |
6 <script src="../resources/testharnessreport.js"></script> | 6 <script src="../resources/testharnessreport.js"></script> |
7 <script src="media-controls.js"></script> | 7 <script src="media-controls.js"></script> |
8 <style> | 8 <style> |
9 audio { | 9 audio { |
10 width: 24px; | 10 width: 24px; |
11 } | 11 } |
12 </style> | 12 </style> |
13 </head> | 13 </head> |
14 <body onload="async_test(testPlayButtonVisible)"> | 14 <body onload="async_test(testPlayButtonVisible)"> |
15 <div id="log"></div> | |
16 <video id="video" width="24px" controls></video> | 15 <video id="video" width="24px" controls></video> |
17 <audio id="audio" controls></video> | 16 <audio id="audio" controls></video> |
18 <script> | 17 <script> |
19 function checkOneElement(test, id) { | 18 function checkOneElement(test, id) { |
20 var element = document.getElementById(id); | 19 var element = document.getElementById(id); |
21 | 20 |
22 // Check that the play button is shown. | 21 // Check that the play button is shown. |
23 var playButton = mediaControlsButton(element, "play-button"); | 22 var playButton = mediaControlsButton(element, "play-button"); |
24 assert_true(getComputedStyle(playButton).display != "none", | 23 assert_true(getComputedStyle(playButton).display != "none", |
25 "play button should not be hidden for " + id); | 24 "play button should not be hidden for " + id); |
(...skipping 11 matching lines...) Expand all Loading... |
37 | 36 |
38 function testPlayButtonVisible(test) { | 37 function testPlayButtonVisible(test) { |
39 checkOneElement(test, "video"); | 38 checkOneElement(test, "video"); |
40 checkOneElement(test, "audio"); | 39 checkOneElement(test, "audio"); |
41 test.done(); | 40 test.done(); |
42 } | 41 } |
43 </script> | 42 </script> |
44 </video> | 43 </video> |
45 </body> | 44 </body> |
46 </html> | 45 </html> |
OLD | NEW |