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 355x19
          RenderTextControl {INPUT} at (2,2) size 265x37 [bgcolor=#FFFFFF] [border: (1px solid #3C3C4399)]
          RenderText {#text} at (268,12) size 87x19
            text run at (268,12) width 87: " Normal state"
      RenderBlock {DIV} at (0,97) size 784x41
        RenderInline {LABEL} at (0,0) size 361x19
          RenderText {#text} at (266,12) size 95x19
            text run at (266,12) width 95: " Disabled state"
      RenderBlock {DIV} at (0,138) size 784x41
        RenderInline {LABEL} at (0,0) size 371x19
          RenderTextControl {INPUT} at (2,2) size 263x37 [bgcolor=#FFFFFF] [border: (1px solid #BCBCBC)]
          RenderText {#text} at (266,12) size 105x19
            text run at (266,12) width 105: " Read-only state"
layer at (21,71) size 243x25
  RenderBlock {DIV} at (11,5) size 243x25
    RenderText {#text} at (0,0) size 13x25
      text run at (0,0) width 13: "0"
layer at (21,153) size 241x25
  RenderBlock {DIV} at (11,5) size 241x25
    RenderText {#text} at (0,0) size 13x25
      text run at (0,0) width 13: "0"
layer at (10,107) size 263x37
  RenderTextControl {INPUT} at (2,2) size 263x37 [bgcolor=#FFFFFF] [border: (1px solid #3C3C4399)]
layer at (21,112) size 241x25
  RenderBlock {DIV} at (11,5) size 241x25 [color=#545454]
    RenderText {#text} at (0,0) size 13x25
      text run at (0,0) width 13: "0"