| OLD | NEW |
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
| 2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x332 | 3 layer at (0,0) size 800x324 |
| 4 RenderBlock {HTML} at (0,0) size 800x332 | 4 RenderBlock {HTML} at (0,0) size 800x324 |
| 5 RenderBody {BODY} at (8,8) size 784x316 | 5 RenderBody {BODY} at (8,8) size 784x308 |
| 6 RenderBlock (anonymous) at (0,0) size 784x244 | 6 RenderBlock (anonymous) at (0,0) size 784x244 |
| 7 RenderText {#text} at (0,0) size 0x0 | 7 RenderText {#text} at (0,0) size 0x0 |
| 8 RenderBlock {DIV} at (0,244) size 784x72 | 8 RenderBlock {DIV} at (0,244) size 784x64 |
| 9 RenderInline {SPAN} at (0,0) size 266x18 | 9 RenderInline {SPAN} at (0,0) size 272x16 |
| 10 RenderText {#text} at (0,0) size 266x18 | 10 RenderText {#text} at (0,0) size 272x16 |
| 11 text run at (0,0) width 266: "Rendering horizontal line-positioned c
ues." | 11 text run at (0,0) width 272: "Rendering horizontal line-positioned c
ues." |
| 12 RenderBR {BR} at (266,0) size 0x18 | 12 RenderBR {BR} at (271,0) size 1x16 |
| 13 RenderInline {SPAN} at (0,0) size 162x18 | 13 RenderInline {SPAN} at (0,0) size 163x16 |
| 14 RenderText {#text} at (0,18) size 162x18 | 14 RenderText {#text} at (0,16) size 163x16 |
| 15 text run at (0,18) width 162: "EVENT(canplaythrough)" | 15 text run at (0,16) width 163: "EVENT(canplaythrough)" |
| 16 RenderBR {BR} at (162,18) size 0x18 | 16 RenderBR {BR} at (162,16) size 1x16 |
| 17 RenderInline {SPAN} at (0,0) size 107x18 | 17 RenderInline {SPAN} at (0,0) size 107x16 |
| 18 RenderText {#text} at (0,36) size 107x18 | 18 RenderText {#text} at (0,32) size 107x16 |
| 19 text run at (0,36) width 107: "EVENT(seeked)" | 19 text run at (0,32) width 107: "EVENT(seeked)" |
| 20 RenderBR {BR} at (107,36) size 0x18 | 20 RenderBR {BR} at (106,32) size 1x16 |
| 21 RenderInline {SPAN} at (0,0) size 102x18 | 21 RenderInline {SPAN} at (0,0) size 100x16 |
| 22 RenderText {#text} at (0,54) size 102x18 | 22 RenderText {#text} at (0,48) size 100x16 |
| 23 text run at (0,54) width 102: "END OF TEST" | 23 text run at (0,48) width 100: "END OF TEST" |
| 24 RenderBR {BR} at (102,54) size 0x18 | 24 RenderBR {BR} at (99,48) size 1x16 |
| 25 layer at (8,8) size 320x240 | 25 layer at (8,8) size 320x240 |
| 26 RenderVideo {VIDEO} at (0,0) size 320x240 | 26 RenderVideo {VIDEO} at (0,0) size 320x240 |
| 27 layer at (8,8) size 320x240 | 27 layer at (8,8) size 320x240 |
| 28 RenderFlexibleBox {DIV} at (0,0) size 320x240 | 28 RenderFlexibleBox {DIV} at (0,0) size 320x240 |
| 29 RenderBlock {DIV} at (0,205) size 320x35 | 29 RenderBlock {DIV} at (0,205) size 320x35 |
| 30 layer at (8,8) size 320x205 | 30 layer at (8,8) size 320x205 |
| 31 RenderFlexibleBox {DIV} at (0,0) size 320x205 | 31 RenderFlexibleBox {DIV} at (0,0) size 320x205 |
| 32 layer at (8,8) size 320x205 | 32 layer at (8,8) size 320x205 |
| 33 RenderBlock (relative positioned) {DIV} at (0,0) size 320x205 [color=#FFFFFF] | 33 RenderBlock (relative positioned) {DIV} at (0,0) size 320x205 [color=#FFFFFF] |
| 34 layer at (8,8) size 320x14 scrollHeight 16 | 34 layer at (8,8) size 320x12 scrollHeight 14 |
| 35 RenderBlock (positioned) {DIV} at (0,0) size 320x14 | 35 RenderBlock (positioned) {DIV} at (0,0) size 320x12 |
| 36 RenderInline {DIV} at (0,0) size 280x18 [bgcolor=#000000CC] | 36 RenderInline {DIV} at (0,0) size 276x16 [bgcolor=#000000CC] |
| 37 RenderText {#text} at (22,0) size 276x14 | 37 RenderText {#text} at (24,0) size 272x12 |
| 38 text run at (22,0) width 276: "Cue 1: should be positioned at the top of
the video." | 38 text run at (24,0) width 272: "Cue 1: should be positioned at the top of
the video." |
| 39 layer at (8,26) size 320x14 scrollHeight 16 | 39 layer at (8,24) size 320x12 scrollHeight 14 |
| 40 RenderBlock (positioned) {DIV} at (0,18) size 320x14 | 40 RenderBlock (positioned) {DIV} at (0,16) size 320x12 |
| 41 RenderInline {DIV} at (0,0) size 308x18 [bgcolor=#000000CC] | 41 RenderInline {DIV} at (0,0) size 302x16 [bgcolor=#000000CC] |
| 42 RenderText {#text} at (8,0) size 304x14 | 42 RenderText {#text} at (11,0) size 298x12 |
| 43 text run at (8,0) width 304: "Cue 2: should be the second cue and not ov
erlap cue 1." | 43 text run at (11,0) width 298: "Cue 2: should be the second cue and not o
verlap cue 1." |
| 44 layer at (8,44) size 320x14 scrollHeight 16 | 44 layer at (8,40) size 320x12 scrollHeight 14 |
| 45 RenderBlock (positioned) {DIV} at (0,36) size 320x14 | 45 RenderBlock (positioned) {DIV} at (0,32) size 320x12 |
| 46 RenderInline {DIV} at (0,0) size 300x18 [bgcolor=#000000CC] | 46 RenderInline {DIV} at (0,0) size 298x16 [bgcolor=#000000CC] |
| 47 RenderText {#text} at (12,0) size 296x14 | 47 RenderText {#text} at (13,0) size 294x12 |
| 48 text run at (12,0) width 296: "Cue 3: should become the third line from
top to bottom." | 48 text run at (13,0) width 294: "Cue 3: should become the third line from
top to bottom." |
| 49 layer at (8,98) size 320x14 scrollHeight 16 | 49 layer at (8,88) size 320x12 scrollHeight 14 |
| 50 RenderBlock (positioned) {DIV} at (0,90) size 320x14 | 50 RenderBlock (positioned) {DIV} at (0,80) size 320x12 |
| 51 RenderInline {DIV} at (0,0) size 292x18 [bgcolor=#000000CC] | 51 RenderInline {DIV} at (0,0) size 286x16 [bgcolor=#000000CC] |
| 52 RenderText {#text} at (16,0) size 288x14 | 52 RenderText {#text} at (19,0) size 282x12 |
| 53 text run at (16,0) width 288: "Cue 4: should be fixed positioned around
the middle." | 53 text run at (19,0) width 282: "Cue 4: should be fixed positioned around
the middle." |
| 54 layer at (8,195) size 320x14 scrollHeight 16 | 54 layer at (8,197) size 320x12 scrollHeight 14 |
| 55 RenderBlock (positioned) {DIV} at (0,187) size 320x14 | 55 RenderBlock (positioned) {DIV} at (0,189) size 320x12 |
| 56 RenderInline {DIV} at (0,0) size 296x18 [bgcolor=#000000CC] | 56 RenderInline {DIV} at (0,0) size 292x16 [bgcolor=#000000CC] |
| 57 RenderText {#text} at (14,0) size 292x14 | 57 RenderText {#text} at (16,0) size 288x12 |
| 58 text run at (14,0) width 292: "Cue 5: should be displayed at the bottom
of the video." | 58 text run at (16,0) width 288: "Cue 5: should be displayed at the bottom
of the video." |
| 59 layer at (8,177) size 320x14 scrollHeight 16 | 59 layer at (8,181) size 320x12 scrollHeight 14 |
| 60 RenderBlock (positioned) {DIV} at (0,169) size 320x14 | 60 RenderBlock (positioned) {DIV} at (0,173) size 320x12 |
| 61 RenderInline {DIV} at (0,0) size 284x18 [bgcolor=#000000CC] | 61 RenderInline {DIV} at (0,0) size 280x16 [bgcolor=#000000CC] |
| 62 RenderText {#text} at (20,0) size 280x14 | 62 RenderText {#text} at (22,0) size 276x12 |
| 63 text run at (20,0) width 280: "Cue 6: should be on top of bottom positio
ned cue 5." | 63 text run at (22,0) width 276: "Cue 6: should be on top of bottom positio
ned cue 5." |
| 64 layer at (13,213) size 310x30 | 64 layer at (13,213) size 310x30 |
| 65 RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC] | 65 RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC] |
| 66 RenderButton {INPUT} at (9,0) size 30x30 | 66 RenderButton {INPUT} at (9,0) size 30x30 |
| 67 RenderSlider {INPUT} at (48,11) size 74x8 | 67 RenderSlider {INPUT} at (48,11) size 72.97x8 |
| 68 RenderFlexibleBox {DIV} at (0,0) size 74x8 [border: (1px solid #E6E6E659)] | 68 RenderFlexibleBox {DIV} at (0,0) size 72.97x8 [border: (1px solid #E6E6E65
9)] |
| 69 RenderBlock {DIV} at (1,-8) size 86x24 | 69 RenderBlock {DIV} at (1,-8) size 84.97x24 |
| 70 RenderBlock {DIV} at (-4.77,0) size 32x24 | 70 RenderBlock {DIV} at (-4.81,0) size 32x24 |
| 71 RenderFlexibleBox {DIV} at (137,0) size 25x30 [color=#FFFFFF] | 71 RenderFlexibleBox {DIV} at (135.97,0) size 26.03x30 [color=#FFFFFF] |
| 72 RenderBlock (anonymous) at (0,0) size 25x30 | 72 RenderBlock (anonymous) at (0,0) size 26.03x30 |
| 73 RenderText {#text} at (0,7) size 25x15 | 73 RenderText {#text} at (0,7) size 27x15 |
| 74 text run at (0,7) width 25: "0:00" | 74 text run at (0,7) width 27: "0:00" |
| 75 RenderButton {INPUT} at (171,0) size 35x30 | 75 RenderButton {INPUT} at (171,0) size 35x30 |
| 76 RenderSlider {INPUT} at (212,11) size 15x8 | 76 RenderSlider {INPUT} at (212,11) size 15x8 |
| 77 RenderFlexibleBox {DIV} at (0,0) size 15x8 [border: (1px solid #E6E6E659)] | 77 RenderFlexibleBox {DIV} at (0,0) size 15x8 [border: (1px solid #E6E6E659)] |
| 78 RenderBlock {DIV} at (1,-8) size 27x24 | 78 RenderBlock {DIV} at (1,-8) size 27x24 |
| 79 RenderBlock {DIV} at (-4,0) size 24x24 | 79 RenderBlock {DIV} at (-4,0) size 24x24 |
| 80 RenderButton {INPUT} at (237,0) size 30x30 | 80 RenderButton {INPUT} at (237,0) size 30x30 |
| 81 RenderButton {INPUT} at (271,0) size 30x30 | 81 RenderButton {INPUT} at (271,0) size 30x30 |
| OLD | NEW |