layer at (0,0) size 800x600
  RenderCanvas 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 {DIV} at (0,0) size 784x56 [border: (2px solid #FF0000)]
        RenderInline {SPAN} at (0,0) size 109x28
          RenderText {TEXT} at (14,14) size 109x28
            text run at (14,14) width 38: "foo "
            text run at (52,14) width 37: "bar "
            text run at (89,14) width 34: "baz"
        RenderText {TEXT} at (0,0) size 0x0
      RenderBlock {DIV} at (0,56) size 784x56 [border: (2px solid #FF0000)]
selection is CARET:
start:      position 0 of child 3 {DIV} of child 2 {BODY} of child 1 {HTML} of root {}
upstream:   position 0 of child 3 {DIV} of child 2 {BODY} of child 1 {HTML} of root {}
downstream: position 1 of child 3 {DIV} of child 2 {BODY} of child 1 {HTML} of root {}