| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 | |
| 2 LayoutView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 800x354 | |
| 4 LayoutBlockFlow {HTML} at (0,0) size 800x354 | |
| 5 LayoutBlockFlow {BODY} at (8,8) size 784x338 | |
| 6 LayoutBlockFlow (anonymous) at (0,0) size 784x80 | |
| 7 LayoutText {#text} at (0,0) size 514x19 | |
| 8 text run at (0,0) width 514: "Tests for basic button rendering. Create
s a table with seven columns and seven rows. " | |
| 9 LayoutBR {BR} at (513,0) size 1x19 | |
| 10 LayoutText {#text} at (0,20) size 491x19 | |
| 11 text run at (0,20) width 491: "Creates two different types of buttons,
one with an image (a red dot) and another " | |
| 12 LayoutBR {BR} at (490,20) size 1x19 | |
| 13 LayoutText {#text} at (0,40) size 616x19 | |
| 14 text run at (0,40) width 616: "with text (\"foo\") and then uses six d
ifferent paddings to make sure each of the buttons render properly. " | |
| 15 LayoutBR {BR} at (615,40) size 1x19 | |
| 16 LayoutBR {BR} at (0,60) size 0x19 | |
| 17 LayoutTable {TABLE} at (0,80) size 655x258 | |
| 18 LayoutTableSection {TBODY} at (0,0) size 655x258 | |
| 19 LayoutTableRow {TR} at (0,0) size 655x22 | |
| 20 LayoutTableCell {TD} at (0,0) size 161x22 [r=0 c=0 rs=1 cs=1] | |
| 21 LayoutText {#text} at (1,1) size 37x19 | |
| 22 text run at (1,1) width 37: "styling" | |
| 23 LayoutTableCell {TD} at (161,0) size 58x22 [r=0 c=1 rs=1 cs=1] | |
| 24 LayoutText {#text} at (1,1) size 56x19 | |
| 25 text run at (1,1) width 56: "<button>" | |
| 26 LayoutTableCell {TD} at (219,0) size 150x22 [r=0 c=2 rs=1 cs=1] | |
| 27 LayoutText {#text} at (1,1) size 148x19 | |
| 28 text run at (1,1) width 148: "(offsetH,W) (clientH,W)" | |
| 29 LayoutTableCell {TD} at (369,0) size 126x22 [r=0 c=3 rs=1 cs=1] | |
| 30 LayoutText {#text} at (1,1) size 124x19 | |
| 31 text run at (1,1) width 124: "<input type=button>" | |
| 32 LayoutTableCell {TD} at (495,0) size 160x22 [r=0 c=4 rs=1 cs=1] | |
| 33 LayoutText {#text} at (1,1) size 158x19 | |
| 34 text run at (1,1) width 158: "(offsetH,W) (clientH, -W)" | |
| 35 LayoutTableRow {TR} at (0,22) size 655x24 | |
| 36 LayoutTableCell {TD} at (0,23) size 161x22 [r=1 c=0 rs=1 cs=1] | |
| 37 LayoutText {#text} at (1,1) size 50x19 | |
| 38 text run at (1,1) width 50: "(default)" | |
| 39 LayoutTableCell {TD} at (161,22) size 58x24 [r=1 c=1 rs=1 cs=1] | |
| 40 LayoutButton {BUTTON} at (1,1) size 26x22 [bgcolor=#C0C0C0] [borde
r: (2px outset #C0C0C0)] | |
| 41 LayoutBlockFlow (anonymous) at (8,3) size 10x16 | |
| 42 LayoutImage {IMG} at (0,3) size 10x10 | |
| 43 LayoutTableCell {TD} at (219,23) size 150x22 [r=1 c=2 rs=1 cs=1] | |
| 44 LayoutText {#text} at (1,1) size 104x19 | |
| 45 text run at (1,1) width 104: "(22, 26) (18, 22)" | |
| 46 LayoutTableCell {TD} at (369,22) size 126x24 [r=1 c=3 rs=1 cs=1] | |
| 47 LayoutButton {INPUT} at (1,1) size 33x22 [bgcolor=#C0C0C0] [border
: (2px outset #C0C0C0)] | |
| 48 LayoutBlockFlow (anonymous) at (8,3) size 17x16 | |
| 49 LayoutText {#text} at (0,0) size 17x16 | |
| 50 text run at (0,0) width 17: "foo" | |
| 51 LayoutTableCell {TD} at (495,23) size 160x22 [r=1 c=4 rs=1 cs=1] | |
| 52 LayoutText {#text} at (1,1) size 104x19 | |
| 53 text run at (1,1) width 104: "(22, 33) (18, 29)" | |
| 54 LayoutTableRow {TR} at (0,46) size 655x22 | |
| 55 LayoutTableCell {TD} at (0,46) size 161x22 [r=2 c=0 rs=1 cs=1] | |
| 56 LayoutText {#text} at (1,1) size 63x19 | |
| 57 text run at (1,1) width 63: "padding: 0" | |
| 58 LayoutTableCell {TD} at (161,46) size 58x22 [r=2 c=1 rs=1 cs=1] | |
| 59 LayoutButton {BUTTON} at (1,1) size 14x20 [bgcolor=#C0C0C0] [borde
r: (2px outset #C0C0C0)] | |
| 60 LayoutBlockFlow (anonymous) at (2,2) size 10x16 | |
| 61 LayoutImage {IMG} at (0,3) size 10x10 | |
| 62 LayoutTableCell {TD} at (219,46) size 150x22 [r=2 c=2 rs=1 cs=1] | |
| 63 LayoutText {#text} at (1,1) size 104x19 | |
| 64 text run at (1,1) width 104: "(20, 14) (16, 10)" | |
| 65 LayoutTableCell {TD} at (369,46) size 126x22 [r=2 c=3 rs=1 cs=1] | |
| 66 LayoutButton {INPUT} at (1,1) size 21x20 [bgcolor=#C0C0C0] [border
: (2px outset #C0C0C0)] | |
| 67 LayoutBlockFlow (anonymous) at (2,2) size 17x16 | |
| 68 LayoutText {#text} at (0,0) size 17x16 | |
| 69 text run at (0,0) width 17: "foo" | |
| 70 LayoutTableCell {TD} at (495,46) size 160x22 [r=2 c=4 rs=1 cs=1] | |
| 71 LayoutText {#text} at (1,1) size 104x19 | |
| 72 text run at (1,1) width 104: "(20, 21) (16, 17)" | |
| 73 LayoutTableRow {TR} at (0,68) size 655x47 | |
| 74 LayoutTableCell {TD} at (0,80) size 161x22 [r=3 c=0 rs=1 cs=1] | |
| 75 LayoutText {#text} at (1,1) size 84x19 | |
| 76 text run at (1,1) width 84: "padding: 10%" | |
| 77 LayoutTableCell {TD} at (161,75) size 58x33 [r=3 c=1 rs=1 cs=1] | |
| 78 LayoutButton {BUTTON} at (1,1) size 25.19x31.19 [bgcolor=#C0C0C0]
[border: (2px outset #C0C0C0)] | |
| 79 LayoutBlockFlow (anonymous) at (7.59,7.59) size 10x16 | |
| 80 LayoutImage {IMG} at (0,3) size 10x10 | |
| 81 LayoutTableCell {TD} at (219,80) size 150x22 [r=3 c=2 rs=1 cs=1] | |
| 82 LayoutText {#text} at (1,1) size 104x19 | |
| 83 text run at (1,1) width 104: "(31, 25) (27, 21)" | |
| 84 LayoutTableCell {TD} at (369,68) size 126x47 [r=3 c=3 rs=1 cs=1] | |
| 85 LayoutButton {INPUT} at (1,1) size 45.78x44.78 [bgcolor=#C0C0C0] [
border: (2px outset #C0C0C0)] | |
| 86 LayoutBlockFlow (anonymous) at (14.39,14.39) size 17x16 | |
| 87 LayoutText {#text} at (0,0) size 17x16 | |
| 88 text run at (0,0) width 17: "foo" | |
| 89 LayoutTableCell {TD} at (495,80) size 160x22 [r=3 c=4 rs=1 cs=1] | |
| 90 LayoutText {#text} at (1,1) size 104x19 | |
| 91 text run at (1,1) width 104: "(45, 46) (41, 42)" | |
| 92 LayoutTableRow {TR} at (0,115) size 655x26 | |
| 93 LayoutTableCell {TD} at (0,117) size 161x22 [r=4 c=0 rs=1 cs=1] | |
| 94 LayoutText {#text} at (1,1) size 78x19 | |
| 95 text run at (1,1) width 78: "padding: 2px" | |
| 96 LayoutTableCell {TD} at (161,115) size 58x26 [r=4 c=1 rs=1 cs=1] | |
| 97 LayoutButton {BUTTON} at (1,1) size 18x24 [bgcolor=#C0C0C0] [borde
r: (2px outset #C0C0C0)] | |
| 98 LayoutBlockFlow (anonymous) at (4,4) size 10x16 | |
| 99 LayoutImage {IMG} at (0,3) size 10x10 | |
| 100 LayoutTableCell {TD} at (219,117) size 150x22 [r=4 c=2 rs=1 cs=1] | |
| 101 LayoutText {#text} at (1,1) size 104x19 | |
| 102 text run at (1,1) width 104: "(24, 18) (20, 14)" | |
| 103 LayoutTableCell {TD} at (369,115) size 126x26 [r=4 c=3 rs=1 cs=1] | |
| 104 LayoutButton {INPUT} at (1,1) size 25x24 [bgcolor=#C0C0C0] [border
: (2px outset #C0C0C0)] | |
| 105 LayoutBlockFlow (anonymous) at (4,4) size 17x16 | |
| 106 LayoutText {#text} at (0,0) size 17x16 | |
| 107 text run at (0,0) width 17: "foo" | |
| 108 LayoutTableCell {TD} at (495,117) size 160x22 [r=4 c=4 rs=1 cs=1] | |
| 109 LayoutText {#text} at (1,1) size 104x19 | |
| 110 text run at (1,1) width 104: "(24, 25) (20, 21)" | |
| 111 LayoutTableRow {TR} at (0,141) size 655x27 | |
| 112 LayoutTableCell {TD} at (0,143) size 161x22 [r=5 c=0 rs=1 cs=1] | |
| 113 LayoutText {#text} at (1,1) size 159x19 | |
| 114 text run at (1,1) width 159: "padding: 2px 6px 3px 6px" | |
| 115 LayoutTableCell {TD} at (161,141) size 58x27 [r=5 c=1 rs=1 cs=1] | |
| 116 LayoutButton {BUTTON} at (1,1) size 26x25 [bgcolor=#C0C0C0] [borde
r: (2px outset #C0C0C0)] | |
| 117 LayoutBlockFlow (anonymous) at (8,4) size 10x16 | |
| 118 LayoutImage {IMG} at (0,3) size 10x10 | |
| 119 LayoutTableCell {TD} at (219,143) size 150x22 [r=5 c=2 rs=1 cs=1] | |
| 120 LayoutText {#text} at (1,1) size 104x19 | |
| 121 text run at (1,1) width 104: "(25, 26) (21, 22)" | |
| 122 LayoutTableCell {TD} at (369,141) size 126x27 [r=5 c=3 rs=1 cs=1] | |
| 123 LayoutButton {INPUT} at (1,1) size 33x25 [bgcolor=#C0C0C0] [border
: (2px outset #C0C0C0)] | |
| 124 LayoutBlockFlow (anonymous) at (8,4) size 17x16 | |
| 125 LayoutText {#text} at (0,0) size 17x16 | |
| 126 text run at (0,0) width 17: "foo" | |
| 127 LayoutTableCell {TD} at (495,143) size 160x22 [r=5 c=4 rs=1 cs=1] | |
| 128 LayoutText {#text} at (1,1) size 104x19 | |
| 129 text run at (1,1) width 104: "(25, 33) (21, 29)" | |
| 130 LayoutTableRow {TR} at (0,168) size 655x28 | |
| 131 LayoutTableCell {TD} at (0,171) size 161x22 [r=6 c=0 rs=1 cs=1] | |
| 132 LayoutText {#text} at (1,1) size 105x19 | |
| 133 text run at (1,1) width 105: "padding: 3px 7px" | |
| 134 LayoutTableCell {TD} at (161,168) size 58x28 [r=6 c=1 rs=1 cs=1] | |
| 135 LayoutButton {BUTTON} at (1,1) size 28x26 [bgcolor=#C0C0C0] [borde
r: (2px outset #C0C0C0)] | |
| 136 LayoutBlockFlow (anonymous) at (9,5) size 10x16 | |
| 137 LayoutImage {IMG} at (0,3) size 10x10 | |
| 138 LayoutTableCell {TD} at (219,171) size 150x22 [r=6 c=2 rs=1 cs=1] | |
| 139 LayoutText {#text} at (1,1) size 104x19 | |
| 140 text run at (1,1) width 104: "(26, 28) (22, 24)" | |
| 141 LayoutTableCell {TD} at (369,168) size 126x28 [r=6 c=3 rs=1 cs=1] | |
| 142 LayoutButton {INPUT} at (1,1) size 35x26 [bgcolor=#C0C0C0] [border
: (2px outset #C0C0C0)] | |
| 143 LayoutBlockFlow (anonymous) at (9,5) size 17x16 | |
| 144 LayoutText {#text} at (0,0) size 17x16 | |
| 145 text run at (0,0) width 17: "foo" | |
| 146 LayoutTableCell {TD} at (495,171) size 160x22 [r=6 c=4 rs=1 cs=1] | |
| 147 LayoutText {#text} at (1,1) size 104x19 | |
| 148 text run at (1,1) width 104: "(26, 35) (22, 31)" | |
| 149 LayoutTableRow {TR} at (0,196) size 655x62 | |
| 150 LayoutTableCell {TD} at (0,216) size 161x22 [r=7 c=0 rs=1 cs=1] | |
| 151 LayoutText {#text} at (1,1) size 86x19 | |
| 152 text run at (1,1) width 86: "padding: 20px" | |
| 153 LayoutTableCell {TD} at (161,196) size 58x62 [r=7 c=1 rs=1 cs=1] | |
| 154 LayoutButton {BUTTON} at (1,1) size 54x60 [bgcolor=#C0C0C0] [borde
r: (2px outset #C0C0C0)] | |
| 155 LayoutBlockFlow (anonymous) at (22,22) size 10x16 | |
| 156 LayoutImage {IMG} at (0,3) size 10x10 | |
| 157 LayoutTableCell {TD} at (219,216) size 150x22 [r=7 c=2 rs=1 cs=1] | |
| 158 LayoutText {#text} at (1,1) size 104x19 | |
| 159 text run at (1,1) width 104: "(60, 54) (56, 50)" | |
| 160 LayoutTableCell {TD} at (369,196) size 126x62 [r=7 c=3 rs=1 cs=1] | |
| 161 LayoutButton {INPUT} at (1,1) size 61x60 [bgcolor=#C0C0C0] [border
: (2px outset #C0C0C0)] | |
| 162 LayoutBlockFlow (anonymous) at (22,22) size 17x16 | |
| 163 LayoutText {#text} at (0,0) size 17x16 | |
| 164 text run at (0,0) width 17: "foo" | |
| 165 LayoutTableCell {TD} at (495,216) size 160x22 [r=7 c=4 rs=1 cs=1] | |
| 166 LayoutText {#text} at (1,1) size 104x19 | |
| 167 text run at (1,1) width 104: "(60, 61) (56, 57)" | |
| OLD | NEW |