Index: third_party/WebKit/LayoutTests/media/track/track-cue-rendering-mode-changed.html |
diff --git a/third_party/WebKit/LayoutTests/media/track/track-cue-rendering-mode-changed.html b/third_party/WebKit/LayoutTests/media/track/track-cue-rendering-mode-changed.html |
index 1b2e2b5a2742f2e2ac595a0938dce981f5ce77e6..dec19058ed2fa39b0dba365b72e3860792aab794 100644 |
--- a/third_party/WebKit/LayoutTests/media/track/track-cue-rendering-mode-changed.html |
+++ b/third_party/WebKit/LayoutTests/media/track/track-cue-rendering-mode-changed.html |
@@ -1,92 +1,64 @@ |
<!DOCTYPE html> |
-<html> |
- <head> |
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
- |
- <script src=../media-file.js></script> |
- <!-- TODO(philipj): 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=../media-controls.js></script> |
- |
- <script> |
- |
- var testTrackArabic; |
- var testTrackEnglish; |
- var testCueDisplayBox; |
- |
- function addTracks() |
- { |
- consoleWrite(""); |
- |
- consoleWrite("Add 'Arabic' text track with one cue"); |
- testTrackArabic = video.addTextTrack('captions', 'Arabic', 'ar'); |
- testTrackArabic.addCue(new VTTCue(0.0, 10.0, 'Arabic')); |
- |
- consoleWrite("Add 'English' text track with one cue"); |
- testTrackEnglish = video.addTextTrack('captions', 'English', 'en'); |
- testTrackEnglish.addCue(new VTTCue(0.0, 10.0, 'English')); |
- |
- consoleWrite(""); |
- consoleWrite("Set the mode of the 'Arabic' track to showing"); |
- testTrackArabic.mode = "showing"; |
- |
- consoleWrite("Set the mode of the 'English' track to hidden"); |
- testTrackEnglish.mode = "hidden"; |
- } |
- |
- function testCueActiveState() |
- { |
- consoleWrite(""); |
- consoleWrite("** Both cues should be active **"); |
- testExpected("testTrackEnglish.activeCues.length", 1); |
- testExpected("testTrackEnglish.activeCues[0].text", "English"); |
- |
- testExpected("testTrackArabic.activeCues.length", 1); |
- testExpected("testTrackArabic.activeCues[0].text", "Arabic"); |
- } |
- |
- function testCueVisibility() |
- { |
- consoleWrite(""); |
- consoleWrite("** Only one cue should be visible **"); |
- testCueDisplayBox = textTrackDisplayElement(video, 'display', 0); |
- testExpected("testCueDisplayBox.innerText", "Arabic"); |
- testExpected("testCueDisplayBox.nextSibling", null); |
- |
- consoleWrite(""); |
- consoleWrite("Set the mode of the 'English' track to showing"); |
- testTrackEnglish.mode = "showing"; |
- |
- consoleWrite(""); |
- consoleWrite("** Both cues shold be visible. **"); |
- testCueDisplayBox = textTrackDisplayElement(video, 'display', 0); |
- testExpected("testCueDisplayBox.innerText", "Arabic"); |
- |
- testCueDisplayBox = textTrackDisplayElement(video, 'display', 1); |
- testExpected("testCueDisplayBox.innerText", "English"); |
- } |
- |
- function runTests() { |
- addTracks(); |
- testCueActiveState(); |
- testCueVisibility(); |
- endTest(); |
- } |
- |
- function loaded() |
- { |
- consoleWrite("Test that cues are rendered when only the track mode is changed"); |
- |
- findMediaElement(); |
- video.src = findMediaFile('video', '../content/test'); |
- |
- waitForEvent('canplaythrough', runTests); |
- } |
- |
- </script> |
- </head> |
- <body onload="loaded()"> |
- <video controls ></video> |
- </body> |
-</html> |
+<title>Test that cues are rendered when only the track mode is changed.</title> |
+<script src="../media-file.js"></script> |
+<script src="../media-controls.js"></script> |
+<script src="../../resources/testharness.js"></script> |
+<script src="../../resources/testharnessreport.js"></script> |
+<script> |
+async_test(function(t) { |
+ var video = document.createElement('video'); |
+ video.src = findMediaFile('video', '../content/test'); |
+ |
+ video.oncanplaythrough = t.step_func_done(function() { |
+ addTracks(); |
+ testCueActiveState(); |
+ testCueVisibility(); |
+ }); |
+ |
+ var testTrackArabic; |
+ var testTrackEnglish; |
+ var testCueDisplayBox; |
+ |
+ function addTracks() { |
+ // Add 'Arabic' text track with one cue. |
+ testTrackArabic = video.addTextTrack('captions', 'Arabic', 'ar'); |
+ testTrackArabic.addCue(new VTTCue(0, 10, 'Arabic')); |
+ |
+ // Add 'English' text track with one cue. |
+ testTrackEnglish = video.addTextTrack('captions', 'English', 'en'); |
+ testTrackEnglish.addCue(new VTTCue(0, 10, 'English')); |
+ |
+ // Set the mode of the 'Arabic' track to showing. |
+ testTrackArabic.mode = 'showing'; |
+ |
+ // Set the mode of the 'English' track to hidden. |
+ testTrackEnglish.mode = 'hidden'; |
+ } |
+ |
+ function testCueActiveState() { |
+ // Both cues should be active. |
+ assert_equals(testTrackEnglish.activeCues.length, 1); |
+ assert_equals(testTrackEnglish.activeCues[0].text, 'English'); |
+ |
+ assert_equals(testTrackArabic.activeCues.length, 1); |
+ assert_equals(testTrackArabic.activeCues[0].text, 'Arabic'); |
+ } |
+ |
+ function testCueVisibility() { |
+ // Only one cue should be visible. |
+ testCueDisplayBox = textTrackDisplayElement(video, 'display', 0); |
+ assert_equals(testCueDisplayBox.innerText, 'Arabic'); |
+ assert_equals(testCueDisplayBox.nextSibling, null); |
+ |
+ // Set the mode of the 'English' track to showing. |
+ testTrackEnglish.mode = 'showing'; |
+ |
+ // Both cues shold be visible. |
+ testCueDisplayBox = textTrackDisplayElement(video, 'display', 0); |
+ assert_equals(testCueDisplayBox.innerText, 'Arabic'); |
+ |
+ testCueDisplayBox = textTrackDisplayElement(video, 'display', 1); |
+ assert_equals(testCueDisplayBox.innerText, 'English'); |
+ } |
+}); |
+</script> |