OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
5 | 5 |
6 <script src=../media-file.js></script> | 6 <script src=../media-file.js></script> |
| 7 <!-- TODO(philipj): Convert test to testharness.js. crbug.com/588956 |
| 8 (Please avoid writing new tests using video-test.js) --> |
7 <script src=../video-test.js></script> | 9 <script src=../video-test.js></script> |
8 <script src=../media-controls.js></script> | 10 <script src=../media-controls.js></script> |
9 | 11 |
10 <style> | 12 <style> |
11 ::cue {word-spacing: 100px;} | 13 ::cue {word-spacing: 100px;} |
12 ::cue(c) {padding-left: 10px; color: red;} | 14 ::cue(c) {padding-left: 10px; color: red;} |
13 .cue { | 15 .cue { |
14 display: inline; | 16 display: inline; |
15 background-color: green; | 17 background-color: green; |
16 } | 18 } |
(...skipping 16 matching lines...) Expand all Loading... |
33 testExpected("getComputedStyle(cueNode).padding", "0px"); | 35 testExpected("getComputedStyle(cueNode).padding", "0px"); |
34 testExpected("getComputedStyle(cueNode).wordSpacing", "0px"); | 36 testExpected("getComputedStyle(cueNode).wordSpacing", "0px"); |
35 cueNode = cueNode.nextElementSibling; | 37 cueNode = cueNode.nextElementSibling; |
36 testExpected("getComputedStyle(cueNode).color", "rgb(255, 0, 0)"); | 38 testExpected("getComputedStyle(cueNode).color", "rgb(255, 0, 0)"); |
37 testExpected("getComputedStyle(cueNode).padding", "0px"); | 39 testExpected("getComputedStyle(cueNode).padding", "0px"); |
38 testExpected("getComputedStyle(cueNode).wordSpacing", "0px"); | 40 testExpected("getComputedStyle(cueNode).wordSpacing", "0px"); |
39 cueNode = cueNode.nextElementSibling; | 41 cueNode = cueNode.nextElementSibling; |
40 testExpected("getComputedStyle(cueNode).color", "rgb(255, 0, 0)"); | 42 testExpected("getComputedStyle(cueNode).color", "rgb(255, 0, 0)"); |
41 testExpected("getComputedStyle(cueNode).padding", "0px"); | 43 testExpected("getComputedStyle(cueNode).padding", "0px"); |
42 testExpected("getComputedStyle(cueNode).wordSpacing", "0px"); | 44 testExpected("getComputedStyle(cueNode).wordSpacing", "0px"); |
43 | 45 |
44 consoleWrite("<br>Test that filtering doesn't apply to elements whic
h class equals 'cue' outside WebVTT scope."); | 46 consoleWrite("<br>Test that filtering doesn't apply to elements whic
h class equals 'cue' outside WebVTT scope."); |
45 cueNode = document.getElementsByClassName("cue")[0]; | 47 cueNode = document.getElementsByClassName("cue")[0]; |
46 testExpected("getComputedStyle(cueNode).display", "inline"); | 48 testExpected("getComputedStyle(cueNode).display", "inline"); |
47 endTest(); | 49 endTest(); |
48 } | 50 } |
49 | 51 |
50 function loaded() | 52 function loaded() |
51 { | 53 { |
52 findMediaElement(); | 54 findMediaElement(); |
53 video.src = findMediaFile('video', '../content/test'); | 55 video.src = findMediaFile('video', '../content/test'); |
54 video.id = "testvideo"; | 56 video.id = "testvideo"; |
55 waitForEvent('seeked', seeked); | 57 waitForEvent('seeked', seeked); |
56 waitForEvent('canplaythrough', function() { video.currentTime = 0.1;
}); | 58 waitForEvent('canplaythrough', function() { video.currentTime = 0.1;
}); |
57 } | 59 } |
58 | 60 |
59 </script> | 61 </script> |
60 </head> | 62 </head> |
61 <body onload="loaded()"> | 63 <body onload="loaded()"> |
62 <video controls > | 64 <video controls > |
63 <track src="captions-webvtt/whitelist.vtt" kind="captions" default> | 65 <track src="captions-webvtt/whitelist.vtt" kind="captions" default> |
64 </video> | 66 </video> |
65 <div><div class="cue">This should display inline</div></div> | 67 <div><div class="cue">This should display inline</div></div> |
66 </body> | 68 </body> |
67 </html> | 69 </html> |
OLD | NEW |