| <!doctype html> |
| <html> |
| <head> |
| <title>Test that the overlay play button respects the controls attribute</title> |
| <script src="media-controls.js"></script> |
| <script src="media-file.js"></script> |
| <!-- TODO(foolip): Convert test to testharness.js. crbug.com/588956 |
| (Please avoid writing new tests using video-test.js) --> |
| <script src="video-test.js"></script> |
| <script> |
| function start() |
| { |
| window.internals.settings.setMediaControlsOverlayPlayButtonEnabled(true); |
| |
| // Add element dynamically, since otherwise the controls are created, but |
| // hidden, before the setting is set, causing the setting to be ignored. |
| addVideoElement(); |
| |
| findMediaElement(); |
| |
| video.controls = true; |
| |
| button = mediaControlsButton(video, 'overlay-play-button') |
| testExpected('getComputedStyle(button).display', 'flex'); |
| |
| waitForEventOnce('loadeddata', loadeddata); |
| video.src = findMediaFile('video', 'content/test'); |
| } |
| |
| function addVideoElement() { |
| element = document.createElement('video'); |
| document.body.appendChild(element); |
| } |
| |
| function loadeddata() |
| { |
| waitForEventOnce('play', play1); |
| run('video.play()'); |
| } |
| |
| function play1() |
| { |
| testExpected('getComputedStyle(button).display', 'none'); |
| |
| waitForEventOnce('pause', pause1); |
| run('video.pause()'); |
| } |
| |
| function pause1() |
| { |
| testExpected('getComputedStyle(button).display', 'flex'); |
| |
| video.controls = false; |
| testExpected('getComputedStyle(button).display', 'none'); |
| |
| waitForEventOnce('play', play2); |
| run('video.play()'); |
| } |
| |
| function play2() |
| { |
| testExpected('getComputedStyle(button).display', 'none'); |
| |
| waitForEventOnce('pause', pause2); |
| run('video.pause()'); |
| } |
| |
| function pause2() |
| { |
| testExpected('getComputedStyle(button).display', 'none'); |
| |
| video.controls = true; |
| testExpected('getComputedStyle(button).display', 'flex'); |
| |
| endTest(); |
| } |
| </script> |
| </head> |
| <body onload="start()"> |
| <p>Test that the overlay play button respects the controls attribute</p> |
| </body> |
| </html> |
