| OLD | NEW |
| 1 Test that TextTrack's cues are rendered correctly when the snap to lines flag is
not set. | 1 Test that TextTrack's cues are rendered correctly when the snap to lines flag is
not set. |
| 2 EVENT(canplaythrough) | 2 EVENT(canplaythrough) |
| 3 | 3 |
| 4 The track container and the media controls should completely cover the video ele
ment | |
| 5 EXPECTED (cueDisplayContainer.offsetHeight + controlsPanelElement.offsetHeight =
= video.videoHeight == 'true') OK | |
| 6 EXPECTED (cueDisplayContainer.offsetWidth == video.videoWidth == 'true') OK | |
| 7 | |
| 8 ** Default ** | 4 ** Default ** |
| 9 EVENT(seeked) | 5 EVENT(seeked) |
| 10 Active cues: 1 | 6 Active cues: 1 |
| 11 | 7 |
| 12 * Cue 0 * | 8 * Cue 0 * |
| 13 EXPECTED (cueDisplayElement.innerText == 'This is a demo track to illustrate pos
itioning features of cues.') OK | 9 EXPECTED (cueDisplayElement.innerText == 'This is a demo track to illustrate pos
itioning features of cues.') OK |
| 14 Cue left position (percentage): 0 | 10 Cue alignment (default or as specified): middle |
| 15 Cue top position (percentage): 81 | 11 Cue left position (percentage): 50 |
| 12 Cue top position (percentage): 100 |
| 16 | 13 |
| 17 ** Center ** | 14 ** Center ** |
| 18 EVENT(seeked) | 15 EVENT(seeked) |
| 19 Active cues: 1 | 16 Active cues: 1 |
| 20 | 17 |
| 21 * Cue 0 * | 18 * Cue 0 * |
| 22 EXPECTED (cueDisplayElement.innerText == 'Using HTML5 captions, you can position
the cues anywhere.') OK | 19 EXPECTED (cueDisplayElement.innerText == 'Using HTML5 captions, you can position
the cues anywhere.') OK |
| 20 Cue alignment (default or as specified): middle |
| 23 Cue left position (percentage): 50 | 21 Cue left position (percentage): 50 |
| 24 Cue top position (percentage): 50 | 22 Cue top position (percentage): 50 |
| 25 | 23 |
| 26 ** Top left ** | 24 ** Top left ** |
| 27 EVENT(seeked) | 25 EVENT(seeked) |
| 28 Active cues: 1 | 26 Active cues: 1 |
| 29 | 27 |
| 30 * Cue 0 * | 28 * Cue 0 * |
| 31 EXPECTED (cueDisplayElement.innerText == 'For example, here is a cue on the top
left-corner.'), OBSERVED '' FAIL | 29 EXPECTED (cueDisplayElement.innerText == 'For example, here is a cue on the top
left-corner.') OK |
| 30 Cue alignment (default or as specified): start |
| 32 Cue left position (percentage): 0 | 31 Cue left position (percentage): 0 |
| 33 Cue top position (percentage): 0 | 32 Cue top position (percentage): 0 |
| 34 | 33 |
| 35 ** Top right ** | 34 ** Top right ** |
| 36 EVENT(seeked) | 35 EVENT(seeked) |
| 37 Active cues: 1 | 36 Active cues: 1 |
| 38 | 37 |
| 39 * Cue 0 * | 38 * Cue 0 * |
| 40 EXPECTED (cueDisplayElement.innerText == 'Or on the top-right corner.'), OBSERVE
D '' FAIL | 39 EXPECTED (cueDisplayElement.innerText == 'Or on the top-right corner.') OK |
| 40 Cue alignment (default or as specified): end |
| 41 Cue left position (percentage): 100 | 41 Cue left position (percentage): 100 |
| 42 Cue top position (percentage): 0 | 42 Cue top position (percentage): 0 |
| 43 | 43 |
| 44 ** Bottom right ** | 44 ** Bottom right ** |
| 45 EVENT(seeked) | 45 EVENT(seeked) |
| 46 Active cues: 1 | 46 Active cues: 1 |
| 47 | 47 |
| 48 * Cue 0 * | 48 * Cue 0 * |
| 49 EXPECTED (cueDisplayElement.innerText == 'Bottom-right corner.'), OBSERVED '' FA
IL | 49 EXPECTED (cueDisplayElement.innerText == 'Bottom-right corner.') OK |
| 50 Cue alignment (default or as specified): right |
| 50 Cue left position (percentage): 100 | 51 Cue left position (percentage): 100 |
| 51 Cue top position (percentage): 100 | 52 Cue top position (percentage): 100 |
| 52 | 53 |
| 53 ** Bottom left ** | 54 ** Bottom left ** |
| 54 EVENT(seeked) | 55 EVENT(seeked) |
| 55 Active cues: 1 | 56 Active cues: 1 |
| 56 | 57 |
| 57 * Cue 0 * | 58 * Cue 0 * |
| 58 EXPECTED (cueDisplayElement.innerText == 'And, as you might expect, the bottom-l
eft one.'), OBSERVED '' FAIL | 59 EXPECTED (cueDisplayElement.innerText == 'And, as you might expect, the bottom-l
eft one.') OK |
| 60 Cue alignment (default or as specified): left |
| 59 Cue left position (percentage): 0 | 61 Cue left position (percentage): 0 |
| 60 Cue top position (percentage): 100 | 62 Cue top position (percentage): 100 |
| 61 | 63 |
| 62 ** Bottom center ** | 64 ** Bottom center ** |
| 63 EVENT(seeked) | 65 EVENT(seeked) |
| 64 Active cues: 1 | 66 Active cues: 1 |
| 65 | 67 |
| 66 * Cue 0 * | 68 * Cue 0 * |
| 67 EXPECTED (cueDisplayElement.innerText == 'Cues are implicitly displayed within t
he viewport area.') OK | 69 EXPECTED (cueDisplayElement.innerText == 'Cues are implicitly displayed within t
he viewport area.') OK |
| 70 Cue alignment (default or as specified): middle |
| 68 Cue left position (percentage): 50 | 71 Cue left position (percentage): 50 |
| 69 Cue top position (percentage): 50 | 72 Cue top position (percentage): 50 |
| 70 | 73 |
| 71 ** Multiple cues ** | 74 ** Multiple cues ** |
| 72 EVENT(seeked) | 75 EVENT(seeked) |
| 73 Active cues: 7 | 76 Active cues: 7 |
| 74 | 77 |
| 75 * Cue 0 * | 78 * Cue 0 * |
| 76 EXPECTED (cueDisplayElement.innerText == 'You may even have multiple cues in the
same time.') OK | 79 EXPECTED (cueDisplayElement.innerText == 'You may even have multiple cues in the
same time.') OK |
| 80 Cue alignment (default or as specified): middle |
| 77 Cue left position (percentage): 50 | 81 Cue left position (percentage): 50 |
| 78 Cue top position (percentage): 50 | 82 Cue top position (percentage): 50 |
| 79 | 83 |
| 80 * Cue 1 * | 84 * Cue 1 * |
| 81 EXPECTED (cueDisplayElement.innerText == 'Top-left cue.'), OBSERVED '' FAIL | 85 EXPECTED (cueDisplayElement.innerText == 'Top-left cue.') OK |
| 86 Cue alignment (default or as specified): start |
| 82 Cue left position (percentage): 0 | 87 Cue left position (percentage): 0 |
| 83 Cue top position (percentage): 0 | 88 Cue top position (percentage): 0 |
| 84 | 89 |
| 85 * Cue 2 * | 90 * Cue 2 * |
| 86 EXPECTED (cueDisplayElement.innerText == 'Top-right cue.'), OBSERVED '' FAIL | 91 EXPECTED (cueDisplayElement.innerText == 'Top-right cue.') OK |
| 92 Cue alignment (default or as specified): end |
| 87 Cue left position (percentage): 100 | 93 Cue left position (percentage): 100 |
| 88 Cue top position (percentage): 0 | 94 Cue top position (percentage): 0 |
| 89 | 95 |
| 90 * Cue 3 * | 96 * Cue 3 * |
| 91 EXPECTED (cueDisplayElement.innerText == 'Bottom cue.') OK | 97 EXPECTED (cueDisplayElement.innerText == 'Bottom cue.') OK |
| 98 Cue alignment (default or as specified): middle |
| 92 Cue left position (percentage): 50 | 99 Cue left position (percentage): 50 |
| 93 Cue top position (percentage): 100 | 100 Cue top position (percentage): 100 |
| 94 | 101 |
| 95 * Cue 4 * | 102 * Cue 4 * |
| 96 EXPECTED (cueDisplayElement.innerText == 'Random cue 1.'), OBSERVED '' FAIL | 103 EXPECTED (cueDisplayElement.innerText == 'Random cue 1.') OK |
| 104 Cue alignment (default or as specified): end |
| 97 Cue left position (percentage): 100 | 105 Cue left position (percentage): 100 |
| 98 Cue top position (percentage): 25 | 106 Cue top position (percentage): 25 |
| 99 | 107 |
| 100 * Cue 5 * | 108 * Cue 5 * |
| 101 EXPECTED (cueDisplayElement.innerText == 'Random cue 2.') OK | 109 EXPECTED (cueDisplayElement.innerText == 'Random cue 2.') OK |
| 110 Cue alignment (default or as specified): start |
| 102 Cue left position (percentage): 44 | 111 Cue left position (percentage): 44 |
| 103 Cue top position (percentage): 33 | 112 Cue top position (percentage): 33 |
| 104 | 113 |
| 105 * Cue 6 * | 114 * Cue 6 * |
| 106 EXPECTED (cueDisplayElement.innerText == 'Random cue 3.') OK | 115 EXPECTED (cueDisplayElement.innerText == 'Random cue 3.') OK |
| 116 Cue alignment (default or as specified): start |
| 107 Cue left position (percentage): 23 | 117 Cue left position (percentage): 23 |
| 108 Cue top position (percentage): 55 | 118 Cue top position (percentage): 55 |
| 109 END OF TEST | 119 END OF TEST |
| 110 | 120 |
| OLD | NEW |