Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(107)

Unified Diff: third_party/WebKit/LayoutTests/media/video-controls-toggling.html

Issue 2116013002: Convert video-controls* tests to testharness.js (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: address comment Created 4 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/LayoutTests/media/video-controls-toggling.html
diff --git a/third_party/WebKit/LayoutTests/media/video-controls-toggling.html b/third_party/WebKit/LayoutTests/media/video-controls-toggling.html
index e897db8415e7f1d15e8b74c596aa808f7a74f17d..98beb5e706f151ca6bb6d6f7eeb93387cf1feaa0 100644
--- a/third_party/WebKit/LayoutTests/media/video-controls-toggling.html
+++ b/third_party/WebKit/LayoutTests/media/video-controls-toggling.html
@@ -1,88 +1,49 @@
-<html>
-<head>
- <title>Test rendering of volume slider of video tag</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>
- var video;
- var panel;
- var muteButtonCoordinates;
-
- function init()
- {
- video = document.getElementsByTagName("video")[0];
- video.src = findMediaFile("video", "content/test");
-
- consoleWrite("");
- consoleWrite("** Playing the video **");
- run("video.play()");
- }
-
- function test()
- {
- panel = mediaControlsButton(video, "panel");
-
- if (window.eventSender) {
- try {
- muteButtonCoordinates = mediaControlsButtonCoordinates(video, "mute-button");
- } catch (exception) {
- testRunner.notifyDone();
- return;
- }
-
- consoleWrite("");
- consoleWrite("** Move mouse somewhere over the panel **");
- run("eventSender.mouseMoveTo(muteButtonCoordinates[0], muteButtonCoordinates[1])");
- }
-
- consoleWrite("");
- consoleWrite("** Test that controls are shown when controls attribute is present **");
- testExpected("panel.style['display']", 'none', "!=");
-
- if (window.eventSender) {
- consoleWrite("");
- consoleWrite("** Move mouse outside the video **");
- run("eventSender.mouseMoveTo(video.offsetLeft, video.offsetTop + 2 * video.offsetHeight)");
- }
-
+<!DOCTYPE html>
+<title>Test rendering of volume slider of video tag.</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>
+<video controls></video>
+<script>
+async_test(function(t) {
+ var panel;
+ var muteButtonCoordinates;
+ var video = document.querySelector("video");
+
+ video.onplay = t.step_func(function() {
+ panel = mediaControlsButton(video, "panel");
+ muteButtonCoordinates = mediaControlsButtonCoordinates(video, "mute-button");
+
+ // Move mouse somewhere over the panel.
+ eventSender.mouseMoveTo(muteButtonCoordinates[0], muteButtonCoordinates[1]);
+
+ // Test that controls are shown when controls attribute is present.
+ assert_not_equals(panel.style["display"], "none");
+
+ // Move mouse outside the video.
+ eventSender.mouseMoveTo(video.offsetLeft, video.offsetTop + 2 * video.offsetHeight);
+ setTimeout(continueTest, controlsFadeOutDurationMs);
+ });
+
+ function continueTest() {
+ if (panel.style["display"] != "none") {
setTimeout(continueTest, controlsFadeOutDurationMs);
+ return;
}
- function continueTest()
- {
- if (panel.style['display'] != 'none') {
- setTimeout(continueTest, controlsFadeOutDurationMs);
- return;
- }
-
- consoleWrite("");
- consoleWrite("** The controls should have the display property set to none");
- testExpected("panel.style['display']", 'none', "==");
-
- consoleWrite("");
- consoleWrite("** Remove controls attribute**");
- run("video.removeAttribute('controls')");
+ // Remove controls attribute.
+ video.removeAttribute("controls");
- consoleWrite("");
- consoleWrite("** Move mouse back over the panel **");
- run("eventSender.mouseMoveTo(muteButtonCoordinates[0], muteButtonCoordinates[1])");
+ // Move mouse back over the panel.
+ eventSender.mouseMoveTo(muteButtonCoordinates[0], muteButtonCoordinates[1]);
- consoleWrite("");
- consoleWrite("** Video controls should not be shown **");
- testExpected("panel.style['display']", 'none', "==");
-
- consoleWrite("");
-
- endTest();
- }
+ // Video controls should not be shown.
+ assert_equals(panel.style["display"], "none");
+ t.done();
+ }
- </script>
-</head>
-<body onload="init()">
- Tests that showing / hiding video controls uses the sets the display:none property<br>
- <video onplay="test()" controls></video>
-</body>
-</html>
+ video.src = findMediaFile("video", "content/test");
+ video.play();
+});
+</script>

Powered by Google App Engine
This is Rietveld 408576698