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 439x18
          text run at (0,0) width 439: "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 225x27 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
          RenderFlexibleBox {DIV} at (3,0) size 219x27
            RenderBlock {DIV} at (0,3) size 200x21
        RenderText {#text} at (0,0) size 0x0
        RenderText {#text} at (0,0) size 0x0
layer at (13,47) size 199x21
  RenderBlock {DIV} at (0,0) size 200x21
    RenderText {#text} at (0,0) size 8x21
      text run at (0,0) width 8: "1"
layer at (212,44) size 19x27
  RenderBlock (relative positioned) {DIV} at (199,0) size 20x27
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