Index: LayoutTests/media/track/track-cue-rendering-position-auto-expected.html |
diff --git a/LayoutTests/media/track/track-cue-rendering-position-auto-expected.html b/LayoutTests/media/track/track-cue-rendering-position-auto-expected.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..40ba31560545441d951e6dd12e42ccb0eaca6ec8 |
--- /dev/null |
+++ b/LayoutTests/media/track/track-cue-rendering-position-auto-expected.html |
@@ -0,0 +1,48 @@ |
+<!DOCTYPE html> |
+<script src="../media-file.js"></script> |
+<script> |
+var mediaFile = findMediaFile('video', '../content/test'); |
+</script> |
+<style> |
+.container { |
+ position: relative; |
+ display: inline-block; |
+ width: 320px; |
+ height: 240px; |
+} |
+.cue { |
+ position: absolute; |
+ top: 0; |
+ left: 0; |
+ right: 0; |
+ overflow: hidden; |
+} |
+.cue.start { |
+ text-align: start; |
+} |
+.cue.middle { |
+ text-align: center; |
+} |
+.cue.end { |
+ text-align: end; |
+} |
+.cue > span { |
+ font-family: sans-serif; |
+ background: green; |
+ color: green; |
+ font-size: 50px; |
+ padding: 2px; |
+} |
+</style> |
+<div class="container"> |
+ <video><script>document.currentScript.parentNode.src = mediaFile;</script></video> |
+ <div class=video><div class="cue start"><span>XXX</span></div></div> |
+</div> |
+<div class="container"> |
+ <video><script>document.currentScript.parentNode.src = mediaFile;</script></video> |
+ <div class=video><div class="cue middle"><span>XXX</span></div></div> |
+</div> |
+<div class="container"> |
+ <video><script>document.currentScript.parentNode.src = mediaFile;</script></video> |
+ <div class=video><div class="cue end"><span>XXX</span></div></div> |
+</div> |