| 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 <script src=../video-test.js></script> | 7 <script src=../video-test.js></script> |
| 8 <script src=../media-controls.js></script> | 8 <script src=../media-controls.js></script> |
| 9 | 9 |
| 10 <script> | 10 <script> |
| 11 | 11 |
| 12 var testTrack; | 12 var testTrack; |
| 13 var testCueDisplayBox; | 13 var testCueDisplayBox; |
| 14 var seekedCount = 0; | 14 var seekedCount = 0; |
| 15 var direction; | 15 var direction; |
| 16 | 16 |
| 17 var info = ["تجربة", | 17 var info = ["تجربة", |
| 18 "\t1234", | 18 "\t1234", |
| 19 "تجربة\nLTR new line, but cue should be RTL", | 19 "تجربة\nLTR new line, but cue should be RTL", |
| 20 "LTR cue تجربة", | 20 "LTR cue تجربة", |
| 21 ";1234تجربة", | 21 ";1234تجربة", |
| 22 "\t०१२३४५६७८९ \t", | 22 "\t०१२३४५६७८९ \t", |
| 23 "𐡘 (Imperial Aramaic number one, U+10858) strong RTL, non-BM
P", | 23 "𐡘 (Imperial Aramaic number one, U+10858) strong RTL, non-BM
P", |
| 24 "𝅘𝅥 (Musical symbol quarter note, U+1D15F) strong LTR, non-BM
P"]; | 24 "𝅘𝅥 (Musical symbol quarter note, U+1D15F) strong LTR, non-BM
P", |
| 25 "<ruby><rt>𝅘𝅥</rt>تجربة</ruby>", |
| 26 "<ruby>1234<rt>تجربة</rt></ruby>"]; |
| 25 | 27 |
| 26 function testCueStyle() | 28 function testCueStyle() |
| 27 { | 29 { |
| 28 endTest(); | 30 endTest(); |
| 29 } | 31 } |
| 30 | 32 |
| 31 function seeked() | 33 function seeked() |
| 32 { | 34 { |
| 33 testCueDisplayBox = textTrackDisplayElement(video, 'display'); | 35 testCueDisplayBox = textTrackDisplayElement(video, 'display'); |
| 34 | 36 |
| 35 consoleWrite(""); | 37 consoleWrite(""); |
| 36 consoleWrite("** Jump to next cue **"); | 38 consoleWrite("** Jump to next cue **"); |
| 37 testExpected("video.currentTime", (seekedCount / 2) + .25); | 39 testExpected("video.currentTime", (seekedCount / 2) + .25); |
| 38 testExpected("testTrack.track.activeCues.length", 1); | 40 testExpected("testTrack.track.activeCues.length", 1); |
| 39 testExpected("testTrack.track.activeCues[0].text", info[seekedCount]
); | 41 testExpected("testTrack.track.activeCues[0].text", info[seekedCount]
); |
| 40 testExpected("testCueDisplayBox.innerText", info[seekedCount]); | 42 testExpected("testCueDisplayBox.innerText", info[seekedCount].replac
e(/<[^>]+>/g, "")); |
| 41 | 43 |
| 42 direction = seekedCount % 2 ? "ltr" : "rtl"; | 44 direction = seekedCount % 2 ? "ltr" : "rtl"; |
| 43 | 45 |
| 44 consoleWrite(""); | 46 consoleWrite(""); |
| 45 consoleWrite("** The position should be default and CSS direction se
t to " + direction + " **"); | 47 consoleWrite("** The position should be default and CSS direction se
t to " + direction + " **"); |
| 46 testExpected("2 * testCueDisplayBox.offsetLeft == video.videoWidth -
testCueDisplayBox.offsetWidth", true); | 48 testExpected("2 * testCueDisplayBox.offsetLeft == video.videoWidth -
testCueDisplayBox.offsetWidth", true); |
| 47 | 49 |
| 48 testExpected("getComputedStyle(testCueDisplayBox).direction", direct
ion); | 50 testExpected("getComputedStyle(testCueDisplayBox).direction", direct
ion); |
| 49 | 51 |
| 50 if (++seekedCount == info.length) | 52 if (++seekedCount == info.length) |
| (...skipping 19 matching lines...) Expand all Loading... |
| 70 waitForEventOnce('canplaythrough', function() { video.currentTime =
.25; }); | 72 waitForEventOnce('canplaythrough', function() { video.currentTime =
.25; }); |
| 71 } | 73 } |
| 72 </script> | 74 </script> |
| 73 </head> | 75 </head> |
| 74 <body onload="loaded()"> | 76 <body onload="loaded()"> |
| 75 <video controls > | 77 <video controls > |
| 76 <track src="captions-webvtt/captions-rtl.vtt" kind="captions" defaul
t> | 78 <track src="captions-webvtt/captions-rtl.vtt" kind="captions" defaul
t> |
| 77 </video> | 79 </video> |
| 78 </body> | 80 </body> |
| 79 </html> | 81 </html> |
| OLD | NEW |