| OLD | NEW |
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
| 2 LayoutView at (0,0) size 800x600 | 2 LayoutView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x294 | 3 layer at (0,0) size 800x295 |
| 4 LayoutBlockFlow {HTML} at (0,0) size 800x294 | 4 LayoutBlockFlow {HTML} at (0,0) size 800x295 |
| 5 LayoutBlockFlow {BODY} at (8,8) size 784x278 | 5 LayoutBlockFlow {BODY} at (8,8) size 784x279 |
| 6 LayoutBlockFlow (anonymous) at (0,0) size 784x72 | 6 LayoutBlockFlow (anonymous) at (0,0) size 784x72 |
| 7 LayoutText {#text} at (0,0) size 547x18 | 7 LayoutText {#text} at (0,0) size 547x18 |
| 8 text run at (0,0) width 547: "Tests for basic button rendering. Create
s a table with seven columns and seven rows. " | 8 text run at (0,0) width 547: "Tests for basic button rendering. Create
s a table with seven columns and seven rows. " |
| 9 LayoutBR {BR} at (546,0) size 1x18 | 9 LayoutBR {BR} at (546,0) size 1x18 |
| 10 LayoutText {#text} at (0,18) size 521x18 | 10 LayoutText {#text} at (0,18) size 521x18 |
| 11 text run at (0,18) width 521: "Creates two different types of buttons,
one with an image (a red dot) and another " | 11 text run at (0,18) width 521: "Creates two different types of buttons,
one with an image (a red dot) and another " |
| 12 LayoutBR {BR} at (520,18) size 1x18 | 12 LayoutBR {BR} at (520,18) size 1x18 |
| 13 LayoutText {#text} at (0,36) size 660x18 | 13 LayoutText {#text} at (0,36) size 660x18 |
| 14 text run at (0,36) width 660: "with text (\"foo\") and then uses six d
ifferent paddings to make sure each of the buttons render properly. " | 14 text run at (0,36) width 660: "with text (\"foo\") and then uses six d
ifferent paddings to make sure each of the buttons render properly. " |
| 15 LayoutBR {BR} at (660,36) size 0x18 | 15 LayoutBR {BR} at (660,36) size 0x18 |
| 16 LayoutBR {BR} at (0,54) size 0x18 | 16 LayoutBR {BR} at (0,54) size 0x18 |
| 17 LayoutTable {TABLE} at (0,72) size 697x206 | 17 LayoutTable {TABLE} at (0,72) size 697x207 |
| 18 LayoutTableSection {TBODY} at (0,0) size 697x206 | 18 LayoutTableSection {TBODY} at (0,0) size 697x207 |
| 19 LayoutTableRow {TR} at (0,0) size 697x20 | 19 LayoutTableRow {TR} at (0,0) size 697x20 |
| 20 LayoutTableCell {TD} at (0,0) size 170x20 [r=0 c=0 rs=1 cs=1] | 20 LayoutTableCell {TD} at (0,0) size 170x20 [r=0 c=0 rs=1 cs=1] |
| 21 LayoutText {#text} at (1,1) size 44x18 | 21 LayoutText {#text} at (1,1) size 44x18 |
| 22 text run at (1,1) width 44: "styling" | 22 text run at (1,1) width 44: "styling" |
| 23 LayoutTableCell {TD} at (170,0) size 61x20 [r=0 c=1 rs=1 cs=1] | 23 LayoutTableCell {TD} at (170,0) size 61x20 [r=0 c=1 rs=1 cs=1] |
| 24 LayoutText {#text} at (1,1) size 59x18 | 24 LayoutText {#text} at (1,1) size 59x18 |
| 25 text run at (1,1) width 59: "<button>" | 25 text run at (1,1) width 59: "<button>" |
| 26 LayoutTableCell {TD} at (231,0) size 161x20 [r=0 c=2 rs=1 cs=1] | 26 LayoutTableCell {TD} at (231,0) size 161x20 [r=0 c=2 rs=1 cs=1] |
| 27 LayoutText {#text} at (1,1) size 159x18 | 27 LayoutText {#text} at (1,1) size 159x18 |
| 28 text run at (1,1) width 159: "(offsetH,W) (clientH,W)" | 28 text run at (1,1) width 159: "(offsetH,W) (clientH,W)" |
| (...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 63 LayoutText {#text} at (1,1) size 106x18 | 63 LayoutText {#text} at (1,1) size 106x18 |
| 64 text run at (1,1) width 106: "(15, 14) (15, 10)" | 64 text run at (1,1) width 106: "(15, 14) (15, 10)" |
| 65 LayoutTableCell {TD} at (392,41) size 135x21 [r=2 c=3 rs=1 cs=1] | 65 LayoutTableCell {TD} at (392,41) size 135x21 [r=2 c=3 rs=1 cs=1] |
| 66 LayoutButton {INPUT} at (1,2) size 32.16x18 [bgcolor=#C0C0C0] | 66 LayoutButton {INPUT} at (1,2) size 32.16x18 [bgcolor=#C0C0C0] |
| 67 LayoutBlockFlow (anonymous) at (8,2) size 16.16x13 | 67 LayoutBlockFlow (anonymous) at (8,2) size 16.16x13 |
| 68 LayoutText {#text} at (0,0) size 17x13 | 68 LayoutText {#text} at (0,0) size 17x13 |
| 69 text run at (0,0) width 17: "foo" | 69 text run at (0,0) width 17: "foo" |
| 70 LayoutTableCell {TD} at (527,41) size 170x20 [r=2 c=4 rs=1 cs=1] | 70 LayoutTableCell {TD} at (527,41) size 170x20 [r=2 c=4 rs=1 cs=1] |
| 71 LayoutText {#text} at (1,1) size 106x18 | 71 LayoutText {#text} at (1,1) size 106x18 |
| 72 text run at (1,1) width 106: "(18, 32) (18, 32)" | 72 text run at (1,1) width 106: "(18, 32) (18, 32)" |
| 73 LayoutTableRow {TR} at (0,62) size 697x26 | 73 LayoutTableRow {TR} at (0,62) size 697x27 |
| 74 LayoutTableCell {TD} at (0,65) size 170x20 [r=3 c=0 rs=1 cs=1] | 74 LayoutTableCell {TD} at (0,65) size 170x20 [r=3 c=0 rs=1 cs=1] |
| 75 LayoutText {#text} at (1,1) size 90x18 | 75 LayoutText {#text} at (1,1) size 90x18 |
| 76 text run at (1,1) width 90: "padding: 10%" | 76 text run at (1,1) width 90: "padding: 10%" |
| 77 LayoutTableCell {TD} at (170,62) size 61x26 [r=3 c=1 rs=1 cs=1] | 77 LayoutTableCell {TD} at (170,62) size 61x27 [r=3 c=1 rs=1 cs=1] |
| 78 LayoutButton {BUTTON} at (1,1) size 25.78x24.78 [bgcolor=#C0C0C0]
[border: none (2px outset #C0C0C0) none (2px outset #C0C0C0)] | 78 LayoutButton {BUTTON} at (1,1) size 25.78x24.78 [bgcolor=#C0C0C0]
[border: none (2px outset #C0C0C0) none (2px outset #C0C0C0)] |
| 79 LayoutBlockFlow (anonymous) at (7.89,5.89) size 10x13 | 79 LayoutBlockFlow (anonymous) at (7.89,5.89) size 10x13 |
| 80 LayoutImage {IMG} at (0,1) size 10x10 | 80 LayoutImage {IMG} at (0,1) size 10x10 |
| 81 LayoutTableCell {TD} at (231,65) size 161x20 [r=3 c=2 rs=1 cs=1] | 81 LayoutTableCell {TD} at (231,65) size 161x20 [r=3 c=2 rs=1 cs=1] |
| 82 LayoutText {#text} at (1,1) size 106x18 | 82 LayoutText {#text} at (1,1) size 106x18 |
| 83 text run at (1,1) width 106: "(25, 26) (25, 22)" | 83 text run at (1,1) width 106: "(25, 26) (25, 22)" |
| 84 LayoutTableCell {TD} at (392,64) size 135x21 [r=3 c=3 rs=1 cs=1] | 84 LayoutTableCell {TD} at (392,65) size 135x21 [r=3 c=3 rs=1 cs=1] |
| 85 LayoutButton {INPUT} at (1,2) size 32.16x18 [bgcolor=#C0C0C0] | 85 LayoutButton {INPUT} at (1,2) size 32.16x18 [bgcolor=#C0C0C0] |
| 86 LayoutBlockFlow (anonymous) at (8,2) size 16.16x13 | 86 LayoutBlockFlow (anonymous) at (8,2) size 16.16x13 |
| 87 LayoutText {#text} at (0,0) size 17x13 | 87 LayoutText {#text} at (0,0) size 17x13 |
| 88 text run at (0,0) width 17: "foo" | 88 text run at (0,0) width 17: "foo" |
| 89 LayoutTableCell {TD} at (527,65) size 170x20 [r=3 c=4 rs=1 cs=1] | 89 LayoutTableCell {TD} at (527,65) size 170x20 [r=3 c=4 rs=1 cs=1] |
| 90 LayoutText {#text} at (1,1) size 106x18 | 90 LayoutText {#text} at (1,1) size 106x18 |
| 91 text run at (1,1) width 106: "(18, 32) (18, 32)" | 91 text run at (1,1) width 106: "(18, 32) (18, 32)" |
| 92 LayoutTableRow {TR} at (0,88) size 697x21 | 92 LayoutTableRow {TR} at (0,89) size 697x21 |
| 93 LayoutTableCell {TD} at (0,88) size 170x20 [r=4 c=0 rs=1 cs=1] | 93 LayoutTableCell {TD} at (0,89) size 170x20 [r=4 c=0 rs=1 cs=1] |
| 94 LayoutText {#text} at (1,1) size 84x18 | 94 LayoutText {#text} at (1,1) size 84x18 |
| 95 text run at (1,1) width 84: "padding: 2px" | 95 text run at (1,1) width 84: "padding: 2px" |
| 96 LayoutTableCell {TD} at (170,88) size 61x20 [r=4 c=1 rs=1 cs=1] | 96 LayoutTableCell {TD} at (170,89) size 61x20 [r=4 c=1 rs=1 cs=1] |
| 97 LayoutButton {BUTTON} at (1,2) size 18x17 [bgcolor=#C0C0C0] [borde
r: none (2px outset #C0C0C0) none (2px outset #C0C0C0)] | 97 LayoutButton {BUTTON} at (1,2) size 18x17 [bgcolor=#C0C0C0] [borde
r: none (2px outset #C0C0C0) none (2px outset #C0C0C0)] |
| 98 LayoutBlockFlow (anonymous) at (4,2) size 10x13 | 98 LayoutBlockFlow (anonymous) at (4,2) size 10x13 |
| 99 LayoutImage {IMG} at (0,1) size 10x10 | 99 LayoutImage {IMG} at (0,1) size 10x10 |
| 100 LayoutTableCell {TD} at (231,88) size 161x20 [r=4 c=2 rs=1 cs=1] | 100 LayoutTableCell {TD} at (231,89) size 161x20 [r=4 c=2 rs=1 cs=1] |
| 101 LayoutText {#text} at (1,1) size 106x18 | 101 LayoutText {#text} at (1,1) size 106x18 |
| 102 text run at (1,1) width 106: "(17, 18) (17, 14)" | 102 text run at (1,1) width 106: "(17, 18) (17, 14)" |
| 103 LayoutTableCell {TD} at (392,88) size 135x21 [r=4 c=3 rs=1 cs=1] | 103 LayoutTableCell {TD} at (392,89) size 135x21 [r=4 c=3 rs=1 cs=1] |
| 104 LayoutButton {INPUT} at (1,2) size 32.16x18 [bgcolor=#C0C0C0] | 104 LayoutButton {INPUT} at (1,2) size 32.16x18 [bgcolor=#C0C0C0] |
| 105 LayoutBlockFlow (anonymous) at (8,2) size 16.16x13 | 105 LayoutBlockFlow (anonymous) at (8,2) size 16.16x13 |
| 106 LayoutText {#text} at (0,0) size 17x13 | 106 LayoutText {#text} at (0,0) size 17x13 |
| 107 text run at (0,0) width 17: "foo" | 107 text run at (0,0) width 17: "foo" |
| 108 LayoutTableCell {TD} at (527,88) size 170x20 [r=4 c=4 rs=1 cs=1] | 108 LayoutTableCell {TD} at (527,89) size 170x20 [r=4 c=4 rs=1 cs=1] |
| 109 LayoutText {#text} at (1,1) size 106x18 | 109 LayoutText {#text} at (1,1) size 106x18 |
| 110 text run at (1,1) width 106: "(18, 32) (18, 32)" | 110 text run at (1,1) width 106: "(18, 32) (18, 32)" |
| 111 LayoutTableRow {TR} at (0,109) size 697x21 | 111 LayoutTableRow {TR} at (0,110) size 697x21 |
| 112 LayoutTableCell {TD} at (0,109) size 170x20 [r=5 c=0 rs=1 cs=1] | 112 LayoutTableCell {TD} at (0,110) size 170x20 [r=5 c=0 rs=1 cs=1] |
| 113 LayoutText {#text} at (1,1) size 168x18 | 113 LayoutText {#text} at (1,1) size 168x18 |
| 114 text run at (1,1) width 168: "padding: 2px 6px 3px 6px" | 114 text run at (1,1) width 168: "padding: 2px 6px 3px 6px" |
| 115 LayoutTableCell {TD} at (170,109) size 61x21 [r=5 c=1 rs=1 cs=1] | 115 LayoutTableCell {TD} at (170,110) size 61x21 [r=5 c=1 rs=1 cs=1] |
| 116 LayoutButton {BUTTON} at (1,2) size 26x18 [bgcolor=#C0C0C0] [borde
r: none (2px outset #C0C0C0) none (2px outset #C0C0C0)] | 116 LayoutButton {BUTTON} at (1,2) size 26x18 [bgcolor=#C0C0C0] [borde
r: none (2px outset #C0C0C0) none (2px outset #C0C0C0)] |
| 117 LayoutBlockFlow (anonymous) at (8,2) size 10x13 | 117 LayoutBlockFlow (anonymous) at (8,2) size 10x13 |
| 118 LayoutImage {IMG} at (0,1) size 10x10 | 118 LayoutImage {IMG} at (0,1) size 10x10 |
| 119 LayoutTableCell {TD} at (231,109) size 161x20 [r=5 c=2 rs=1 cs=1] | 119 LayoutTableCell {TD} at (231,110) size 161x20 [r=5 c=2 rs=1 cs=1] |
| 120 LayoutText {#text} at (1,1) size 106x18 | 120 LayoutText {#text} at (1,1) size 106x18 |
| 121 text run at (1,1) width 106: "(18, 26) (18, 22)" | 121 text run at (1,1) width 106: "(18, 26) (18, 22)" |
| 122 LayoutTableCell {TD} at (392,109) size 135x21 [r=5 c=3 rs=1 cs=1] | 122 LayoutTableCell {TD} at (392,110) size 135x21 [r=5 c=3 rs=1 cs=1] |
| 123 LayoutButton {INPUT} at (1,2) size 32.16x18 [bgcolor=#C0C0C0] | 123 LayoutButton {INPUT} at (1,2) size 32.16x18 [bgcolor=#C0C0C0] |
| 124 LayoutBlockFlow (anonymous) at (8,2) size 16.16x13 | 124 LayoutBlockFlow (anonymous) at (8,2) size 16.16x13 |
| 125 LayoutText {#text} at (0,0) size 17x13 | 125 LayoutText {#text} at (0,0) size 17x13 |
| 126 text run at (0,0) width 17: "foo" | 126 text run at (0,0) width 17: "foo" |
| 127 LayoutTableCell {TD} at (527,109) size 170x20 [r=5 c=4 rs=1 cs=1] | 127 LayoutTableCell {TD} at (527,110) size 170x20 [r=5 c=4 rs=1 cs=1] |
| 128 LayoutText {#text} at (1,1) size 106x18 | 128 LayoutText {#text} at (1,1) size 106x18 |
| 129 text run at (1,1) width 106: "(18, 32) (18, 32)" | 129 text run at (1,1) width 106: "(18, 32) (18, 32)" |
| 130 LayoutTableRow {TR} at (0,130) size 697x21 | 130 LayoutTableRow {TR} at (0,131) size 697x21 |
| 131 LayoutTableCell {TD} at (0,130) size 170x20 [r=6 c=0 rs=1 cs=1] | 131 LayoutTableCell {TD} at (0,131) size 170x20 [r=6 c=0 rs=1 cs=1] |
| 132 LayoutText {#text} at (1,1) size 112x18 | 132 LayoutText {#text} at (1,1) size 112x18 |
| 133 text run at (1,1) width 112: "padding: 3px 7px" | 133 text run at (1,1) width 112: "padding: 3px 7px" |
| 134 LayoutTableCell {TD} at (170,130) size 61x21 [r=6 c=1 rs=1 cs=1] | 134 LayoutTableCell {TD} at (170,131) size 61x21 [r=6 c=1 rs=1 cs=1] |
| 135 LayoutButton {BUTTON} at (1,1) size 28x19 [bgcolor=#C0C0C0] [borde
r: none (2px outset #C0C0C0) none (2px outset #C0C0C0)] | 135 LayoutButton {BUTTON} at (1,1) size 28x19 [bgcolor=#C0C0C0] [borde
r: none (2px outset #C0C0C0) none (2px outset #C0C0C0)] |
| 136 LayoutBlockFlow (anonymous) at (9,3) size 10x13 | 136 LayoutBlockFlow (anonymous) at (9,3) size 10x13 |
| 137 LayoutImage {IMG} at (0,1) size 10x10 | 137 LayoutImage {IMG} at (0,1) size 10x10 |
| 138 LayoutTableCell {TD} at (231,130) size 161x20 [r=6 c=2 rs=1 cs=1] | 138 LayoutTableCell {TD} at (231,131) size 161x20 [r=6 c=2 rs=1 cs=1] |
| 139 LayoutText {#text} at (1,1) size 106x18 | 139 LayoutText {#text} at (1,1) size 106x18 |
| 140 text run at (1,1) width 106: "(19, 28) (19, 24)" | 140 text run at (1,1) width 106: "(19, 28) (19, 24)" |
| 141 LayoutTableCell {TD} at (392,130) size 135x21 [r=6 c=3 rs=1 cs=1] | 141 LayoutTableCell {TD} at (392,131) size 135x21 [r=6 c=3 rs=1 cs=1] |
| 142 LayoutButton {INPUT} at (1,2) size 32.16x18 [bgcolor=#C0C0C0] | 142 LayoutButton {INPUT} at (1,2) size 32.16x18 [bgcolor=#C0C0C0] |
| 143 LayoutBlockFlow (anonymous) at (8,2) size 16.16x13 | 143 LayoutBlockFlow (anonymous) at (8,2) size 16.16x13 |
| 144 LayoutText {#text} at (0,0) size 17x13 | 144 LayoutText {#text} at (0,0) size 17x13 |
| 145 text run at (0,0) width 17: "foo" | 145 text run at (0,0) width 17: "foo" |
| 146 LayoutTableCell {TD} at (527,130) size 170x20 [r=6 c=4 rs=1 cs=1] | 146 LayoutTableCell {TD} at (527,131) size 170x20 [r=6 c=4 rs=1 cs=1] |
| 147 LayoutText {#text} at (1,1) size 106x18 | 147 LayoutText {#text} at (1,1) size 106x18 |
| 148 text run at (1,1) width 106: "(18, 32) (18, 32)" | 148 text run at (1,1) width 106: "(18, 32) (18, 32)" |
| 149 LayoutTableRow {TR} at (0,151) size 697x55 | 149 LayoutTableRow {TR} at (0,152) size 697x55 |
| 150 LayoutTableCell {TD} at (0,168) size 170x20 [r=7 c=0 rs=1 cs=1] | 150 LayoutTableCell {TD} at (0,169) size 170x20 [r=7 c=0 rs=1 cs=1] |
| 151 LayoutText {#text} at (1,1) size 92x18 | 151 LayoutText {#text} at (1,1) size 92x18 |
| 152 text run at (1,1) width 92: "padding: 20px" | 152 text run at (1,1) width 92: "padding: 20px" |
| 153 LayoutTableCell {TD} at (170,151) size 61x55 [r=7 c=1 rs=1 cs=1] | 153 LayoutTableCell {TD} at (170,152) size 61x55 [r=7 c=1 rs=1 cs=1] |
| 154 LayoutButton {BUTTON} at (1,1) size 54x53 [bgcolor=#C0C0C0] [borde
r: none (2px outset #C0C0C0) none (2px outset #C0C0C0)] | 154 LayoutButton {BUTTON} at (1,1) size 54x53 [bgcolor=#C0C0C0] [borde
r: none (2px outset #C0C0C0) none (2px outset #C0C0C0)] |
| 155 LayoutBlockFlow (anonymous) at (22,20) size 10x13 | 155 LayoutBlockFlow (anonymous) at (22,20) size 10x13 |
| 156 LayoutImage {IMG} at (0,1) size 10x10 | 156 LayoutImage {IMG} at (0,1) size 10x10 |
| 157 LayoutTableCell {TD} at (231,168) size 161x20 [r=7 c=2 rs=1 cs=1] | 157 LayoutTableCell {TD} at (231,169) size 161x20 [r=7 c=2 rs=1 cs=1] |
| 158 LayoutText {#text} at (1,1) size 106x18 | 158 LayoutText {#text} at (1,1) size 106x18 |
| 159 text run at (1,1) width 106: "(53, 54) (53, 50)" | 159 text run at (1,1) width 106: "(53, 54) (53, 50)" |
| 160 LayoutTableCell {TD} at (392,168) size 135x21 [r=7 c=3 rs=1 cs=1] | 160 LayoutTableCell {TD} at (392,169) size 135x21 [r=7 c=3 rs=1 cs=1] |
| 161 LayoutButton {INPUT} at (1,2) size 32.16x18 [bgcolor=#C0C0C0] | 161 LayoutButton {INPUT} at (1,2) size 32.16x18 [bgcolor=#C0C0C0] |
| 162 LayoutBlockFlow (anonymous) at (8,2) size 16.16x13 | 162 LayoutBlockFlow (anonymous) at (8,2) size 16.16x13 |
| 163 LayoutText {#text} at (0,0) size 17x13 | 163 LayoutText {#text} at (0,0) size 17x13 |
| 164 text run at (0,0) width 17: "foo" | 164 text run at (0,0) width 17: "foo" |
| 165 LayoutTableCell {TD} at (527,168) size 170x20 [r=7 c=4 rs=1 cs=1] | 165 LayoutTableCell {TD} at (527,169) size 170x20 [r=7 c=4 rs=1 cs=1] |
| 166 LayoutText {#text} at (1,1) size 106x18 | 166 LayoutText {#text} at (1,1) size 106x18 |
| 167 text run at (1,1) width 106: "(18, 32) (18, 32)" | 167 text run at (1,1) width 106: "(18, 32) (18, 32)" |
| OLD | NEW |