Index: third_party/WebKit/LayoutTests/media/video-controls-visible-exiting-fullscreen.html |
diff --git a/third_party/WebKit/LayoutTests/media/video-controls-visible-exiting-fullscreen.html b/third_party/WebKit/LayoutTests/media/video-controls-visible-exiting-fullscreen.html |
index 33ff8d71ac2fc0bbf79d482ed001d5ed8af9290c..b285444f3b02a1b17e86be5b1d6beb575d1528ab 100644 |
--- a/third_party/WebKit/LayoutTests/media/video-controls-visible-exiting-fullscreen.html |
+++ b/third_party/WebKit/LayoutTests/media/video-controls-visible-exiting-fullscreen.html |
@@ -1,82 +1,45 @@ |
-<html> |
-<head> |
- <title>Test rendering of video control after exiting fullscreen</title> |
- <script src=media-file.js></script> |
- <script src=media-controls.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 src=../fullscreen/full-screen-test.js></script> |
- <script> |
- var panel; |
- var playButtonCoordinates; |
- var count = 0; |
- |
- function init() |
- { |
- findMediaElement(); |
- waitForEvent(video, 'canplaythrough', oncanplaythrough); |
- video.src = findMediaFile('video', 'content/test'); |
- } |
- |
- function oncanplaythrough() |
- { |
- waitForEvent(video, 'webkitfullscreenchange', onfullscreenchange); |
- |
- panel = mediaControlsButton(video, "panel"); |
- if (window.eventSender) { |
- try { |
- playButtonCoordinates = mediaControlsButtonCoordinates(video, "play-button"); |
- } catch (exception) { |
- testRunner.notifyDone(); |
- return; |
- } |
- var x = playButtonCoordinates[0]; |
- var y = playButtonCoordinates[1]; |
- |
- consoleWrite("** Move mouse to the play button and start playing the video **"); |
- eventSender.mouseMoveTo(x, y); |
- eventSender.mouseDown(); |
- eventSender.mouseUp(); |
- consoleWrite(""); |
- } |
- |
- consoleWrite("** Test that controls are shown when controls attribute is present **"); |
- var opacity = getComputedStyle(panel).opacity; |
- if (opacity < 1) |
- failTest("Media control is not opaque."); |
- else |
- runWithKeyDown(function(){ video.webkitRequestFullscreen(); }); |
- } |
- |
- function onfullscreenchange() |
- { |
+<!DOCTYPE html> |
+<title>Tests that video controls are shown after exiting fullscreen.</title> |
+<script src="../fullscreen/full-screen-test.js"></script> |
+<script src="../resources/testharness.js"></script> |
+<script src="../resources/testharnessreport.js"></script> |
+<script src="media-file.js"></script> |
+<script src="media-controls.js"></script> |
+<video controls></video> |
+<script> |
+async_test(function(t) { |
+ var count = 0; |
+ var video = document.querySelector("video"); |
+ |
+ video.oncanplaythrough = t.step_func(function() { |
+ |
+ var panel = mediaControlsButton(video, "panel"); |
+ video.onwebkitfullscreenchange = t.step_func(function() { |
switch (count) { |
- case 0: |
- runAfterHideMediaControlsTimerFired(continueTest, video); |
- break; |
- case 1: |
- consoleWrite(""); |
- consoleWrite("** The controls should be shown after exiting the fullscreen"); |
- var opacity = getComputedStyle(panel).opacity; |
- if (opacity < 1) |
- failTest("Media control is not opaque."); |
- else |
- endTest(); |
+ case 0: |
+ runAfterHideMediaControlsTimerFired(function() { |
+ document.webkitExitFullscreen(); |
+ }, video); |
+ break; |
+ case 1: |
+ // The controls should be shown after exiting fullscreen. |
+ assert_equals(getComputedStyle(panel).opacity, "1"); |
+ t.done(); |
} |
count++; |
- } |
- |
- function continueTest() |
- { |
- consoleWrite(""); |
- run("document.webkitExitFullscreen()"); |
- } |
- |
- </script> |
-</head> |
-<body onload="init()"> |
- Tests that video controls are shwon after exiting fullscreen<br> |
- <video controls></video> |
-</body> |
-</html> |
+ }); |
+ |
+ var playButtonCoordinates = mediaControlsButtonCoordinates(video, "play-button"); |
+ // Move mouse to the play button and start playing the video. |
+ eventSender.mouseMoveTo(playButtonCoordinates[0], playButtonCoordinates[1]); |
+ eventSender.mouseDown(); |
+ eventSender.mouseUp(); |
+ |
+ // Test that controls are shown when controls attribute is present. |
+ assert_equals(getComputedStyle(panel).opacity, "1"); |
+ runWithKeyDown(function() { video.webkitRequestFullscreen(); }); |
+ }); |
+ |
+ video.src = findMediaFile("video", "content/test"); |
+}); |
+</script> |