| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x381 |
| RenderBlock {HTML} at (0,0) size 800x381 |
| RenderBody {BODY} at (8,8) size 784x365 |
| RenderBlock (anonymous) at (0,0) size 784x80 |
| RenderText {#text} at (0,0) size 515x19 |
| text run at (0,0) width 515: "Tests for basic button rendering. Creates a table with seven columns and seven rows. " |
| RenderBR {BR} at (515,0) size 0x19 |
| RenderText {#text} at (0,20) size 491x19 |
| text run at (0,20) width 491: "Creates two different types of buttons, one with an image (a red dot) and another " |
| RenderBR {BR} at (491,20) size 0x19 |
| RenderText {#text} at (0,40) size 617x19 |
| text run at (0,40) width 617: "with text (\"foo\") and then uses six different paddings to make sure each of the buttons render properly. " |
| RenderBR {BR} at (617,40) size 0x19 |
| RenderBR {BR} at (0,60) size 0x19 |
| RenderTable {TABLE} at (0,80) size 657x285 |
| RenderTableSection {TBODY} at (0,0) size 657x285 |
| RenderTableRow {TR} at (0,0) size 657x22 |
| RenderTableCell {TD} at (0,0) size 161x22 [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 37x19 |
| text run at (1,1) width 37: "styling" |
| RenderTableCell {TD} at (161,0) size 60x22 [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 56x19 |
| text run at (1,1) width 56: "<button>" |
| RenderTableCell {TD} at (221,0) size 150x22 [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 148x19 |
| text run at (1,1) width 148: "(offsetH,W) (clientH,W)" |
| RenderTableCell {TD} at (371,0) size 126x22 [r=0 c=3 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 124x19 |
| text run at (1,1) width 124: "<input type=button>" |
| RenderTableCell {TD} at (497,0) size 160x22 [r=0 c=4 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 158x19 |
| text run at (1,1) width 158: "(offsetH,W) (clientH, -W)" |
| RenderTableRow {TR} at (0,22) size 657x28 |
| RenderTableCell {TD} at (0,25) size 161x22 [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 50x19 |
| text run at (1,1) width 50: "(default)" |
| RenderTableCell {TD} at (161,22) size 60x28 [r=1 c=1 rs=1 cs=1] |
| RenderButton {BUTTON} at (3,3) size 26x22 [bgcolor=#DDDDDD] [border: (2px outset #DDDDDD)] |
| RenderBlock (anonymous) at (8,3) size 10x16 |
| RenderImage {IMG} at (0,3) size 10x10 |
| RenderTableCell {TD} at (221,25) size 150x22 [r=1 c=2 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 104x19 |
| text run at (1,1) width 104: "(22, 16) (18, 12)" |
| RenderTableCell {TD} at (371,22) size 126x28 [r=1 c=3 rs=1 cs=1] |
| RenderButton {INPUT} at (3,3) size 33x22 [bgcolor=#DDDDDD] [border: (2px outset #DDDDDD)] |
| RenderBlock (anonymous) at (8,3) size 17x16 |
| RenderText at (0,0) size 17x16 |
| text run at (0,0) width 17: "foo" |
| RenderTableCell {TD} at (497,25) size 160x22 [r=1 c=4 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 104x19 |
| text run at (1,1) width 104: "(22, 33) (18, 29)" |
| RenderTableRow {TR} at (0,50) size 657x26 |
| RenderTableCell {TD} at (0,52) size 161x22 [r=2 c=0 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 63x19 |
| text run at (1,1) width 63: "padding: 0" |
| RenderTableCell {TD} at (161,50) size 60x26 [r=2 c=1 rs=1 cs=1] |
| RenderButton {BUTTON} at (3,3) size 14x20 [bgcolor=#DDDDDD] [border: (2px outset #DDDDDD)] |
| RenderBlock (anonymous) at (2,2) size 10x16 |
| RenderImage {IMG} at (0,3) size 10x10 |
| RenderTableCell {TD} at (221,52) size 150x22 [r=2 c=2 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 88x19 |
| text run at (1,1) width 88: "(20, 4) (16, 0)" |
| RenderTableCell {TD} at (371,50) size 126x26 [r=2 c=3 rs=1 cs=1] |
| RenderButton {INPUT} at (3,3) size 21x20 [bgcolor=#DDDDDD] [border: (2px outset #DDDDDD)] |
| RenderBlock (anonymous) at (2,2) size 17x16 |
| RenderText at (0,0) size 17x16 |
| text run at (0,0) width 17: "foo" |
| RenderTableCell {TD} at (497,52) size 160x22 [r=2 c=4 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 104x19 |
| text run at (1,1) width 104: "(20, 21) (16, 17)" |
| RenderTableRow {TR} at (0,76) size 657x50 |
| RenderTableCell {TD} at (0,90) size 161x22 [r=3 c=0 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 84x19 |
| text run at (1,1) width 84: "padding: 10%" |
| RenderTableCell {TD} at (161,82) size 60x37 [r=3 c=1 rs=1 cs=1] |
| RenderButton {BUTTON} at (3,2) size 26x32 [bgcolor=#DDDDDD] [border: (2px outset #DDDDDD)] |
| RenderBlock (anonymous) at (7,7) size 11x17 |
| RenderImage {IMG} at (0,3) size 10x10 |
| RenderTableCell {TD} at (221,90) size 150x22 [r=3 c=2 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 104x19 |
| text run at (1,1) width 104: "(32, 15) (28, 11)" |
| RenderTableCell {TD} at (371,76) size 126x50 [r=3 c=3 rs=1 cs=1] |
| RenderButton {INPUT} at (3,2) size 46x46 [bgcolor=#DDDDDD] [border: (2px outset #DDDDDD)] |
| RenderBlock (anonymous) at (14,14) size 18x17 |
| RenderText at (0,0) size 17x16 |
| text run at (0,0) width 17: "foo" |
| RenderTableCell {TD} at (497,90) size 160x22 [r=3 c=4 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 104x19 |
| text run at (1,1) width 104: "(44, 46) (40, 42)" |
| RenderTableRow {TR} at (0,126) size 657x30 |
| RenderTableCell {TD} at (0,130) size 161x22 [r=4 c=0 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 78x19 |
| text run at (1,1) width 78: "padding: 2px" |
| RenderTableCell {TD} at (161,126) size 60x30 [r=4 c=1 rs=1 cs=1] |
| RenderButton {BUTTON} at (3,3) size 18x24 [bgcolor=#DDDDDD] [border: (2px outset #DDDDDD)] |
| RenderBlock (anonymous) at (4,4) size 10x16 |
| RenderImage {IMG} at (0,3) size 10x10 |
| RenderTableCell {TD} at (221,130) size 150x22 [r=4 c=2 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 88x19 |
| text run at (1,1) width 88: "(24, 8) (20, 4)" |
| RenderTableCell {TD} at (371,126) size 126x30 [r=4 c=3 rs=1 cs=1] |
| RenderButton {INPUT} at (3,3) size 25x24 [bgcolor=#DDDDDD] [border: (2px outset #DDDDDD)] |
| RenderBlock (anonymous) at (4,4) size 17x16 |
| RenderText at (0,0) size 17x16 |
| text run at (0,0) width 17: "foo" |
| RenderTableCell {TD} at (497,130) size 160x22 [r=4 c=4 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 104x19 |
| text run at (1,1) width 104: "(24, 25) (20, 21)" |
| RenderTableRow {TR} at (0,156) size 657x31 |
| RenderTableCell {TD} at (0,160) size 161x22 [r=5 c=0 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 159x19 |
| text run at (1,1) width 159: "padding: 2px 6px 3px 6px" |
| RenderTableCell {TD} at (161,156) size 60x31 [r=5 c=1 rs=1 cs=1] |
| RenderButton {BUTTON} at (3,3) size 26x25 [bgcolor=#DDDDDD] [border: (2px outset #DDDDDD)] |
| RenderBlock (anonymous) at (8,4) size 10x16 |
| RenderImage {IMG} at (0,3) size 10x10 |
| RenderTableCell {TD} at (221,160) size 150x22 [r=5 c=2 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 104x19 |
| text run at (1,1) width 104: "(25, 16) (21, 12)" |
| RenderTableCell {TD} at (371,156) size 126x31 [r=5 c=3 rs=1 cs=1] |
| RenderButton {INPUT} at (3,3) size 33x25 [bgcolor=#DDDDDD] [border: (2px outset #DDDDDD)] |
| RenderBlock (anonymous) at (8,4) size 17x16 |
| RenderText at (0,0) size 17x16 |
| text run at (0,0) width 17: "foo" |
| RenderTableCell {TD} at (497,160) size 160x22 [r=5 c=4 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 104x19 |
| text run at (1,1) width 104: "(25, 33) (21, 29)" |
| RenderTableRow {TR} at (0,187) size 657x32 |
| RenderTableCell {TD} at (0,192) size 161x22 [r=6 c=0 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 105x19 |
| text run at (1,1) width 105: "padding: 3px 7px" |
| RenderTableCell {TD} at (161,187) size 60x32 [r=6 c=1 rs=1 cs=1] |
| RenderButton {BUTTON} at (3,3) size 28x26 [bgcolor=#DDDDDD] [border: (2px outset #DDDDDD)] |
| RenderBlock (anonymous) at (9,5) size 10x16 |
| RenderImage {IMG} at (0,3) size 10x10 |
| RenderTableCell {TD} at (221,192) size 150x22 [r=6 c=2 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 104x19 |
| text run at (1,1) width 104: "(26, 18) (22, 14)" |
| RenderTableCell {TD} at (371,187) size 126x32 [r=6 c=3 rs=1 cs=1] |
| RenderButton {INPUT} at (3,3) size 35x26 [bgcolor=#DDDDDD] [border: (2px outset #DDDDDD)] |
| RenderBlock (anonymous) at (9,5) size 17x16 |
| RenderText at (0,0) size 17x16 |
| text run at (0,0) width 17: "foo" |
| RenderTableCell {TD} at (497,192) size 160x22 [r=6 c=4 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 104x19 |
| text run at (1,1) width 104: "(26, 35) (22, 31)" |
| RenderTableRow {TR} at (0,219) size 657x66 |
| RenderTableCell {TD} at (0,241) size 161x22 [r=7 c=0 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 86x19 |
| text run at (1,1) width 86: "padding: 20px" |
| RenderTableCell {TD} at (161,219) size 60x66 [r=7 c=1 rs=1 cs=1] |
| RenderButton {BUTTON} at (3,3) size 54x60 [bgcolor=#DDDDDD] [border: (2px outset #DDDDDD)] |
| RenderBlock (anonymous) at (22,22) size 10x16 |
| RenderImage {IMG} at (0,3) size 10x10 |
| RenderTableCell {TD} at (221,241) size 150x22 [r=7 c=2 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 104x19 |
| text run at (1,1) width 104: "(60, 44) (56, 40)" |
| RenderTableCell {TD} at (371,219) size 126x66 [r=7 c=3 rs=1 cs=1] |
| RenderButton {INPUT} at (3,3) size 61x60 [bgcolor=#DDDDDD] [border: (2px outset #DDDDDD)] |
| RenderBlock (anonymous) at (22,22) size 17x16 |
| RenderText at (0,0) size 17x16 |
| text run at (0,0) width 17: "foo" |
| RenderTableCell {TD} at (497,241) size 160x22 [r=7 c=4 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 104x19 |
| text run at (1,1) width 104: "(60, 61) (56, 57)" |
