| 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=#F0F0F0] [border: (2px outset #F0F0F0)] |
| 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, 26) (18, 22)" |
| RenderTableCell {TD} at (371,22) size 126x28 [r=1 c=3 rs=1 cs=1] |
| RenderButton {INPUT} at (3,3) size 35x22 [bgcolor=#F0F0F0] [border: (2px outset #F0F0F0)] |
| RenderBlock (anonymous) at (8,3) size 19x16 |
| RenderText at (0,0) size 19x16 |
| text run at (0,0) width 19: "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, 35) (18, 31)" |
| 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=#F0F0F0] [border: (2px outset #F0F0F0)] |
| 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 104x19 |
| text run at (1,1) width 104: "(20, 14) (16, 10)" |
| RenderTableCell {TD} at (371,50) size 126x26 [r=2 c=3 rs=1 cs=1] |
| RenderButton {INPUT} at (3,3) size 23x20 [bgcolor=#F0F0F0] [border: (2px outset #F0F0F0)] |
| RenderBlock (anonymous) at (2,2) size 19x16 |
| RenderText at (0,0) size 19x16 |
| text run at (0,0) width 19: "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, 23) (16, 19)" |
| 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 60x38 [r=3 c=1 rs=1 cs=1] |
| RenderButton {BUTTON} at (3,3) size 26x32 [bgcolor=#F0F0F0] [border: (2px outset #F0F0F0)] |
| 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, 26) (28, 22)" |
| RenderTableCell {TD} at (371,76) size 126x50 [r=3 c=3 rs=1 cs=1] |
| RenderButton {INPUT} at (3,3) size 48x45 [bgcolor=#F0F0F0] [border: (2px outset #F0F0F0)] |
| RenderBlock (anonymous) at (14,14) size 20x17 |
| RenderText at (0,0) size 19x16 |
| text run at (0,0) width 19: "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: "(45, 48) (41, 44)" |
| 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=#F0F0F0] [border: (2px outset #F0F0F0)] |
| 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 104x19 |
| text run at (1,1) width 104: "(24, 18) (20, 14)" |
| RenderTableCell {TD} at (371,126) size 126x30 [r=4 c=3 rs=1 cs=1] |
| RenderButton {INPUT} at (3,3) size 27x24 [bgcolor=#F0F0F0] [border: (2px outset #F0F0F0)] |
| RenderBlock (anonymous) at (4,4) size 19x16 |
| RenderText at (0,0) size 19x16 |
| text run at (0,0) width 19: "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, 27) (20, 23)" |
| RenderTableRow {TR} at (0,156) size 657x31 |
| RenderTableCell {TD} at (0,160) size 161x23 [r=5 c=0 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 159x20 |
| text run at (1,2) 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=#F0F0F0] [border: (2px outset #F0F0F0)] |
| RenderBlock (anonymous) at (8,4) size 10x16 |
| RenderImage {IMG} at (0,3) size 10x10 |
| RenderTableCell {TD} at (221,160) size 150x23 [r=5 c=2 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 104x20 |
| text run at (1,2) width 104: "(25, 26) (21, 22)" |
| RenderTableCell {TD} at (371,156) size 126x31 [r=5 c=3 rs=1 cs=1] |
| RenderButton {INPUT} at (3,3) size 35x25 [bgcolor=#F0F0F0] [border: (2px outset #F0F0F0)] |
| RenderBlock (anonymous) at (8,4) size 19x16 |
| RenderText at (0,0) size 19x16 |
| text run at (0,0) width 19: "foo" |
| RenderTableCell {TD} at (497,160) size 160x23 [r=5 c=4 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 104x20 |
| text run at (1,2) width 104: "(25, 35) (21, 31)" |
| 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=#F0F0F0] [border: (2px outset #F0F0F0)] |
| 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, 28) (22, 24)" |
| RenderTableCell {TD} at (371,187) size 126x32 [r=6 c=3 rs=1 cs=1] |
| RenderButton {INPUT} at (3,3) size 37x26 [bgcolor=#F0F0F0] [border: (2px outset #F0F0F0)] |
| RenderBlock (anonymous) at (9,5) size 19x16 |
| RenderText at (0,0) size 19x16 |
| text run at (0,0) width 19: "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, 37) (22, 33)" |
| 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=#F0F0F0] [border: (2px outset #F0F0F0)] |
| 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, 54) (56, 50)" |
| RenderTableCell {TD} at (371,219) size 126x66 [r=7 c=3 rs=1 cs=1] |
| RenderButton {INPUT} at (3,3) size 63x60 [bgcolor=#F0F0F0] [border: (2px outset #F0F0F0)] |
| RenderBlock (anonymous) at (22,22) size 19x16 |
| RenderText at (0,0) size 19x16 |
| text run at (0,0) width 19: "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, 63) (56, 59)" |