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 784x18
        RenderText {#text} at (0,0) size 430x18
          text run at (0,0) width 430: "Test appearances of outer-spin-button with its up button highlighted."
      RenderBlock {DIV} at (0,34) size 784x0
      RenderBlock (anonymous) at (0,34) size 784x31
        RenderTextControl {INPUT} at (2,2) size 195x27 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
          RenderFlexibleBox {DIV} at (3,3) size 189x21
            RenderBlock {DIV} at (0,0) size 170x21
              RenderBlock {DIV} at (0,0) size 170x21
                RenderText {#text} at (1,0) size 12x21
                  text run at (1,0) width 12: "1"
        RenderText {#text} at (0,0) size 0x0
        RenderText {#text} at (0,0) size 0x0
layer at (184,46) size 19x23
  RenderBlock (relative positioned) {DIV} at (171,-1) size 19x23
caret: position 1 of child 0 {#text} of child 0 {DIV} of child 0 {DIV} of child 0 {DIV} of {#document-fragment} of child 5 {INPUT} of body