Index: third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/selectors/cue_function/bold_object/bold_animation_with_timestamp.html |
diff --git a/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/selectors/cue_function/bold_object/bold_animation_with_timestamp.html b/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/selectors/cue_function/bold_object/bold_animation_with_timestamp.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..8d5cfee937d789b8b2c71c0aded80e670954e0e6 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/selectors/cue_function/bold_object/bold_animation_with_timestamp.html |
@@ -0,0 +1,38 @@ |
+<!DOCTYPE html> |
+<html> |
+<title>WebVTT rendering, bold object animation with timestamp, ::cue(b:past) selector</title> |
+<link rel="match" href="bold_animation_with_timestamp-ref.html"> |
+<style> |
+html { overflow:hidden } |
+body { margin:0 } |
+::cue(b:past) { |
+ -o-animation: test 9s steps(2, start); |
+ animation: test 9s steps(2, start); |
+} |
+@-o-keyframes test { |
+ 0% { |
+ color: #ffffff; |
+ } |
+ 100% { |
+ color: #00ff00; |
+ } |
+} |
+@keyframes test { |
+ 0% { |
+ color: #ffffff; |
+ } |
+ 100% { |
+ color: #00ff00; |
+ } |
+} |
+</style> |
+<script src="/common/reftest-wait.js"></script> |
+<video width="1280" height="720" autoplay onplaying="this.onplaying = null; takeScreenshotDelayed(200);"> |
+ <source src="/media/white.webm" type="video/webm"> |
+ <source src="/media/white.mp4" type="video/mp4"> |
+ <track src="../../../support/bold_with_timestamp.vtt"> |
+ <script> |
+ document.getElementsByTagName('track')[0].track.mode = 'showing'; |
+ </script> |
+</video> |
+</html> |