Index: third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/repaint.html |
diff --git a/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/repaint.html b/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/repaint.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..669880b97653c6ac2b61db48b6f97192685b7a9a |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/repaint.html |
@@ -0,0 +1,51 @@ |
+<!doctype html> |
+<html class="reftest-wait"> |
+<title>WebVTT rendering, cue should repaint after hiding a covering abspos box</title> |
+<link rel="match" href="repaint-ref.html"> |
+<style> |
+#wrapper { |
+ position: relative; |
+} |
+#cover { |
+ position: absolute; |
+ left: 0px; |
+ top: 180px; |
+ width: 320px; |
+ height: 60px; |
+ background-color: gray; |
+} |
+video { |
+ width: 320px; |
+ height: 240px; |
+} |
+::cue { |
+ font-size: 50px; |
+ color: green; |
+} |
+</style> |
+<p>You should see the word 'PASS' below.</p> |
+<script src="/common/reftest-wait.js"></script> |
+<div id=wrapper> |
+ <video> |
+ <source src="/media/white.webm" type="video/webm"> |
+ <source src="/media/white.mp4" type="video/mp4"> |
+ </video> |
+ <div id=cover></div> |
+</div> |
+<script> |
+var v = document.querySelector('video'); |
+var c = document.getElementById('cover'); |
+var t = v.addTextTrack('subtitles'); |
+t.mode = "showing"; |
+t.addCue(new VTTCue(0, 100, 'PASS')); |
+v.onplaying = function() { |
+ setTimeout(function() { |
+ v.pause(); |
+ setTimeout(function() { |
+ c.style.visibility = 'hidden'; |
+ setTimeout(takeScreenshot, 100); |
+ }, 100); |
+ }, 100); |
+}; |
+v.play(); |
+</script> |