OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>media controls adjust for zoom when filling the bar</title> | 4 <title>media controls adjust for zoom when filling the bar</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 <script src=media-file.js></script> | 8 <script src=media-file.js></script> |
9 <style> | 9 <style> |
10 body { zoom: 500%; } | 10 body { zoom: 500%; } |
11 </style> | 11 </style> |
12 </head> | 12 </head> |
13 <body onload="async_test(testTimelineVisible)"> | 13 <body onload="async_test(testTimelineVisible)"> |
14 <div id="log"></div> | |
15 <video id="video" width="300px" controls></video> | 14 <video id="video" width="300px" controls></video> |
16 <script> | 15 <script> |
17 var element = document.getElementById("video"); | 16 var element = document.getElementById("video"); |
18 element.src = findMediaFile("video", "content/counting"); | 17 element.src = findMediaFile("video", "content/counting"); |
19 | 18 |
20 function testTimelineVisible(test) { | 19 function testTimelineVisible(test) { |
21 // Check that the timeline is shown. If zoom is not accounted for, | 20 // Check that the timeline is shown. If zoom is not accounted for, |
22 // then it will be considered 500% bigger, and will be dropped. | 21 // then it will be considered 500% bigger, and will be dropped. |
23 var timeline = mediaControlsButton(element, "timeline"); | 22 var timeline = mediaControlsButton(element, "timeline"); |
24 assert_true(getComputedStyle(timeline).display != "none", | 23 assert_true(getComputedStyle(timeline).display != "none", |
25 "timeline should not be hidden while zoomed"); | 24 "timeline should not be hidden while zoomed"); |
26 test.done(); | 25 test.done(); |
27 } | 26 } |
28 </script> | 27 </script> |
29 </video> | 28 </video> |
30 </body> | 29 </body> |
31 </html> | 30 </html> |
OLD | NEW |