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 223x22
            text run at (99,50) width 223: "Test typing at the end of a list."
        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 424x22
            text run at (99,72) width 424: "Typed text should appear after (on the line below) the list."
      RenderBlock {DIV} at (0,238) size 784x164 [border: (2px solid #008000)]
        RenderBlock {UL} at (2,26) size 780x84
          RenderListItem {LI} at (40,0) size 740x28
            RenderListMarker at (0,0) size 0x22
            RenderText {TEXT} at (0,0) size 78x28
              text run at (0,0) width 78: "line one"
          RenderListItem {LI} at (40,28) size 740x28
            RenderListMarker at (0,0) size 0x22
            RenderText {TEXT} at (0,0) size 79x28
              text run at (0,0) width 79: "line two"
          RenderListItem {LI} at (40,56) size 740x28
            RenderListMarker at (0,0) size 0x22
            RenderText {TEXT} at (0,0) size 92x28
              text run at (0,0) width 92: "line three"
        RenderBlock (anonymous) at (2,134) size 780x28
          RenderText {TEXT} at (0,0) size 36x28
            text run at (0,0) width 36: "xxx"
      RenderBlock {DIV} at (0,412) size 784x164
        RenderBlock {DIV} at (0,0) size 784x164 [border: (2px solid #FF0000)]
          RenderBlock {UL} at (2,26) size 780x84
            RenderListItem {LI} at (40,0) size 740x28
              RenderListMarker at (0,0) size 0x22
              RenderText {TEXT} at (0,0) size 78x28
                text run at (0,0) width 78: "line one"
            RenderListItem {LI} at (40,28) size 740x28
              RenderListMarker at (0,0) size 0x22
              RenderText {TEXT} at (0,0) size 79x28
                text run at (0,0) width 79: "line two"
            RenderListItem {LI} at (40,56) size 740x28
              RenderListMarker at (0,0) size 0x22
              RenderText {TEXT} at (0,0) size 92x28
                text run at (0,0) width 92: "line three"
          RenderBlock (anonymous) at (2,134) size 780x28
            RenderText {TEXT} at (0,0) size 36x28
              text run at (0,0) width 36: "xxx"
selection is CARET:
start:      position 3 of child 3 {TEXT} of child 1 {DIV} of root {DIV}
upstream:   position 3 of child 3 {TEXT} of child 1 {DIV} of root {DIV}
downstream: position 1 of child 4 {TEXT} of child 1 {DIV} of root {DIV}
