layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x318
  RenderBlock {HTML} at (0,0) size 800x318
    RenderBody {BODY} at (8,8) size 784x302
      RenderBlock (anonymous) at (0,0) size 784x72
        RenderText {#text} at (0,0) size 547x18
          text run at (0,0) width 547: "Tests for basic button rendering. Creates a table with seven columns and seven rows. "
        RenderBR {BR} at (546,0) size 1x18
        RenderText {#text} at (0,18) size 521x18
          text run at (0,18) width 521: "Creates two different types of buttons, one with an image (a red dot) and another "
        RenderBR {BR} at (520,18) size 1x18
        RenderText {#text} at (0,36) size 660x18
          text run at (0,36) width 660: "with text (\"foo\") and then uses six different paddings to make sure each of the buttons render properly. "
        RenderBR {BR} at (660,36) size 0x18
        RenderBR {BR} at (0,54) size 0x18
      RenderTable {TABLE} at (0,72) size 696x230
        RenderTableSection {TBODY} at (0,0) size 696x230
          RenderTableRow {TR} at (0,0) size 696x20
            RenderTableCell {TD} at (0,0) size 170x20 [r=0 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 44x18
                text run at (1,1) width 44: "styling"
            RenderTableCell {TD} at (170,0) size 61x20 [r=0 c=1 rs=1 cs=1]
              RenderText {#text} at (1,1) size 59x18
                text run at (1,1) width 59: "<button>"
            RenderTableCell {TD} at (230,0) size 162x20 [r=0 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 159x18
                text run at (1,1) width 159: "(offsetH,W) (clientH,W)"
            RenderTableCell {TD} at (391,0) size 135x20 [r=0 c=3 rs=1 cs=1]
              RenderText {#text} at (1,1) size 133x18
                text run at (1,1) width 133: "<input type=button>"
            RenderTableCell {TD} at (525,0) size 171x20 [r=0 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 168x18
                text run at (1,1) width 168: "(offsetH,W) (clientH, -W)"
          RenderTableRow {TR} at (0,20) size 696x24
            RenderTableCell {TD} at (0,22) size 170x20 [r=1 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 56x18
                text run at (1,1) width 56: "(default)"
            RenderTableCell {TD} at (170,20) size 61x24 [r=1 c=1 rs=1 cs=1]
              RenderButton {BUTTON} at (3,3) size 26x18 [color=#000000D8] [bgcolor=#C0C0C0] [border: none (2px outset #C0C0C0) none (2px outset #C0C0C0)]
                RenderBlock (anonymous) at (8,2) size 10x13
                  RenderImage {IMG} at (0,1) size 10x10
            RenderTableCell {TD} at (230,22) size 162x20 [r=1 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x18
                text run at (1,1) width 106: "(18, 26) (18, 22)"
            RenderTableCell {TD} at (391,20) size 135x24 [r=1 c=3 rs=1 cs=1]
              RenderButton {INPUT} at (3,3) size 33x18 [color=#000000D8] [bgcolor=#C0C0C0]
                RenderBlock (anonymous) at (8,2) size 17x13
                  RenderText at (0,0) size 17x13
                    text run at (0,0) width 17: "foo"
            RenderTableCell {TD} at (525,22) size 171x20 [r=1 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x18
                text run at (1,1) width 106: "(18, 33) (18, 33)"
          RenderTableRow {TR} at (0,44) size 696x24
            RenderTableCell {TD} at (0,46) size 170x20 [r=2 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 68x18
                text run at (1,1) width 68: "padding: 0"
            RenderTableCell {TD} at (170,45) size 61x22 [r=2 c=1 rs=1 cs=1]
              RenderButton {BUTTON} at (3,3) size 14x15 [color=#000000D8] [bgcolor=#C0C0C0] [border: none (2px outset #C0C0C0) none (2px outset #C0C0C0)]
                RenderBlock (anonymous) at (2,1) size 10x13
                  RenderImage {IMG} at (0,1) size 10x10
            RenderTableCell {TD} at (230,46) size 162x20 [r=2 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x18
                text run at (1,1) width 106: "(15, 14) (15, 10)"
            RenderTableCell {TD} at (391,44) size 135x24 [r=2 c=3 rs=1 cs=1]
              RenderButton {INPUT} at (3,3) size 33x18 [color=#000000D8] [bgcolor=#C0C0C0]
                RenderBlock (anonymous) at (8,2) size 17x13
                  RenderText at (0,0) size 17x13
                    text run at (0,0) width 17: "foo"
            RenderTableCell {TD} at (525,46) size 171x20 [r=2 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x18
                text run at (1,1) width 106: "(18, 33) (18, 33)"
          RenderTableRow {TR} at (0,68) size 696x30
            RenderTableCell {TD} at (0,73) size 170x20 [r=3 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 90x18
                text run at (1,1) width 90: "padding: 10%"
            RenderTableCell {TD} at (170,68) size 61x30 [r=3 c=1 rs=1 cs=1]
              RenderButton {BUTTON} at (3,3) size 26x25 [color=#000000D8] [bgcolor=#C0C0C0] [border: none (2px outset #C0C0C0) none (2px outset #C0C0C0)]
                RenderBlock (anonymous) at (7,5) size 11x14
                  RenderImage {IMG} at (0,1) size 10x10
            RenderTableCell {TD} at (230,73) size 162x20 [r=3 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x18
                text run at (1,1) width 106: "(25, 26) (25, 22)"
            RenderTableCell {TD} at (391,71) size 135x24 [r=3 c=3 rs=1 cs=1]
              RenderButton {INPUT} at (3,3) size 33x18 [color=#000000D8] [bgcolor=#C0C0C0]
                RenderBlock (anonymous) at (8,2) size 17x13
                  RenderText at (0,0) size 17x13
                    text run at (0,0) width 17: "foo"
            RenderTableCell {TD} at (525,73) size 171x20 [r=3 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x18
                text run at (1,1) width 106: "(18, 33) (18, 33)"
          RenderTableRow {TR} at (0,98) size 696x24
            RenderTableCell {TD} at (0,100) size 170x20 [r=4 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 84x18
                text run at (1,1) width 84: "padding: 2px"
            RenderTableCell {TD} at (170,98) size 61x24 [r=4 c=1 rs=1 cs=1]
              RenderButton {BUTTON} at (3,3) size 18x17 [color=#000000D8] [bgcolor=#C0C0C0] [border: none (2px outset #C0C0C0) none (2px outset #C0C0C0)]
                RenderBlock (anonymous) at (4,2) size 10x13
                  RenderImage {IMG} at (0,1) size 10x10
            RenderTableCell {TD} at (230,100) size 162x20 [r=4 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x18
                text run at (1,1) width 106: "(17, 18) (17, 14)"
            RenderTableCell {TD} at (391,98) size 135x24 [r=4 c=3 rs=1 cs=1]
              RenderButton {INPUT} at (3,3) size 33x18 [color=#000000D8] [bgcolor=#C0C0C0]
                RenderBlock (anonymous) at (8,2) size 17x13
                  RenderText at (0,0) size 17x13
                    text run at (0,0) width 17: "foo"
            RenderTableCell {TD} at (525,100) size 171x20 [r=4 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x18
                text run at (1,1) width 106: "(18, 33) (18, 33)"
          RenderTableRow {TR} at (0,122) size 696x24
            RenderTableCell {TD} at (0,124) size 170x20 [r=5 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 168x18
                text run at (1,1) width 168: "padding: 2px 6px 3px 6px"
            RenderTableCell {TD} at (170,122) size 61x24 [r=5 c=1 rs=1 cs=1]
              RenderButton {BUTTON} at (3,3) size 26x18 [color=#000000D8] [bgcolor=#C0C0C0] [border: none (2px outset #C0C0C0) none (2px outset #C0C0C0)]
                RenderBlock (anonymous) at (8,2) size 10x13
                  RenderImage {IMG} at (0,1) size 10x10
            RenderTableCell {TD} at (230,124) size 162x20 [r=5 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x18
                text run at (1,1) width 106: "(18, 26) (18, 22)"
            RenderTableCell {TD} at (391,122) size 135x24 [r=5 c=3 rs=1 cs=1]
              RenderButton {INPUT} at (3,3) size 33x18 [color=#000000D8] [bgcolor=#C0C0C0]
                RenderBlock (anonymous) at (8,2) size 17x13
                  RenderText at (0,0) size 17x13
                    text run at (0,0) width 17: "foo"
            RenderTableCell {TD} at (525,124) size 171x20 [r=5 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x18
                text run at (1,1) width 106: "(18, 33) (18, 33)"
          RenderTableRow {TR} at (0,146) size 696x25
            RenderTableCell {TD} at (0,148) size 170x21 [r=6 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 112x19
                text run at (1,2) width 112: "padding: 3px 7px"
            RenderTableCell {TD} at (170,146) size 61x25 [r=6 c=1 rs=1 cs=1]
              RenderButton {BUTTON} at (3,3) size 28x19 [color=#000000D8] [bgcolor=#C0C0C0] [border: none (2px outset #C0C0C0) none (2px outset #C0C0C0)]
                RenderBlock (anonymous) at (9,3) size 10x13
                  RenderImage {IMG} at (0,1) size 10x10
            RenderTableCell {TD} at (230,148) size 162x21 [r=6 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,2) width 106: "(19, 28) (19, 24)"
            RenderTableCell {TD} at (391,146) size 135x25 [r=6 c=3 rs=1 cs=1]
              RenderButton {INPUT} at (3,3) size 33x18 [color=#000000D8] [bgcolor=#C0C0C0]
                RenderBlock (anonymous) at (8,2) size 17x13
                  RenderText at (0,0) size 17x13
                    text run at (0,0) width 17: "foo"
            RenderTableCell {TD} at (525,148) size 171x21 [r=6 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,2) width 106: "(18, 33) (18, 33)"
          RenderTableRow {TR} at (0,171) size 696x59
            RenderTableCell {TD} at (0,190) size 170x21 [r=7 c=0 rs=1 cs=1]
              RenderText {#text} at (1,1) size 92x19
                text run at (1,2) width 92: "padding: 20px"
            RenderTableCell {TD} at (170,171) size 61x59 [r=7 c=1 rs=1 cs=1]
              RenderButton {BUTTON} at (3,3) size 54x53 [color=#000000D8] [bgcolor=#C0C0C0] [border: none (2px outset #C0C0C0) none (2px outset #C0C0C0)]
                RenderBlock (anonymous) at (22,20) size 10x13
                  RenderImage {IMG} at (0,1) size 10x10
            RenderTableCell {TD} at (230,190) size 162x21 [r=7 c=2 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,2) width 106: "(53, 54) (53, 50)"
            RenderTableCell {TD} at (391,188) size 135x25 [r=7 c=3 rs=1 cs=1]
              RenderButton {INPUT} at (3,3) size 33x18 [color=#000000D8] [bgcolor=#C0C0C0]
                RenderBlock (anonymous) at (8,2) size 17x13
                  RenderText at (0,0) size 17x13
                    text run at (0,0) width 17: "foo"
            RenderTableCell {TD} at (525,190) size 171x21 [r=7 c=4 rs=1 cs=1]
              RenderText {#text} at (1,1) size 106x19
                text run at (1,2) width 106: "(18, 33) (18, 33)"