| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src=media-file.js></script> |
| <script src=media-controls.js></script> |
| <script src=video-test.js></script> |
| <script> |
| function bodyClick(event) |
| { |
| consoleWrite(""); |
| failTest("'click' event handler on video parent triggered!"); |
| } |
| |
| function moveMouseToControlElement(elementName, click) |
| { |
| var controlLocation; |
| try { |
| controlLocation = mediaControlsButtonCoordinates(video, elementName); |
| } catch (exception) { |
| failTest(exception.description); |
| return; |
| } |
| |
| eventSender.mouseMoveTo(controlLocation[0], controlLocation[1]); |
| if (click) { |
| eventSender.mouseDown(); |
| eventSender.mouseUp(); |
| } |
| } |
| |
| function canplaythrough() |
| { |
| consoleWrite("<br>clicking in the play button<br>"); |
| moveMouseToControlElement("play-button", true); |
| } |
| |
| function playing() |
| { |
| consoleWrite("<br>clicking in mute button<br>"); |
| moveMouseToControlElement("mute-button", true); |
| } |
| |
| function volumechange() |
| { |
| consoleWrite("<br>clicking in closed caption button<br>"); |
| moveMouseToControlElement("toggle-closed-captions-button", true); |
| window.setTimeout(finish, 100); |
| } |
| |
| function finish() |
| { |
| consoleWrite("100ms timer fired<br>"); |
| endTest(); |
| } |
| |
| function start() |
| { |
| findMediaElement(); |
| |
| waitForEventOnce("canplaythrough", canplaythrough); |
| waitForEventOnce("playing", playing); |
| waitForEventOnce('volumechange', volumechange); |
| |
| video.src = findMediaFile("video", "content/test"); |
| |
| if (!window.internals) { |
| failTest('This test requires window.internals.'); |
| return; |
| } |
| } |
| </script> |
| </head> |
| |
| <body onload="start()" onclick="bodyClick()"> |
| <p>Test that 'click' events in the media controls don't propogate to the page.</p> |
| <p>This test only runs in DRT!</p> |
| <video controls> |
| <track src="track/captions-webvtt/captions-fast.vtt" kind="captions" srclang="en"> |
| </video> |
| </body> |
| </html> |
