| 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 547x19 |
| 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 1x19 |
| RenderText {#text} at (0,20) size 521x19 |
| text run at (0,20) width 521: "Creates two different types of buttons, one with an image (a red dot) and another " |
| RenderBR {BR} at (520,20) size 1x19 |
| RenderText {#text} at (0,40) size 660x19 |
| text run at (0,40) width 660: "with text (\"foo\") and then uses six different paddings to make sure each of the buttons render properly. " |
| RenderBR {BR} at (659,40) size 1x19 |
| RenderBR {BR} at (0,60) size 0x19 |
| RenderTable {TABLE} at (0,80) size 697x204 |
| RenderTableSection {TBODY} at (0,0) size 697x204 |
| RenderTableRow {TR} at (0,0) size 697x22 |
| 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 (231,0) size 161x22 [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 (392,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 (527,0) size 170x22 [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 697x26 |
| 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 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)] |
| RenderBlock (anonymous) at (12,3) size 10x14 |
| RenderImage {IMG} at (0,1) size 10x10 |
| RenderTableCell {TD} at (231,24) size 161x22 [r=1 c=2 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 106x19 |
| text run at (1,1) width 106: "(20, 24) (18, 22)" |
| RenderTableCell {TD} at (392,22) size 135x26 [r=1 c=3 rs=1 cs=1] |
| RenderButton {INPUT} at (3,3) size 40x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)] |
| RenderBlock (anonymous) at (12,3) size 16x14 |
| RenderText at (0,0) size 16x14 |
| text run at (0,0) width 16: "foo" |
| RenderTableCell {TD} at (527,24) size 170x22 [r=1 c=4 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 106x19 |
| text run at (1,1) width 106: "(20, 39) (18, 37)" |
| RenderTableRow {TR} at (0,48) size 697x26 |
| 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 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)] |
| RenderBlock (anonymous) at (12,3) size 10x14 |
| RenderImage {IMG} at (0,1) size 10x10 |
| RenderTableCell {TD} at (231,50) size 161x22 [r=2 c=2 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 106x19 |
| text run at (1,1) width 106: "(20, 24) (18, 22)" |
| RenderTableCell {TD} at (392,48) size 135x26 [r=2 c=3 rs=1 cs=1] |
| RenderButton {INPUT} at (3,3) size 40x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)] |
| RenderBlock (anonymous) at (12,3) size 16x14 |
| RenderText at (0,0) size 16x14 |
| text run at (0,0) width 16: "foo" |
| RenderTableCell {TD} at (527,50) size 170x22 [r=2 c=4 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 106x19 |
| text run at (1,1) width 106: "(20, 39) (18, 37)" |
| RenderTableRow {TR} at (0,74) size 697x26 |
| 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 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)] |
| RenderBlock (anonymous) at (12,3) size 10x14 |
| RenderImage {IMG} at (0,1) size 10x10 |
| RenderTableCell {TD} at (231,76) size 161x22 [r=3 c=2 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 106x19 |
| text run at (1,1) width 106: "(20, 24) (18, 22)" |
| RenderTableCell {TD} at (392,74) size 135x26 [r=3 c=3 rs=1 cs=1] |
| RenderButton {INPUT} at (3,3) size 40x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)] |
| RenderBlock (anonymous) at (12,3) size 16x14 |
| RenderText at (0,0) size 16x14 |
| text run at (0,0) width 16: "foo" |
| RenderTableCell {TD} at (527,76) size 170x22 [r=3 c=4 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 106x19 |
| text run at (1,1) width 106: "(20, 39) (18, 37)" |
| RenderTableRow {TR} at (0,100) size 697x26 |
| 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 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)] |
| RenderBlock (anonymous) at (12,3) size 10x14 |
| RenderImage {IMG} at (0,1) size 10x10 |
| RenderTableCell {TD} at (231,102) size 161x22 [r=4 c=2 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 106x19 |
| text run at (1,1) width 106: "(20, 24) (18, 22)" |
| RenderTableCell {TD} at (392,100) size 135x26 [r=4 c=3 rs=1 cs=1] |
| RenderButton {INPUT} at (3,3) size 40x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)] |
| RenderBlock (anonymous) at (12,3) size 16x14 |
| RenderText at (0,0) size 16x14 |
| text run at (0,0) width 16: "foo" |
| RenderTableCell {TD} at (527,102) size 170x22 [r=4 c=4 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 106x19 |
| text run at (1,1) width 106: "(20, 39) (18, 37)" |
| RenderTableRow {TR} at (0,126) size 697x26 |
| 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 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)] |
| RenderBlock (anonymous) at (12,3) size 10x14 |
| RenderImage {IMG} at (0,1) size 10x10 |
| RenderTableCell {TD} at (231,128) size 161x22 [r=5 c=2 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 106x19 |
| text run at (1,1) width 106: "(20, 24) (18, 22)" |
| RenderTableCell {TD} at (392,126) size 135x26 [r=5 c=3 rs=1 cs=1] |
| RenderButton {INPUT} at (3,3) size 40x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)] |
| RenderBlock (anonymous) at (12,3) size 16x14 |
| RenderText at (0,0) size 16x14 |
| text run at (0,0) width 16: "foo" |
| RenderTableCell {TD} at (527,128) size 170x22 [r=5 c=4 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 106x19 |
| text run at (1,1) width 106: "(20, 39) (18, 37)" |
| RenderTableRow {TR} at (0,152) size 697x26 |
| 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 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)] |
| RenderBlock (anonymous) at (12,3) size 10x14 |
| RenderImage {IMG} at (0,1) size 10x10 |
| RenderTableCell {TD} at (231,154) size 161x22 [r=6 c=2 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 106x19 |
| text run at (1,1) width 106: "(20, 24) (18, 22)" |
| RenderTableCell {TD} at (392,152) size 135x26 [r=6 c=3 rs=1 cs=1] |
| RenderButton {INPUT} at (3,3) size 40x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)] |
| RenderBlock (anonymous) at (12,3) size 16x14 |
| RenderText at (0,0) size 16x14 |
| text run at (0,0) width 16: "foo" |
| RenderTableCell {TD} at (527,154) size 170x22 [r=6 c=4 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 106x19 |
| text run at (1,1) width 106: "(20, 39) (18, 37)" |
| RenderTableRow {TR} at (0,178) size 697x26 |
| 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 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)] |
| RenderBlock (anonymous) at (12,3) size 10x14 |
| RenderImage {IMG} at (0,1) size 10x10 |
| RenderTableCell {TD} at (231,180) size 161x22 [r=7 c=2 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 106x19 |
| text run at (1,1) width 106: "(20, 24) (18, 22)" |
| RenderTableCell {TD} at (392,178) size 135x26 [r=7 c=3 rs=1 cs=1] |
| RenderButton {INPUT} at (3,3) size 40x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)] |
| RenderBlock (anonymous) at (12,3) size 16x14 |
| RenderText at (0,0) size 16x14 |
| text run at (0,0) width 16: "foo" |
| RenderTableCell {TD} at (527,180) size 170x22 [r=7 c=4 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 106x19 |
| text run at (1,1) width 106: "(20, 39) (18, 37)" |
