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 (anonymous) at (0,0) size 784x56
        RenderText {TEXT} at (0,0) size 781x56
          text run at (0,0) width 781: "Test inserting paragraphs: should see two blue boxes, where the second blue box"
          text run at (0,28) width 245: "starts with an empty line."
      RenderBlock {DIV} at (0,56) size 784x36
      RenderBlock {DIV} at (0,92) size 784x112 [border: (2px solid #0000FF)]
        RenderBlock {DIV} at (14,14) size 756x56 [border: (2px solid #FF0000)]
          RenderText {TEXT} at (14,14) size 34x28
            text run at (14,14) width 34: "baz"
        RenderBlock (anonymous) at (14,70) size 756x28
          RenderText {TEXT} at (0,0) size 31x28
            text run at (0,0) width 31: "bar"
      RenderBlock {DIV} at (0,204) size 784x168 [border: (2px solid #0000FF)]
        RenderBlock (anonymous) at (14,14) size 756x28
          RenderBR {BR} at (0,0) size 0x28
        RenderBlock {DIV} at (14,42) size 756x56 [border: (2px solid #FF0000)]
          RenderText {TEXT} at (14,14) size 32x28
            text run at (14,14) width 32: "foo"
        RenderBlock {DIV} at (14,98) size 756x56 [border: (2px solid #FF0000)]
          RenderBR {BR} at (14,14) size 0x28
selection is CARET:
start:      position 0 of child 1 {BR} of child 5 {DIV} of root {BODY}
upstream:   position 0 of child 5 {DIV} of root {BODY}
downstream: position 0 of child 1 {BR} of child 5 {DIV} of root {BODY}