| 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 800x600 | 3 layer at (0,0) size 800x600 |
| 4 RenderBlock {HTML} at (0,0) size 800x600 | 4 RenderBlock {HTML} at (0,0) size 800x600 |
| 5 RenderBody {BODY} at (8,8) size 784x584 | 5 RenderBody {BODY} at (8,8) size 784x584 |
| 6 RenderBlock {P} at (0,0) size 784x20 | 6 RenderBlock {P} at (0,0) size 784x20 |
| 7 RenderText {#text} at (0,0) size 754x19 | 7 RenderText {#text} at (0,0) size 754x19 |
| 8 text run at (0,0) width 754: "Test appearances of spin buttons. Disabl
ed state and read-only state should have appearances different from the normal s
tate." | 8 text run at (0,0) width 754: "Test appearances of spin buttons. Disabl
ed state and read-only state should have appearances different from the normal s
tate." |
| 9 RenderBlock {DIV} at (0,36) size 784x30 | 9 RenderBlock {DIV} at (0,36) size 784x30 |
| 10 RenderInline {LABEL} at (0,0) size 311x19 | 10 RenderInline {LABEL} at (0,0) size 311x19 |
| 11 RenderTextControl {INPUT} at (0,0) size 229x30 [bgcolor=#FFFFFF] [bord
er: (2px inset #EEEEEE)] | 11 LayoutTextControl {INPUT} at (0,0) size 229x30 [bgcolor=#FFFFFF] [bord
er: (2px inset #EEEEEE)] |
| 12 RenderFlexibleBox {DIV} at (2,3) size 225x24 | 12 RenderFlexibleBox {DIV} at (2,3) size 225x24 |
| 13 RenderBlock {DIV} at (0,0) size 210x24 | 13 RenderBlock {DIV} at (0,0) size 210x24 |
| 14 RenderBlock {DIV} at (210,0) size 15x24 | 14 RenderBlock {DIV} at (210,0) size 15x24 |
| 15 RenderText {#text} at (229,7) size 82x19 | 15 RenderText {#text} at (229,7) size 82x19 |
| 16 text run at (229,7) width 82: " Normal state" | 16 text run at (229,7) width 82: " Normal state" |
| 17 RenderBlock {DIV} at (0,66) size 784x30 | 17 RenderBlock {DIV} at (0,66) size 784x30 |
| 18 RenderInline {LABEL} at (0,0) size 318x19 | 18 RenderInline {LABEL} at (0,0) size 318x19 |
| 19 RenderTextControl {INPUT} at (0,0) size 229x30 [color=#545454] [bgcolo
r=#EBEBE4] [border: (2px inset #EEEEEE)] | 19 LayoutTextControl {INPUT} at (0,0) size 229x30 [color=#545454] [bgcolo
r=#EBEBE4] [border: (2px inset #EEEEEE)] |
| 20 RenderFlexibleBox {DIV} at (2,3) size 225x24 | 20 RenderFlexibleBox {DIV} at (2,3) size 225x24 |
| 21 RenderBlock {DIV} at (0,0) size 210x24 | 21 RenderBlock {DIV} at (0,0) size 210x24 |
| 22 RenderText {#text} at (229,7) size 89x19 | 22 RenderText {#text} at (229,7) size 89x19 |
| 23 text run at (229,7) width 89: " Disabled state" | 23 text run at (229,7) width 89: " Disabled state" |
| 24 RenderBlock {DIV} at (0,96) size 784x30 | 24 RenderBlock {DIV} at (0,96) size 784x30 |
| 25 RenderInline {LABEL} at (0,0) size 328x19 | 25 RenderInline {LABEL} at (0,0) size 328x19 |
| 26 RenderTextControl {INPUT} at (0,0) size 229x30 [bgcolor=#FFFFFF] [bord
er: (2px inset #EEEEEE)] | 26 LayoutTextControl {INPUT} at (0,0) size 229x30 [bgcolor=#FFFFFF] [bord
er: (2px inset #EEEEEE)] |
| 27 RenderFlexibleBox {DIV} at (2,3) size 225x24 | 27 RenderFlexibleBox {DIV} at (2,3) size 225x24 |
| 28 RenderBlock {DIV} at (0,0) size 210x24 | 28 RenderBlock {DIV} at (0,0) size 210x24 |
| 29 RenderText {#text} at (229,7) size 99x19 | 29 RenderText {#text} at (229,7) size 99x19 |
| 30 text run at (229,7) width 99: " Read-only state" | 30 text run at (229,7) width 99: " Read-only state" |
| 31 layer at (10,47) size 210x24 | 31 layer at (10,47) size 210x24 |
| 32 RenderBlock {DIV} at (0,0) size 210x24 | 32 RenderBlock {DIV} at (0,0) size 210x24 |
| 33 RenderText {#text} at (0,0) size 11x23 | 33 RenderText {#text} at (0,0) size 11x23 |
| 34 text run at (0,0) width 11: "0" | 34 text run at (0,0) width 11: "0" |
| 35 layer at (10,77) size 210x24 | 35 layer at (10,77) size 210x24 |
| 36 RenderBlock {DIV} at (0,0) size 210x24 | 36 RenderBlock {DIV} at (0,0) size 210x24 |
| 37 RenderText {#text} at (0,0) size 11x23 | 37 RenderText {#text} at (0,0) size 11x23 |
| 38 text run at (0,0) width 11: "0" | 38 text run at (0,0) width 11: "0" |
| 39 layer at (10,107) size 210x24 | 39 layer at (10,107) size 210x24 |
| 40 RenderBlock {DIV} at (0,0) size 210x24 | 40 RenderBlock {DIV} at (0,0) size 210x24 |
| 41 RenderText {#text} at (0,0) size 11x23 | 41 RenderText {#text} at (0,0) size 11x23 |
| 42 text run at (0,0) width 11: "0" | 42 text run at (0,0) width 11: "0" |
| 43 layer at (220,77) size 15x24 transparent | 43 layer at (220,77) size 15x24 transparent |
| 44 RenderBlock {DIV} at (210,0) size 15x24 | 44 RenderBlock {DIV} at (210,0) size 15x24 |
| 45 layer at (220,107) size 15x24 transparent | 45 layer at (220,107) size 15x24 transparent |
| 46 RenderBlock {DIV} at (210,0) size 15x24 | 46 RenderBlock {DIV} at (210,0) size 15x24 |
| 47 caret: position 0 of child 0 {#text} of child 0 {DIV} of child 0 {DIV} of child
0 {DIV} of {#document-fragment} of child 0 {INPUT} of child 0 {LABEL} of child 9
{DIV} of body | 47 caret: position 0 of child 0 {#text} of child 0 {DIV} of child 0 {DIV} of child
0 {DIV} of {#document-fragment} of child 0 {INPUT} of child 0 {LABEL} of child 9
{DIV} of body |
| OLD | NEW |