REGRESSION (r224780): Text stroke not applied to video captions.
[WebKit-https.git] / LayoutTests / media / track / track-css-visible-stroke.html
1 <!DOCTYPE html>
2 <html>
3     <head>
4         <script>var requirePixelDump = true;</script>
5         <script src=../media-file.js></script>
6         <script src=../video-test.js></script>
7         <script src=../media-controls.js></script>
8
9         <style>
10         video::cue { font-size: 400px; stroke-width: 400px; stroke-color: red; paint-order: fill;}
11
12         .obscurer {
13             width: 500px;
14             height: 500px;
15             position: absolute;
16             background-color: white;
17         }
18         </style>
19         <script>
20         function seeked()
21         {
22             endTest();
23         }
24
25         function loaded()
26         {
27             consoleWrite("Test that text stroke is applied correctly.");
28             findMediaElement();
29             video.src = findMediaFile('video', '../content/test');
30             waitForEvent('seeked', seeked);
31             waitForEvent('canplaythrough', function() { video.currentTime = .5; });
32         }
33
34         setCaptionDisplayMode('Automatic');
35         </script>
36     </head>
37     <body onload="loaded()">
38         <video style="position: absolute; left: 0px; top: 0px;" controls >
39             <track src="captions-webvtt/styling.vtt" kind="captions" default>
40         </video>
41         <div class="obscurer" style="left: 0px; top: 50px;"></div>
42         <div class="obscurer" style="left: 50px; top: 0px;"></div>
43     </body>
44 </html>