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 784x228 [border: (4px solid #0000FF)]
        RenderBlock {DIV} at (20,20) size 744x72
          RenderText {TEXT} at (0,0) size 67x22
            text run at (0,0) width 67: "Tests: "
          RenderBR {BR} at (0,0) size 0x0
          RenderText {TEXT} at (0,28) size 663x22
            text run at (0,28) width 663: "Our ability to \"edit around\" content the HTML editing code does not yet handle very well. "
          RenderBR {BR} at (0,0) size 0x0
          RenderInline {I} at (0,0) size 99x22
            RenderText {TEXT} at (0,50) size 99x22
              text run at (0,50) width 99: "For this test: "
          RenderText {TEXT} at (99,50) size 241x22
            text run at (99,50) width 241: "Test typing at the start of a table."
        RenderBlock (anonymous) at (20,92) size 744x22
          RenderBR {BR} at (0,0) size 0x22
        RenderBlock {DIV} at (20,114) size 744x94
          RenderText {TEXT} at (0,0) size 189x22
            text run at (0,0) width 189: "Expected Results: "
          RenderBR {BR} at (0,0) size 0x0
          RenderText {TEXT} at (0,28) size 709x44
            text run at (0,28) width 709: "The content in the red box must exactly match the content in the green box (except for the border"
            text run at (0,50) width 53: "color). "
          RenderBR {BR} at (0,0) size 0x0
          RenderInline {I} at (0,0) size 99x22
            RenderText {TEXT} at (0,72) size 99x22
              text run at (0,72) width 99: "For this test: "
          RenderText {TEXT} at (99,72) size 449x22
            text run at (99,72) width 449: "Typed text should appear before (on the line above) the table."
      RenderBlock {DIV} at (0,238) size 784x108 [border: (2px solid #008000)]
        RenderBlock (anonymous) at (2,2) size 780x28
          RenderText {TEXT} at (0,0) size 36x28
            text run at (0,0) width 36: "xxx"
        RenderTable {TABLE} at (2,30) size 46x76 [border: (1px outset #808080)]
          RenderTableSection {TBODY} at (1,1) size 0x74
            RenderTableRow {TR} at (0,0) size 0x0
              RenderTableCell {TD} at (2,2) size 12x22 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
                RenderText {TEXT} at (2,2) size 8x18
                  text run at (2,2) width 8: "1"
              RenderTableCell {TD} at (16,2) size 12x22 [border: (1px inset #808080)] [r=0 c=1 rs=1 cs=1]
                RenderText {TEXT} at (2,2) size 8x18
                  text run at (2,2) width 8: "2"
              RenderTableCell {TD} at (30,2) size 12x22 [border: (1px inset #808080)] [r=0 c=2 rs=1 cs=1]
                RenderText {TEXT} at (2,2) size 8x18
                  text run at (2,2) width 8: "3"
            RenderTableRow {TR} at (0,0) size 0x0
              RenderTableCell {TD} at (2,26) size 12x22 [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
                RenderText {TEXT} at (2,2) size 8x18
                  text run at (2,2) width 8: "4"
              RenderTableCell {TD} at (16,26) size 12x22 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
                RenderText {TEXT} at (2,2) size 8x18
                  text run at (2,2) width 8: "5"
              RenderTableCell {TD} at (30,26) size 12x22 [border: (1px inset #808080)] [r=1 c=2 rs=1 cs=1]
                RenderText {TEXT} at (2,2) size 8x18
                  text run at (2,2) width 8: "6"
            RenderTableRow {TR} at (0,0) size 0x0
              RenderTableCell {TD} at (2,50) size 12x22 [border: (1px inset #808080)] [r=2 c=0 rs=1 cs=1]
                RenderText {TEXT} at (2,2) size 8x18
                  text run at (2,2) width 8: "7"
              RenderTableCell {TD} at (16,50) size 12x22 [border: (1px inset #808080)] [r=2 c=1 rs=1 cs=1]
                RenderText {TEXT} at (2,2) size 8x18
                  text run at (2,2) width 8: "8"
              RenderTableCell {TD} at (30,50) size 12x22 [border: (1px inset #808080)] [r=2 c=2 rs=1 cs=1]
                RenderText {TEXT} at (2,2) size 8x18
                  text run at (2,2) width 8: "9"
      RenderBlock {DIV} at (0,356) size 784x108
        RenderBlock {DIV} at (0,0) size 784x108 [border: (2px solid #FF0000)]
          RenderBlock (anonymous) at (2,2) size 780x28
            RenderText {TEXT} at (0,0) size 36x28
              text run at (0,0) width 36: "xxx"
          RenderTable {TABLE} at (2,30) size 46x76 [border: (1px outset #808080)]
            RenderTableSection {TBODY} at (1,1) size 0x74
              RenderTableRow {TR} at (0,0) size 0x0
                RenderTableCell {TD} at (2,2) size 12x22 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
                  RenderText {TEXT} at (2,2) size 8x18
                    text run at (2,2) width 8: "1"
                RenderTableCell {TD} at (16,2) size 12x22 [border: (1px inset #808080)] [r=0 c=1 rs=1 cs=1]
                  RenderText {TEXT} at (2,2) size 8x18
                    text run at (2,2) width 8: "2"
                RenderTableCell {TD} at (30,2) size 12x22 [border: (1px inset #808080)] [r=0 c=2 rs=1 cs=1]
                  RenderText {TEXT} at (2,2) size 8x18
                    text run at (2,2) width 8: "3"
              RenderTableRow {TR} at (0,0) size 0x0
                RenderTableCell {TD} at (2,26) size 12x22 [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
                  RenderText {TEXT} at (2,2) size 8x18
                    text run at (2,2) width 8: "4"
                RenderTableCell {TD} at (16,26) size 12x22 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
                  RenderText {TEXT} at (2,2) size 8x18
                    text run at (2,2) width 8: "5"
                RenderTableCell {TD} at (30,26) size 12x22 [border: (1px inset #808080)] [r=1 c=2 rs=1 cs=1]
                  RenderText {TEXT} at (2,2) size 8x18
                    text run at (2,2) width 8: "6"
              RenderTableRow {TR} at (0,0) size 0x0
                RenderTableCell {TD} at (2,50) size 12x22 [border: (1px inset #808080)] [r=2 c=0 rs=1 cs=1]
                  RenderText {TEXT} at (2,2) size 8x18
                    text run at (2,2) width 8: "7"
                RenderTableCell {TD} at (16,50) size 12x22 [border: (1px inset #808080)] [r=2 c=1 rs=1 cs=1]
                  RenderText {TEXT} at (2,2) size 8x18
                    text run at (2,2) width 8: "8"
                RenderTableCell {TD} at (30,50) size 12x22 [border: (1px inset #808080)] [r=2 c=2 rs=1 cs=1]
                  RenderText {TEXT} at (2,2) size 8x18
                    text run at (2,2) width 8: "9"
selection is CARET:
start:      position 3 of child 2 {TEXT} of child 1 {DIV} of root {DIV}
upstream:   position 3 of child 2 {TEXT} of child 1 {DIV} of root {DIV}
downstream: position 3 of child 2 {TEXT} of child 1 {DIV} of root {DIV}