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 115x28
          RenderText {TEXT} at (14,14) size 115x28
            text run at (14,14) width 14: "f "
            text run at (28,14) width 30: "oo "
            text run at (58,14) width 37: "bar "
            text run at (95,14) width 34: "baz"
        RenderText {TEXT} at (0,0) size 0x0
selection is RANGE:
start:      position 5 of child 1 {TEXT} of child 2 {SPAN} of root {DIV}
upstream:   position 2 of child 1 {TEXT} of child 2 {SPAN} of root {DIV}
downstream: position 5 of child 1 {TEXT} of child 2 {SPAN} of root {DIV}
end:        position 14 of child 1 {TEXT} of child 2 {SPAN} of root {DIV}
upstream:   position 14 of child 1 {TEXT} of child 2 {SPAN} of root {DIV}
downstream: position 17 of child 1 {TEXT} of child 2 {SPAN} of root {DIV}