| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 | |
| 2 LayoutView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 800x332 | |
| 4 LayoutBlockFlow {HTML} at (0,0) size 800x332 | |
| 5 LayoutBlockFlow {BODY} at (8,8) size 784x316 | |
| 6 LayoutBlockFlow (anonymous) at (0,0) size 784x244 | |
| 7 LayoutText {#text} at (0,0) size 0x0 | |
| 8 LayoutBlockFlow {DIV} at (0,244) size 784x72 | |
| 9 LayoutInline {SPAN} at (0,0) size 272x17 | |
| 10 LayoutText {#text} at (0,0) size 272x17 | |
| 11 text run at (0,0) width 272: "Rendering horizontal line-positioned c
ues." | |
| 12 LayoutBR {BR} at (271,0) size 1x17 | |
| 13 LayoutInline {SPAN} at (0,0) size 163x17 | |
| 14 LayoutText {#text} at (0,18) size 163x17 | |
| 15 text run at (0,18) width 163: "EVENT(canplaythrough)" | |
| 16 LayoutBR {BR} at (162,18) size 1x17 | |
| 17 LayoutInline {SPAN} at (0,0) size 107x17 | |
| 18 LayoutText {#text} at (0,36) size 107x17 | |
| 19 text run at (0,36) width 107: "EVENT(seeked)" | |
| 20 LayoutBR {BR} at (106,36) size 1x17 | |
| 21 LayoutInline {SPAN} at (0,0) size 100x17 | |
| 22 LayoutText {#text} at (0,54) size 100x17 | |
| 23 text run at (0,54) width 100: "END OF TEST" | |
| 24 LayoutBR {BR} at (99,54) size 1x17 | |
| 25 layer at (8,8) size 320x240 | |
| 26 LayoutVideo {VIDEO} at (0,0) size 320x240 | |
| 27 layer at (8,8) size 320x240 | |
| 28 LayoutBlockFlow (relative positioned) {DIV} at (0,0) size 320x240 [color=#FFFF
FF] | |
| 29 layer at (8,8) size 320x15 scrollHeight 17 | |
| 30 LayoutBlockFlow (positioned) {DIV} at (0,0) size 320x15 | |
| 31 LayoutInline {DIV} at (0,0) size 280x19 [bgcolor=#000000CC] | |
| 32 LayoutText {#text} at (22,0) size 276x15 | |
| 33 text run at (22,0) width 276: "Cue 1: should be positioned at the top of
the video." | |
| 34 layer at (8,27) size 320x15 scrollHeight 17 | |
| 35 LayoutBlockFlow (positioned) {DIV} at (0,19) size 320x15 | |
| 36 LayoutInline {DIV} at (0,0) size 308x19 [bgcolor=#000000CC] | |
| 37 LayoutText {#text} at (8,0) size 304x15 | |
| 38 text run at (8,0) width 304: "Cue 2: should be the second cue and not ov
erlap cue 1." | |
| 39 layer at (8,46) size 320x15 scrollHeight 17 | |
| 40 LayoutBlockFlow (positioned) {DIV} at (0,38) size 320x15 | |
| 41 LayoutInline {DIV} at (0,0) size 304x19 [bgcolor=#000000CC] | |
| 42 LayoutText {#text} at (10,0) size 300x15 | |
| 43 text run at (10,0) width 300: "Cue 3: should become the third line from
top to bottom." | |
| 44 layer at (8,103) size 320x15 scrollHeight 17 | |
| 45 LayoutBlockFlow (positioned) {DIV} at (0,95) size 320x15 | |
| 46 LayoutInline {DIV} at (0,0) size 294x19 [bgcolor=#000000CC] | |
| 47 LayoutText {#text} at (15,0) size 290x15 | |
| 48 text run at (15,0) width 290: "Cue 4: should be fixed positioned around
the middle." | |
| 49 layer at (8,229) size 320x15 scrollHeight 17 | |
| 50 LayoutBlockFlow (positioned) {DIV} at (0,221) size 320x15 | |
| 51 LayoutInline {DIV} at (0,0) size 296x19 [bgcolor=#000000CC] | |
| 52 LayoutText {#text} at (14,0) size 292x15 | |
| 53 text run at (14,0) width 292: "Cue 5: should be displayed at the bottom
of the video." | |
| 54 layer at (8,210) size 320x15 scrollHeight 17 | |
| 55 LayoutBlockFlow (positioned) {DIV} at (0,202) size 320x15 | |
| 56 LayoutInline {DIV} at (0,0) size 286x19 [bgcolor=#000000CC] | |
| 57 LayoutText {#text} at (19,0) size 282x15 | |
| 58 text run at (19,0) width 282: "Cue 6: should be on top of bottom positio
ned cue 5." | |
| 59 layer at (8,8) size 320x240 | |
| 60 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240 | |
| 61 LayoutBlockFlow {DIV} at (0,208) size 320x32 | |
| 62 layer at (8,8) size 320x198 | |
| 63 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x198 | |
| OLD | NEW |