Chromium Code Reviews Chromium Code Reviews
Issue 1913423002:
Convert track tests from video-test.js to testharness.js based (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master| OLD | NEW |
|---|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <title>Test that default positioned TextTrack's cues are rendered correctly.</ti tle> |
| 3 <head> | 3 <script src="../media-file.js"></script> |
| 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | 4 <script src="../media-controls.js"></script> |
| 5 <script src="../../resources/testharness.js"></script> | |
| 6 <script src="../../resources/testharnessreport.js"></script> | |
| 7 <video> | |
| 8 <track src="captions-webvtt/captions.vtt" kind="captions" default> | |
| 9 </video> | |
| 10 <script> | |
| 11 async_test(function(t) { | |
| 12 var video = document.querySelector("video"); | |
| 13 var testTrack = document.querySelector("track"); | |
| 14 video.src = findMediaFile("video", "../content/test"); | |
| 5 | 15 |
| 6 <script src=../media-file.js></script> | 16 var cueTextIndex = 0; |
| 7 <!-- TODO(philipj): Convert test to testharness.js. crbug.com/588956 | 17 var cueText = [ "Lorem", "ipsum", "dolor", "sit" ]; |
| 8 (Please avoid writing new tests using video-test.js) --> | 18 video.onseeked = t.step_func(function() { |
| 9 <script src=../video-test.js></script> | 19 assert_equals(video.currentTime, cueTextIndex + 0.5); |
| 10 <script src=../media-controls.js></script> | 20 assert_equals(testTrack.track.activeCues.length, 1); |
| 21 assert_equals(testTrack.track.activeCues[0].text, cueText[cueTextIndex]) ; | |
| 11 | 22 |
| 12 <script> | 23 var testCueDisplayBox = textTrackDisplayElement(video, "display"); |
| 24 assert_equals(testCueDisplayBox.innerText, cueText[cueTextIndex]); | |
| 25 assert_true(2 * testCueDisplayBox.offsetLeft == video.videoWidth - testC ueDisplayBox.offsetWidth) | |
|
mlamouri (slow - plz ping)
2016/04/26 15:21:35
assert_equals?
Srirama
2016/04/27 05:39:22
Done.
| |
| 13 | 26 |
| 14 var testTrack; | 27 if (++cueTextIndex == cueText.length) { |
| 15 var testCueDisplayBox; | 28 // Test the cue display colors and font. |
| 16 var seekedCount = 0; | |
| 17 var info = [ "Lorem", "ipsum", "dolor", "sit" ]; | |
| 18 | |
| 19 function testFontSize(width, height) | |
| 20 { | |
| 21 run("video.width = " + width); | |
| 22 run("video.height = " + height); | |
| 23 document.body.offsetTop; | |
| 24 testExpected("getComputedStyle(textTrackDisplayElement(video)).fontS ize", parseInt(height * 0.05) + "px"); | |
| 25 consoleWrite(""); | |
| 26 } | |
| 27 | |
| 28 function testCueStyle() | |
| 29 { | |
| 30 consoleWrite("<br>Test the cue display colors and font."); | |
| 31 testFontSize(320, 240); | 29 testFontSize(320, 240); |
| 32 testFontSize(640, 480); | 30 testFontSize(640, 480); |
| 33 testFontSize(1280, 960); | 31 testFontSize(1280, 960); |
| 34 testFontSize(2560, 1440); | 32 testFontSize(2560, 1440); |
| 35 | 33 |
| 36 testExpected("getComputedStyle(textTrackDisplayElement(video)).fontF amily", "sans-serif"); | 34 assert_equals(getComputedStyle(textTrackDisplayElement(video)).fontF amily, "sans-serif"); |
| 37 testExpected("getComputedStyle(textTrackDisplayElement(video)).color ", "rgb(255, 255, 255)"); | 35 assert_equals(getComputedStyle(textTrackDisplayElement(video)).color , "rgb(255, 255, 255)"); |
| 38 testExpected("getComputedStyle(textTrackDisplayElement(video, 'displ ay').firstChild).backgroundColor", "rgba(0, 0, 0, 0.796875)"); | 36 assert_equals(getComputedStyle(textTrackDisplayElement(video, "displ ay").firstChild).backgroundColor, "rgba(0, 0, 0, 0.8)"); |
| 39 | 37 |
| 40 endTest(); | 38 t.done(); |
| 39 } else { | |
| 40 video.currentTime = video.currentTime + 1; | |
|
mlamouri (slow - plz ping)
2016/04/26 15:21:35
nit: `+= 1` or even `++`?
Srirama
2016/04/27 05:39:22
Done.
| |
| 41 } | |
| 42 }); | |
| 41 | 43 |
| 42 // Resize the video so it is easier to interact with it manually, if necessary. | 44 function testFontSize(width, height) { |
| 43 video.width = 320; | 45 video.width = width; |
| 44 video.height = 240; | 46 video.height = height; |
| 45 } | 47 // Force a relayout of the document |
| 46 | 48 document.body.offsetTop; |
| 47 function seeked() | 49 assert_equals(getComputedStyle(textTrackDisplayElement(video)).fontSize, parseInt(height * 0.05) + "px"); |
| 48 { | 50 } |
| 49 if (testEnded) | 51 |
| 50 return; | 52 video.currentTime = 0.5; |
| 51 | 53 }); |
| 52 testExpected("video.currentTime", seekedCount + .5); | 54 </script> |
| 53 testExpected("testTrack.track.activeCues.length", 1); | |
| 54 testExpected("testTrack.track.activeCues[0].text", info[seekedCount] ); | |
| 55 | |
| 56 testCueDisplayBox = textTrackDisplayElement(video, 'display'); | |
| 57 testExpected("testCueDisplayBox.innerText", info[seekedCount]); | |
| 58 testExpected("2 * testCueDisplayBox.offsetLeft == video.videoWidth - testCueDisplayBox.offsetWidth", true) | |
| 59 | |
| 60 if (++seekedCount == info.length) | |
| 61 testCueStyle(); | |
| 62 else { | |
| 63 consoleWrite(""); | |
| 64 run("video.currentTime = " + (video.currentTime + 1)); | |
| 65 return; | |
| 66 } | |
| 67 } | |
| 68 | |
| 69 function loaded() | |
| 70 { | |
| 71 consoleWrite("Test that default positioned TextTrack's cues are rend ered correctly."); | |
| 72 findMediaElement(); | |
| 73 testTrack = document.querySelector('track'); | |
| 74 video.src = findMediaFile('video', '../content/test'); | |
| 75 waitForEvent('seeked', seeked); | |
| 76 waitForEventOnce('canplaythrough', function() { video.currentTime = .5; }); | |
| 77 } | |
| 78 | |
| 79 </script> | |
| 80 </head> | |
| 81 <body onload="loaded()"> | |
| 82 <video controls > | |
| 83 <track src="captions-webvtt/captions.vtt" kind="captions" default> | |
| 84 </video> | |
| 85 </body> | |
| 86 </html> | |
| OLD | NEW |
