Index: third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/dom_override_cue_line.html |
diff --git a/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/dom_override_cue_line.html b/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/dom_override_cue_line.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..f4094115bc712e837d8462918ae9c1348d01df21 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/dom_override_cue_line.html |
@@ -0,0 +1,39 @@ |
+<!DOCTYPE html> |
+<html class="reftest-wait"> |
+<title>WebVTT rendering, it is possible to override cue line with the DOM APIs</title> |
+<link rel="match" href="dom_override_cue_line-ref.html"> |
+<style> |
+html { overflow:hidden } |
+body { margin:0 } |
+::cue { |
+ font-family: Ahem, sans-serif; |
+ color: green |
+} |
+</style> |
+<script src="/common/reftest-wait.js"></script> |
+<script> |
+ function updateCue() { |
+ var t = document.getElementById('track'); |
+ var c = t.track.cues[0]; |
+ c.line = 0; |
+ updateRendering(); |
+ } |
+ function updateRendering() { |
+ var v = document.getElementById('video'); |
+ v.onplaying = function() { |
+ this.onplaying = null; |
+ this.pause(); |
+ takeScreenshot(); |
+ }; |
+ v.play(); |
+ } |
+</script> |
+<video id="video" width="1280" height="720" autoplay onplaying="this.onplaying = null; this.pause(); updateCue();"> |
+ <source src="/media/white.webm" type="video/webm"> |
+ <source src="/media/white.mp4" type="video/mp4"> |
+ <track id="track" src="support/test.vtt"> |
+ <script> |
+ document.getElementsByTagName('track')[0].track.mode = 'showing'; |
+ </script> |
+</video> |
+</html> |