layer at (0,0) size 800x600
RenderView at (0,0) size 800x600
-layer at (0,0) size 800x409
- RenderBlock {HTML} at (0,0) size 800x409
- RenderBody {BODY} at (8,8) size 784x393
+layer at (0,0) size 800x353
+ RenderBlock {HTML} at (0,0) size 800x353
+ RenderBody {BODY} at (8,8) size 784x337
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. "
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 784x313
- RenderTableSection {TBODY} at (0,0) size 784x313
- RenderTableRow {TR} at (0,0) size 784x42
- RenderTableCell {TD} at (0,10) size 138x22 [r=0 c=0 rs=1 cs=1]
+ RenderTable {TABLE} at (0,80) size 655x257
+ RenderTableSection {TBODY} at (0,0) size 655x257
+ RenderTableRow {TR} at (0,0) size 655x22
+ 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 (138,10) size 60x22 [r=0 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (161,0) size 58x22 [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 (198,10) size 239x22 [r=0 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (219,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 (437,0) size 107x42 [r=0 c=3 rs=1 cs=1]
- RenderText {#text} at (1,1) size 82x39
- text run at (1,1) width 38: "<input"
- text run at (1,21) width 82: "type=button>"
- RenderTableCell {TD} at (544,10) size 240x22 [r=0 c=4 rs=1 cs=1]
+ RenderTableCell {TD} at (369,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 (495,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,42) size 784x28
- RenderTableCell {TD} at (0,45) size 138x22 [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,22) size 655x24
+ RenderTableCell {TD} at (0,23) 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 (138,42) size 60x28 [r=1 c=1 rs=1 cs=1]
- RenderButton {BUTTON} at (3,3) size 26x22 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
+ RenderTableCell {TD} at (161,22) size 58x24 [r=1 c=1 rs=1 cs=1]
+ RenderButton {BUTTON} at (1,1) size 26x22 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
RenderBlock (anonymous) at (8,3) size 10x16
RenderImage {IMG} at (0,3) size 10x10
- RenderTableCell {TD} at (198,45) size 239x22 [r=1 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (219,23) 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 (437,42) size 107x28 [r=1 c=3 rs=1 cs=1]
- RenderButton {INPUT} at (3,3) size 33x22 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
+ RenderTableCell {TD} at (369,22) size 126x24 [r=1 c=3 rs=1 cs=1]
+ RenderButton {INPUT} at (1,1) size 33x22 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
RenderBlock (anonymous) at (8,3) size 17x16
RenderText {#text} at (0,0) size 17x16
text run at (0,0) width 17: "foo"
- RenderTableCell {TD} at (544,45) size 240x22 [r=1 c=4 rs=1 cs=1]
+ RenderTableCell {TD} at (495,23) 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,70) size 784x26
- RenderTableCell {TD} at (0,72) size 138x22 [r=2 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,46) size 655x22
+ RenderTableCell {TD} at (0,46) 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 (138,70) size 60x26 [r=2 c=1 rs=1 cs=1]
- RenderButton {BUTTON} at (3,3) size 14x20 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
+ RenderTableCell {TD} at (161,46) size 58x22 [r=2 c=1 rs=1 cs=1]
+ RenderButton {BUTTON} at (1,1) size 14x20 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
RenderBlock (anonymous) at (2,2) size 10x16
RenderImage {IMG} at (0,3) size 10x10
- RenderTableCell {TD} at (198,72) size 239x22 [r=2 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (219,46) 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 (437,70) size 107x26 [r=2 c=3 rs=1 cs=1]
- RenderButton {INPUT} at (3,3) size 21x20 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
+ RenderTableCell {TD} at (369,46) size 126x22 [r=2 c=3 rs=1 cs=1]
+ RenderButton {INPUT} at (1,1) size 21x20 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
RenderBlock (anonymous) at (2,2) size 17x16
RenderText {#text} at (0,0) size 17x16
text run at (0,0) width 17: "foo"
- RenderTableCell {TD} at (544,72) size 240x22 [r=2 c=4 rs=1 cs=1]
+ RenderTableCell {TD} at (495,46) 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,96) size 784x47
- RenderTableCell {TD} at (0,108) size 138x22 [r=3 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,68) size 655x46
+ RenderTableCell {TD} at (0,80) 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 (138,101) size 60x37 [r=3 c=1 rs=1 cs=1]
- RenderButton {BUTTON} at (3,3) size 25.59x31.59 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
- RenderBlock (anonymous) at (7.80,7.80) size 10x16
+ RenderTableCell {TD} at (161,74) size 58x33 [r=3 c=1 rs=1 cs=1]
+ RenderButton {BUTTON} at (1,1) size 25.19x31.19 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
+ RenderBlock (anonymous) at (7.59,7.59) size 10x16
RenderImage {IMG} at (0,3) size 10x10
- RenderTableCell {TD} at (198,98) size 239x42 [r=3 c=2 rs=1 cs=1]
- RenderText {#text} at (1,1) size 211x39
- text run at (1,1) width 211: "(31.59375, 25.59375) (27.59375,"
- text run at (1,21) width 65: "21.59375)"
- RenderTableCell {TD} at (437,96) size 107x47 [r=3 c=3 rs=1 cs=1]
- RenderButton {INPUT} at (3,3) size 42x41 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
- RenderBlock (anonymous) at (12.50,12.50) size 17x16
+ RenderTableCell {TD} at (219,80) size 150x22 [r=3 c=2 rs=1 cs=1]
+ RenderText {#text} at (1,1) size 104x19
+ text run at (1,1) width 104: "(31, 25) (27, 21)"
+ RenderTableCell {TD} at (369,68) size 126x46 [r=3 c=3 rs=1 cs=1]
+ RenderButton {INPUT} at (1,1) size 45.78x44.78 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
+ RenderBlock (anonymous) at (14.39,14.39) size 17x16
RenderText {#text} at (0,0) size 17x16
text run at (0,0) width 17: "foo"
- RenderTableCell {TD} at (544,98) size 240x42 [r=3 c=4 rs=1 cs=1]
- RenderText {#text} at (1,1) size 211x39
- text run at (1,1) width 211: "(44.59375, 45.59375) (40.59375,"
- text run at (1,21) width 65: "41.59375)"
- RenderTableRow {TR} at (0,143) size 784x30
- RenderTableCell {TD} at (0,147) size 138x22 [r=4 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (495,80) 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, 46) (41, 42)"
+ RenderTableRow {TR} at (0,114) size 655x26
+ RenderTableCell {TD} at (0,116) 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 (138,143) size 60x30 [r=4 c=1 rs=1 cs=1]
- RenderButton {BUTTON} at (3,3) size 18x24 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
+ RenderTableCell {TD} at (161,114) size 58x26 [r=4 c=1 rs=1 cs=1]
+ RenderButton {BUTTON} at (1,1) size 18x24 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
RenderBlock (anonymous) at (4,4) size 10x16
RenderImage {IMG} at (0,3) size 10x10
- RenderTableCell {TD} at (198,147) size 239x22 [r=4 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (219,116) 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 (437,143) size 107x30 [r=4 c=3 rs=1 cs=1]
- RenderButton {INPUT} at (3,3) size 25x24 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
+ RenderTableCell {TD} at (369,114) size 126x26 [r=4 c=3 rs=1 cs=1]
+ RenderButton {INPUT} at (1,1) size 25x24 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
RenderBlock (anonymous) at (4,4) size 17x16
RenderText {#text} at (0,0) size 17x16
text run at (0,0) width 17: "foo"
- RenderTableCell {TD} at (544,147) size 240x22 [r=4 c=4 rs=1 cs=1]
+ RenderTableCell {TD} at (495,116) 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,173) size 784x42
- RenderTableCell {TD} at (0,173) size 138x42 [r=5 c=0 rs=1 cs=1]
- RenderText {#text} at (1,1) size 132x39
- text run at (1,1) width 132: "padding: 2px 6px 3px"
- text run at (1,21) width 23: "6px"
- RenderTableCell {TD} at (138,178) size 60x31 [r=5 c=1 rs=1 cs=1]
- RenderButton {BUTTON} at (3,3) size 26x25 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
+ RenderTableRow {TR} at (0,140) size 655x27
+ RenderTableCell {TD} at (0,142) 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,140) size 58x27 [r=5 c=1 rs=1 cs=1]
+ RenderButton {BUTTON} at (1,1) size 26x25 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
RenderBlock (anonymous) at (8,4) size 10x16
RenderImage {IMG} at (0,3) size 10x10
- RenderTableCell {TD} at (198,183) size 239x22 [r=5 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (219,142) 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, 26) (21, 22)"
- RenderTableCell {TD} at (437,178) size 107x31 [r=5 c=3 rs=1 cs=1]
- RenderButton {INPUT} at (3,3) size 33x25 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
+ RenderTableCell {TD} at (369,140) size 126x27 [r=5 c=3 rs=1 cs=1]
+ RenderButton {INPUT} at (1,1) size 33x25 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
RenderBlock (anonymous) at (8,4) size 17x16
RenderText {#text} at (0,0) size 17x16
text run at (0,0) width 17: "foo"
- RenderTableCell {TD} at (544,183) size 240x22 [r=5 c=4 rs=1 cs=1]
+ RenderTableCell {TD} at (495,142) 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,215) size 784x32
- RenderTableCell {TD} at (0,220) size 138x22 [r=6 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,167) size 655x28
+ RenderTableCell {TD} at (0,170) 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 (138,215) size 60x32 [r=6 c=1 rs=1 cs=1]
- RenderButton {BUTTON} at (3,3) size 28x26 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
+ RenderTableCell {TD} at (161,167) size 58x28 [r=6 c=1 rs=1 cs=1]
+ RenderButton {BUTTON} at (1,1) size 28x26 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
RenderBlock (anonymous) at (9,5) size 10x16
RenderImage {IMG} at (0,3) size 10x10
- RenderTableCell {TD} at (198,220) size 239x22 [r=6 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (219,170) 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 (437,215) size 107x32 [r=6 c=3 rs=1 cs=1]
- RenderButton {INPUT} at (3,3) size 35x26 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
+ RenderTableCell {TD} at (369,167) size 126x28 [r=6 c=3 rs=1 cs=1]
+ RenderButton {INPUT} at (1,1) size 35x26 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
RenderBlock (anonymous) at (9,5) size 17x16
RenderText {#text} at (0,0) size 17x16
text run at (0,0) width 17: "foo"
- RenderTableCell {TD} at (544,220) size 240x22 [r=6 c=4 rs=1 cs=1]
+ RenderTableCell {TD} at (495,170) 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,247) size 784x66
- RenderTableCell {TD} at (0,269) size 138x22 [r=7 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,195) size 655x62
+ RenderTableCell {TD} at (0,215) 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 (138,247) size 60x66 [r=7 c=1 rs=1 cs=1]
- RenderButton {BUTTON} at (3,3) size 54x60 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
+ RenderTableCell {TD} at (161,195) size 58x62 [r=7 c=1 rs=1 cs=1]
+ RenderButton {BUTTON} at (1,1) size 54x60 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
RenderBlock (anonymous) at (22,22) size 10x16
RenderImage {IMG} at (0,3) size 10x10
- RenderTableCell {TD} at (198,269) size 239x22 [r=7 c=2 rs=1 cs=1]
+ RenderTableCell {TD} at (219,215) 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 (437,247) size 107x66 [r=7 c=3 rs=1 cs=1]
- RenderButton {INPUT} at (3,3) size 61x60 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
+ RenderTableCell {TD} at (369,195) size 126x62 [r=7 c=3 rs=1 cs=1]
+ RenderButton {INPUT} at (1,1) size 61x60 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
RenderBlock (anonymous) at (22,22) size 17x16
RenderText {#text} at (0,0) size 17x16
text run at (0,0) width 17: "foo"
- RenderTableCell {TD} at (544,269) size 240x22 [r=7 c=4 rs=1 cs=1]
+ RenderTableCell {TD} at (495,215) 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)"