Index: third_party/WebKit/LayoutTests/media/video-controls-overlay-play-button.html |
diff --git a/third_party/WebKit/LayoutTests/media/video-controls-overlay-play-button.html b/third_party/WebKit/LayoutTests/media/video-controls-overlay-play-button.html |
index 63f3378bf605e34266fb91c698dd345807a9977b..e9e8f32988410ce08e83850ffd014c7fa3992529 100644 |
--- a/third_party/WebKit/LayoutTests/media/video-controls-overlay-play-button.html |
+++ b/third_party/WebKit/LayoutTests/media/video-controls-overlay-play-button.html |
@@ -1,82 +1,47 @@ |
-<!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> |
+<!DOCTYPE html> |
+<title>Test that the overlay play button respects the controls attribute.</title> |
+<script src="../resources/testharness.js"></script> |
+<script src="../resources/testharnessreport.js"></script> |
+<script src="media-file.js"></script> |
+<script src="media-controls.js"></script> |
+<body> |
+<script> |
+async_test(function(t) { |
+ internals.settings.setMediaControlsOverlayPlayButtonEnabled(true); |
+ |
+ // Add video dynamically, since otherwise the controls are created, but |
+ // hidden, before the setting is set, causing the setting to be ignored. |
+ var video = document.createElement("video"); |
+ document.body.appendChild(video); |
+ |
+ video.controls = true; |
+ var button = mediaControlsButton(video, "overlay-play-button") |
+ assert_equals(getComputedStyle(button).display, "flex"); |
+ |
+ var watcher = new EventWatcher(t, video, ["loadeddata", "play", "pause"]); |
+ watcher.wait_for("loadeddata").then(t.step_func(function() { |
+ video.play(); |
+ return watcher.wait_for("play"); |
+ })).then(t.step_func(function() { |
+ assert_equals(getComputedStyle(button).display, "none"); |
+ video.pause(); |
+ return watcher.wait_for("pause"); |
+ })).then(t.step_func(function() { |
+ assert_equals(getComputedStyle(button).display, "flex"); |
+ video.controls = false; |
+ assert_equals(getComputedStyle(button).display, "none"); |
+ video.play(); |
+ return watcher.wait_for("play"); |
+ })).then(t.step_func(function() { |
+ assert_equals(getComputedStyle(button).display, "none"); |
+ video.pause(); |
+ return watcher.wait_for("pause"); |
+ })).then(t.step_func_done(function() { |
+ assert_equals(getComputedStyle(button).display, "none"); |
+ video.controls = true; |
+ assert_equals(getComputedStyle(button).display, "flex"); |
+ })); |
+ |
+ video.src = findMediaFile("video", "content/test"); |
+}); |
+</script> |