| 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 |