layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x300
  RenderBlock {HTML} at (0,0) size 800x300
    RenderBody {BODY} at (8,8) size 784x284
      RenderBlock (anonymous) at (0,0) size 784x80
        RenderText {#text} at (0,0) size 543x19
          text run at (0,0) width 543: "Tests for basic button rendering. Creates a table with seven columns and seven rows."
        RenderBR {BR} at (542,0) size 1x19
        RenderText {#text} at (0,20) size 517x19
          text run at (0,20) width 517: "Creates two different types of buttons, one with an image (a red dot) and another"
        RenderBR {BR} at (516,20) size 1x19
        RenderText {#text} at (0,40) size 656x19
          text run at (0,40) width 656: "with text (\"foo\") and then uses six different paddings to make sure each of the buttons render properly."
        RenderBR {BR} at (655,40) size 1x19
        RenderBR {BR} at (0,60) size 0x19
      RenderTable {TABLE} at (0,80) size 696x204
        RenderTableSection {TBODY} at (0,0) size 696x204
          RenderTableRow {TR} at (0,0) size 696x22
            RenderTableCell {TD} at (0,0) size 170x22 [r=0 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 44x19
                text run at (1,1) width 44: "styling"
            RenderTableCell {TD} at (170,0) size 61x22 [r=0 c=1 rs=1 cs=1]
              RenderText {#text} at (1,1) size 59x19
                text run at (1,1) width 59: "<button>"
            RenderTableCell {TD} at (230,0) size 162x22 [r=0 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 159x19
                text run at (1,1) width 159: "(offsetH,W) (clientH,W)"
            RenderTableCell {TD} at (391,0) size 135x22 [r=0 c=3 rs=1 cs=1]
              RenderText {#text} at (1,1) size 133x19
                text run at (1,1) width 133: "<input type=button>"
            RenderTableCell {TD} at (525,0) size 171x22 [r=0 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 168x19
                text run at (1,1) width 168: "(offsetH,W) (clientH, -W)"
          RenderTableRow {TR} at (0,22) size 696x26
            RenderTableCell {TD} at (0,24) size 170x22 [r=1 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 56x19
                text run at (1,1) width 56: "(default)"
            RenderTableCell {TD} at (170,22) size 61x26 [r=1 c=1 rs=1 cs=1]
              RenderButton {BUTTON} at (3,3) size 34x20 [color=#007AFF] [bgcolor=#E9E9EA] [border: (1px solid #FFFFFF)]
                RenderBlock (anonymous) at (12,3) size 10x14
                  RenderImage {IMG} at (0,1) size 10x10
            RenderTableCell {TD} at (230,24) size 162x22 [r=1 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,1) width 106: "(20, 34) (18, 32)"
            RenderTableCell {TD} at (391,22) size 135x26 [r=1 c=3 rs=1 cs=1]
              RenderButton {INPUT} at (3,3) size 41x20 [color=#007AFF] [bgcolor=#E9E9EA] [border: (1px solid #FFFFFF)]
                RenderBlock (anonymous) at (12,3) size 17x14
                  RenderText at (0,0) size 17x14
                    text run at (0,0) width 17: "foo"
            RenderTableCell {TD} at (525,24) size 171x22 [r=1 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,1) width 106: "(20, 41) (18, 39)"
          RenderTableRow {TR} at (0,48) size 696x26
            RenderTableCell {TD} at (0,50) size 170x22 [r=2 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 68x19
                text run at (1,1) width 68: "padding: 0"
            RenderTableCell {TD} at (170,48) size 61x26 [r=2 c=1 rs=1 cs=1]
              RenderButton {BUTTON} at (3,3) size 34x20 [color=#007AFF] [bgcolor=#E9E9EA] [border: (1px solid #FFFFFF)]
                RenderBlock (anonymous) at (12,3) size 10x14
                  RenderImage {IMG} at (0,1) size 10x10
            RenderTableCell {TD} at (230,50) size 162x22 [r=2 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,1) width 106: "(20, 34) (18, 32)"
            RenderTableCell {TD} at (391,48) size 135x26 [r=2 c=3 rs=1 cs=1]
              RenderButton {INPUT} at (3,3) size 41x20 [color=#007AFF] [bgcolor=#E9E9EA] [border: (1px solid #FFFFFF)]
                RenderBlock (anonymous) at (12,3) size 17x14
                  RenderText at (0,0) size 17x14
                    text run at (0,0) width 17: "foo"
            RenderTableCell {TD} at (525,50) size 171x22 [r=2 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,1) width 106: "(20, 41) (18, 39)"
          RenderTableRow {TR} at (0,74) size 696x26
            RenderTableCell {TD} at (0,76) size 170x22 [r=3 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 90x19
                text run at (1,1) width 90: "padding: 10%"
            RenderTableCell {TD} at (170,74) size 61x26 [r=3 c=1 rs=1 cs=1]
              RenderButton {BUTTON} at (3,3) size 34x20 [color=#007AFF] [bgcolor=#E9E9EA] [border: (1px solid #FFFFFF)]
                RenderBlock (anonymous) at (12,3) size 10x14
                  RenderImage {IMG} at (0,1) size 10x10
            RenderTableCell {TD} at (230,76) size 162x22 [r=3 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,1) width 106: "(20, 34) (18, 32)"
            RenderTableCell {TD} at (391,74) size 135x26 [r=3 c=3 rs=1 cs=1]
              RenderButton {INPUT} at (3,3) size 41x20 [color=#007AFF] [bgcolor=#E9E9EA] [border: (1px solid #FFFFFF)]
                RenderBlock (anonymous) at (12,3) size 17x14
                  RenderText at (0,0) size 17x14
                    text run at (0,0) width 17: "foo"
            RenderTableCell {TD} at (525,76) size 171x22 [r=3 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,1) width 106: "(20, 41) (18, 39)"
          RenderTableRow {TR} at (0,100) size 696x26
            RenderTableCell {TD} at (0,102) size 170x22 [r=4 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 84x19
                text run at (1,1) width 84: "padding: 2px"
            RenderTableCell {TD} at (170,100) size 61x26 [r=4 c=1 rs=1 cs=1]
              RenderButton {BUTTON} at (3,3) size 34x20 [color=#007AFF] [bgcolor=#E9E9EA] [border: (1px solid #FFFFFF)]
                RenderBlock (anonymous) at (12,3) size 10x14
                  RenderImage {IMG} at (0,1) size 10x10
            RenderTableCell {TD} at (230,102) size 162x22 [r=4 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,1) width 106: "(20, 34) (18, 32)"
            RenderTableCell {TD} at (391,100) size 135x26 [r=4 c=3 rs=1 cs=1]
              RenderButton {INPUT} at (3,3) size 41x20 [color=#007AFF] [bgcolor=#E9E9EA] [border: (1px solid #FFFFFF)]
                RenderBlock (anonymous) at (12,3) size 17x14
                  RenderText at (0,0) size 17x14
                    text run at (0,0) width 17: "foo"
            RenderTableCell {TD} at (525,102) size 171x22 [r=4 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,1) width 106: "(20, 41) (18, 39)"
          RenderTableRow {TR} at (0,126) size 696x26
            RenderTableCell {TD} at (0,128) size 170x22 [r=5 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 168x19
                text run at (1,1) width 168: "padding: 2px 6px 3px 6px"
            RenderTableCell {TD} at (170,126) size 61x26 [r=5 c=1 rs=1 cs=1]
              RenderButton {BUTTON} at (3,3) size 34x20 [color=#007AFF] [bgcolor=#E9E9EA] [border: (1px solid #FFFFFF)]
                RenderBlock (anonymous) at (12,3) size 10x14
                  RenderImage {IMG} at (0,1) size 10x10
            RenderTableCell {TD} at (230,128) size 162x22 [r=5 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,1) width 106: "(20, 34) (18, 32)"
            RenderTableCell {TD} at (391,126) size 135x26 [r=5 c=3 rs=1 cs=1]
              RenderButton {INPUT} at (3,3) size 41x20 [color=#007AFF] [bgcolor=#E9E9EA] [border: (1px solid #FFFFFF)]
                RenderBlock (anonymous) at (12,3) size 17x14
                  RenderText at (0,0) size 17x14
                    text run at (0,0) width 17: "foo"
            RenderTableCell {TD} at (525,128) size 171x22 [r=5 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,1) width 106: "(20, 41) (18, 39)"
          RenderTableRow {TR} at (0,152) size 696x26
            RenderTableCell {TD} at (0,154) size 170x22 [r=6 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 112x19
                text run at (1,1) width 112: "padding: 3px 7px"
            RenderTableCell {TD} at (170,152) size 61x26 [r=6 c=1 rs=1 cs=1]
              RenderButton {BUTTON} at (3,3) size 34x20 [color=#007AFF] [bgcolor=#E9E9EA] [border: (1px solid #FFFFFF)]
                RenderBlock (anonymous) at (12,3) size 10x14
                  RenderImage {IMG} at (0,1) size 10x10
            RenderTableCell {TD} at (230,154) size 162x22 [r=6 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,1) width 106: "(20, 34) (18, 32)"
            RenderTableCell {TD} at (391,152) size 135x26 [r=6 c=3 rs=1 cs=1]
              RenderButton {INPUT} at (3,3) size 41x20 [color=#007AFF] [bgcolor=#E9E9EA] [border: (1px solid #FFFFFF)]
                RenderBlock (anonymous) at (12,3) size 17x14
                  RenderText at (0,0) size 17x14
                    text run at (0,0) width 17: "foo"
            RenderTableCell {TD} at (525,154) size 171x22 [r=6 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,1) width 106: "(20, 41) (18, 39)"
          RenderTableRow {TR} at (0,178) size 696x26
            RenderTableCell {TD} at (0,180) size 170x22 [r=7 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 92x19
                text run at (1,1) width 92: "padding: 20px"
            RenderTableCell {TD} at (170,178) size 61x26 [r=7 c=1 rs=1 cs=1]
              RenderButton {BUTTON} at (3,3) size 34x20 [color=#007AFF] [bgcolor=#E9E9EA] [border: (1px solid #FFFFFF)]
                RenderBlock (anonymous) at (12,3) size 10x14
                  RenderImage {IMG} at (0,1) size 10x10
            RenderTableCell {TD} at (230,180) size 162x22 [r=7 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,1) width 106: "(20, 34) (18, 32)"
            RenderTableCell {TD} at (391,178) size 135x26 [r=7 c=3 rs=1 cs=1]
              RenderButton {INPUT} at (3,3) size 41x20 [color=#007AFF] [bgcolor=#E9E9EA] [border: (1px solid #FFFFFF)]
                RenderBlock (anonymous) at (12,3) size 17x14
                  RenderText at (0,0) size 17x14
                    text run at (0,0) width 17: "foo"
            RenderTableCell {TD} at (525,180) size 171x22 [r=7 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,1) width 106: "(20, 41) (18, 39)"