| 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 |