Index: LayoutTests/media/track/track-cue-rendering-after-controls-added.html |
diff --git a/LayoutTests/media/track/track-webvtt-two-cue-layout-after-first-end.html b/LayoutTests/media/track/track-cue-rendering-after-controls-added.html |
similarity index 63% |
copy from LayoutTests/media/track/track-webvtt-two-cue-layout-after-first-end.html |
copy to LayoutTests/media/track/track-cue-rendering-after-controls-added.html |
index 6cfb91990272af772c58adfc01560bbe092f652f..84b9b8921483d9957a30644b3834d702a68e4575 100644 |
--- a/LayoutTests/media/track/track-webvtt-two-cue-layout-after-first-end.html |
+++ b/LayoutTests/media/track/track-cue-rendering-after-controls-added.html |
@@ -1,5 +1,10 @@ |
<!DOCTYPE html> |
-<title>WebVTT two-cue layout after the first cue has ended</title> |
+<title>Text track cue layout after controls are added</title> |
+<style> |
+::cue { |
+ font-size: 50px; |
+} |
+</style> |
<video style="border:1px solid gray"> |
<source src="opera/track/webvtt/rendering/reftest/media/white.webm" type="video/webm"> |
<source src="opera/track/webvtt/rendering/reftest/media/white.mp4" type="video/mp4"> |
@@ -9,18 +14,17 @@ |
// cue layout is done, so make no attempt to work without testRunner. |
testRunner.waitUntilDone(); |
-// Add two cues, where the first cue ends before the second. |
+// Add a cue that will overlap with the video controls. |
var video = document.querySelector("video"); |
var track = video.addTextTrack("captions"); |
-track.addCue(new VTTCue(0, 1, "cue 1")); |
-track.addCue(new VTTCue(0, 3, "cue 2")); |
+track.addCue(new VTTCue(0, 1, "text")); |
track.mode = "showing"; |
video.onloadeddata = function() { |
testRunner.displayAsyncThen(function() { |
- // Seek past the end of the first cue. The second cue should not move. |
- video.currentTime = 2; |
- video.onseeked = function() { testRunner.notifyDone(); }; |
+ // Add the controls. The cue should move to avoid overlap. |
+ video.controls = true; |
+ testRunner.notifyDone(); |
}); |
}; |
</script> |