| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x600 |
| RenderBlock {HTML} at (0,0) size 800x600 |
| RenderBody {BODY} at (8,8) size 784x584 |
| RenderBlock {P} at (0,0) size 784x40 |
| RenderText {#text} at (0,0) size 762x39 |
| text run at (0,0) width 762: "Test appearances of spin buttons. Disabled state and read-only state should have appearances different from the normal" |
| text run at (0,20) width 34: "state." |
| RenderBlock {DIV} at (0,56) size 784x41 |
| RenderInline {LABEL} at (0,0) size 335x19 |
| RenderTextControl {INPUT} at (2,2) size 245x37 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)] |
| RenderText {#text} at (248,12) size 87x19 |
| text run at (248,12) width 87: " Normal state" |
| RenderBlock {DIV} at (0,97) size 784x41 |
| RenderInline {LABEL} at (0,0) size 343x19 |
| RenderText {#text} at (248,12) size 95x19 |
| text run at (248,12) width 95: " Disabled state" |
| RenderBlock {DIV} at (0,138) size 784x41 |
| RenderInline {LABEL} at (0,0) size 353x19 |
| RenderTextControl {INPUT} at (2,2) size 245x37 [bgcolor=#FFFFFF] [border: (1px solid #BCBCBC)] |
| RenderText {#text} at (248,12) size 105x19 |
| text run at (248,12) width 105: " Read-only state" |
| layer at (21,71) size 222x25 |
| RenderBlock {DIV} at (11,5) size 223x25 |
| RenderText {#text} at (0,0) size 12x25 |
| text run at (0,0) width 12: "0" |
| layer at (21,153) size 222x25 |
| RenderBlock {DIV} at (11,5) size 223x25 |
| RenderText {#text} at (0,0) size 12x25 |
| text run at (0,0) width 12: "0" |
| layer at (10,107) size 244x37 |
| RenderTextControl {INPUT} at (2,2) size 245x37 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)] |
| layer at (21,112) size 222x25 |
| RenderBlock {DIV} at (11,5) size 223x25 [color=#545454] |
| RenderText {#text} at (0,0) size 12x25 |
| text run at (0,0) width 12: "0" |
