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 784x84 [border: (2px solid #0000FF)]
        RenderText {TEXT} at (14,14) size 715x56
          text run at (14,14) width 715: "Should see \"foo\" and \"bar\" each in a separate red box. Note that the \"foo\""
          text run at (14,42) width 197: "text is really \"foo \". "
          text run at (211,42) width 63: "There "
        RenderInline {B} at (0,0) size 50x28
          RenderText {TEXT} at (274,42) size 50x28
            text run at (274,42) width 50: "must"
        RenderText {TEXT} at (324,42) size 318x28
          text run at (324,42) width 318: " be a space at the end of the line."
      RenderBlock {DIV} at (0,108) size 784x140
        RenderBlock {DIV} at (0,0) size 784x56 [border: (2px solid #FF0000)]
          RenderText {TEXT} at (14,14) size 32x28
            text run at (14,14) width 32: "foo"
        RenderBlock {DIV} at (0,56) size 784x56 [border: (2px solid #FF0000)]
          RenderBR {BR} at (14,14) size 0x28
        RenderBlock {DIV} at (0,112) size 784x28 [border: (2px solid #FF0000)]
selection is CARET:
start:      position 0 of child 3 {DIV} of root {DIV}
upstream:   position 0 of child 3 {DIV} of root {DIV}
downstream: position 1 of child 3 {DIV} of root {DIV}
