| OLD | NEW |
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
| 2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x600 | 3 layer at (0,0) size 800x600 |
| 4 RenderBlock {HTML} at (0,0) size 800x600 | 4 RenderBlock {HTML} at (0,0) size 800x600 |
| 5 RenderBody {BODY} at (8,8) size 784x584 | 5 RenderBody {BODY} at (8,8) size 784x584 |
| 6 RenderBlock {H2} at (3.19,0) size 777.63x18 | 6 RenderBlock {H2} at (3.19,0) size 777.63x18 |
| 7 RenderText {#text} at (0,0) size 357x18 | 7 RenderText {#text} at (0,0) size 357x18 |
| 8 text run at (0,0) width 357: "Horizontal meters with the non-themed de
fault style" | 8 text run at (0,0) width 357: "Horizontal meters with the non-themed de
fault style" |
| 9 RenderBlock {UL} at (3.19,21.19) size 777.63x61.19 | 9 RenderBlock {UL} at (3.19,21.19) size 777.63x61.19 |
| 10 RenderListItem {LI} at (43.19,0) size 731.25x18 | 10 RenderListItem {LI} at (43.19,0) size 731.25x18 |
| 11 RenderBlock {METER} at (0,1.19) size 80x16 | 11 RenderBlock {METER} at (0,1.19) size 80x16 |
| 12 RenderMeter {DIV} at (0,0) size 80x16 | 12 LayoutMeter {DIV} at (0,0) size 80x16 |
| 13 RenderBlock {DIV} at (0,0) size 80x16 | 13 RenderBlock {DIV} at (0,0) size 80x16 |
| 14 RenderBlock {DIV} at (0,0) size 20x16 | 14 RenderBlock {DIV} at (0,0) size 20x16 |
| 15 RenderText {#text} at (80,0) size 4x18 | 15 RenderText {#text} at (80,0) size 4x18 |
| 16 text run at (80,0) width 4: " " | 16 text run at (80,0) width 4: " " |
| 17 RenderBlock {METER} at (84,1.19) size 80x16 | 17 RenderBlock {METER} at (84,1.19) size 80x16 |
| 18 RenderMeter {DIV} at (0,0) size 80x16 | 18 LayoutMeter {DIV} at (0,0) size 80x16 |
| 19 RenderBlock {DIV} at (0,0) size 80x16 | 19 RenderBlock {DIV} at (0,0) size 80x16 |
| 20 RenderBlock {DIV} at (0,0) size 36x16 | 20 RenderBlock {DIV} at (0,0) size 36x16 |
| 21 RenderText {#text} at (164,0) size 4x18 | 21 RenderText {#text} at (164,0) size 4x18 |
| 22 text run at (164,0) width 4: " " | 22 text run at (164,0) width 4: " " |
| 23 RenderBlock {METER} at (168,1.19) size 80x16 | 23 RenderBlock {METER} at (168,1.19) size 80x16 |
| 24 RenderMeter {DIV} at (0,0) size 80x16 | 24 LayoutMeter {DIV} at (0,0) size 80x16 |
| 25 RenderBlock {DIV} at (0,0) size 80x16 | 25 RenderBlock {DIV} at (0,0) size 80x16 |
| 26 RenderBlock {DIV} at (0,0) size 60x16 | 26 RenderBlock {DIV} at (0,0) size 60x16 |
| 27 RenderListItem {LI} at (43.19,21.19) size 731.25x40 | 27 RenderListItem {LI} at (43.19,21.19) size 731.25x40 |
| 28 RenderBlock {METER} at (0,-0.81) size 30x40 | 28 RenderBlock {METER} at (0,-0.81) size 30x40 |
| 29 RenderMeter {DIV} at (0,0) size 30x40 | 29 LayoutMeter {DIV} at (0,0) size 30x40 |
| 30 RenderBlock {DIV} at (0,0) size 30x40 | 30 RenderBlock {DIV} at (0,0) size 30x40 |
| 31 RenderBlock {DIV} at (0,0) size 7.50x40 | 31 RenderBlock {DIV} at (0,0) size 7.50x40 |
| 32 RenderText {#text} at (30,22) size 4x18 | 32 RenderText {#text} at (30,22) size 4x18 |
| 33 text run at (30,22) width 4: " " | 33 text run at (30,22) width 4: " " |
| 34 RenderBlock {METER} at (34,-0.81) size 30x40 | 34 RenderBlock {METER} at (34,-0.81) size 30x40 |
| 35 RenderMeter {DIV} at (0,0) size 30x40 | 35 LayoutMeter {DIV} at (0,0) size 30x40 |
| 36 RenderBlock {DIV} at (0,0) size 30x40 | 36 RenderBlock {DIV} at (0,0) size 30x40 |
| 37 RenderBlock {DIV} at (0,0) size 13.50x40 | 37 RenderBlock {DIV} at (0,0) size 13.50x40 |
| 38 RenderText {#text} at (64,22) size 4x18 | 38 RenderText {#text} at (64,22) size 4x18 |
| 39 text run at (64,22) width 4: " " | 39 text run at (64,22) width 4: " " |
| 40 RenderBlock {METER} at (68,-0.81) size 30x40 | 40 RenderBlock {METER} at (68,-0.81) size 30x40 |
| 41 RenderMeter {DIV} at (0,0) size 30x40 | 41 LayoutMeter {DIV} at (0,0) size 30x40 |
| 42 RenderBlock {DIV} at (0,0) size 30x40 | 42 RenderBlock {DIV} at (0,0) size 30x40 |
| 43 RenderBlock {DIV} at (0,0) size 22.50x40 | 43 RenderBlock {DIV} at (0,0) size 22.50x40 |
| 44 RenderBlock {H2} at (3.19,85.56) size 777.63x18 | 44 RenderBlock {H2} at (3.19,85.56) size 777.63x18 |
| 45 RenderText {#text} at (0,0) size 153x18 | 45 RenderText {#text} at (0,0) size 153x18 |
| 46 text run at (0,0) width 153: "Providing meter styles" | 46 text run at (0,0) width 153: "Providing meter styles" |
| 47 RenderBlock {DIV} at (0,106.75) size 784x89.56 [bgcolor=#EEEEEE] | 47 RenderBlock {DIV} at (0,106.75) size 784x89.56 [bgcolor=#EEEEEE] |
| 48 RenderBlock {UL} at (3.19,0) size 777.63x89.56 | 48 RenderBlock {UL} at (3.19,0) size 777.63x89.56 |
| 49 RenderListItem {LI} at (43.19,0) size 731.25x18 | 49 RenderListItem {LI} at (43.19,0) size 731.25x18 |
| 50 RenderBlock {METER} at (0,1.19) size 80x16 [bgcolor=#AAAACC] [border
: (5px solid #222244) (20px solid #222244) (5px solid #222244) (10px solid #2222
44)] | 50 RenderBlock {METER} at (0,1.19) size 80x16 [bgcolor=#AAAACC] [border
: (5px solid #222244) (20px solid #222244) (5px solid #222244) (10px solid #2222
44)] |
| 51 RenderMeter {DIV} at (10,5) size 50x6 | 51 LayoutMeter {DIV} at (10,5) size 50x6 |
| 52 RenderBlock {DIV} at (0,0) size 50x6 | 52 RenderBlock {DIV} at (0,0) size 50x6 |
| 53 RenderBlock {DIV} at (0,0) size 40x6 | 53 RenderBlock {DIV} at (0,0) size 40x6 |
| 54 RenderText {#text} at (80,0) size 72x18 | 54 RenderText {#text} at (80,0) size 72x18 |
| 55 text run at (80,0) width 72: " has border" | 55 text run at (80,0) width 72: " has border" |
| 56 RenderListItem {LI} at (43.19,21.19) size 731.25x18 | 56 RenderListItem {LI} at (43.19,21.19) size 731.25x18 |
| 57 RenderBlock {METER} at (0,1.19) size 80x16 [bgcolor=#AAAACC] | 57 RenderBlock {METER} at (0,1.19) size 80x16 [bgcolor=#AAAACC] |
| 58 RenderMeter {DIV} at (10,5) size 50x6 | 58 LayoutMeter {DIV} at (10,5) size 50x6 |
| 59 RenderBlock {DIV} at (0,0) size 50x6 | 59 RenderBlock {DIV} at (0,0) size 50x6 |
| 60 RenderBlock {DIV} at (0,0) size 40x6 | 60 RenderBlock {DIV} at (0,0) size 40x6 |
| 61 RenderText {#text} at (80,0) size 81x18 | 61 RenderText {#text} at (80,0) size 81x18 |
| 62 text run at (80,0) width 81: " has padding" | 62 text run at (80,0) width 81: " has padding" |
| 63 RenderListItem {LI} at (43.19,42.38) size 731.25x26 | 63 RenderListItem {LI} at (43.19,42.38) size 731.25x26 |
| 64 RenderBlock {METER} at (10,4.19) size 80x16 [bgcolor=#AAAACC] | 64 RenderBlock {METER} at (10,4.19) size 80x16 [bgcolor=#AAAACC] |
| 65 RenderMeter {DIV} at (0,0) size 80x16 | 65 LayoutMeter {DIV} at (0,0) size 80x16 |
| 66 RenderBlock {DIV} at (0,0) size 80x16 | 66 RenderBlock {DIV} at (0,0) size 80x16 |
| 67 RenderBlock {DIV} at (0,0) size 64x16 | 67 RenderBlock {DIV} at (0,0) size 64x16 |
| 68 RenderText {#text} at (110,8) size 75x18 | 68 RenderText {#text} at (110,8) size 75x18 |
| 69 text run at (110,8) width 75: " has margin" | 69 text run at (110,8) width 75: " has margin" |
| 70 RenderListItem {LI} at (43.19,71.56) size 731.25x18 | 70 RenderListItem {LI} at (43.19,71.56) size 731.25x18 |
| 71 RenderMeter {METER} at (0,1.19) size 80x16 | 71 LayoutMeter {METER} at (0,1.19) size 80x16 |
| 72 RenderText {#text} at (80,0) size 108x18 | 72 RenderText {#text} at (80,0) size 108x18 |
| 73 text run at (80,0) width 108: " has box-shadow" | 73 text run at (80,0) width 108: " has box-shadow" |
| 74 RenderBlock {H2} at (3.19,199.50) size 777.63x18 | 74 RenderBlock {H2} at (3.19,199.50) size 777.63x18 |
| 75 RenderText {#text} at (0,0) size 227x18 | 75 RenderText {#text} at (0,0) size 227x18 |
| 76 text run at (0,0) width 227: "Providing bar and/or value styles" | 76 text run at (0,0) width 227: "Providing bar and/or value styles" |
| 77 RenderBlock {DIV} at (0,220.69) size 784x166.31 [bgcolor=#EEEEEE] | 77 RenderBlock {DIV} at (0,220.69) size 784x166.31 [bgcolor=#EEEEEE] |
| 78 RenderBlock {UL} at (3.19,0) size 777.63x81.56 | 78 RenderBlock {UL} at (3.19,0) size 777.63x81.56 |
| 79 RenderBlock (anonymous) at (40,0) size 737.63x18 | 79 RenderBlock (anonymous) at (40,0) size 737.63x18 |
| 80 RenderText {#text} at (0,0) size 486x18 | 80 RenderText {#text} at (0,0) size 486x18 |
| 81 text run at (0,0) width 486: "default -webkit-appearance, thus sho
uld use platform theme (only for Mac.)" | 81 text run at (0,0) width 486: "default -webkit-appearance, thus sho
uld use platform theme (only for Mac.)" |
| 82 RenderListItem {LI} at (43.19,21.19) size 731.25x18 | 82 RenderListItem {LI} at (43.19,21.19) size 731.25x18 |
| 83 RenderMeter {METER} at (0,1.19) size 80x16 | 83 LayoutMeter {METER} at (0,1.19) size 80x16 |
| 84 RenderText {#text} at (80,0) size 217x18 | 84 RenderText {#text} at (80,0) size 217x18 |
| 85 text run at (80,0) width 217: " has bar style but should ignore it
." | 85 text run at (80,0) width 217: " has bar style but should ignore it
." |
| 86 RenderListItem {LI} at (43.19,42.38) size 731.25x18 | 86 RenderListItem {LI} at (43.19,42.38) size 731.25x18 |
| 87 RenderMeter {METER} at (0,1.19) size 80x16 | 87 LayoutMeter {METER} at (0,1.19) size 80x16 |
| 88 RenderText {#text} at (80,0) size 232x18 | 88 RenderText {#text} at (80,0) size 232x18 |
| 89 text run at (80,0) width 232: " has value style but should ignore
it." | 89 text run at (80,0) width 232: " has value style but should ignore
it." |
| 90 RenderListItem {LI} at (43.19,63.56) size 731.25x18 | 90 RenderListItem {LI} at (43.19,63.56) size 731.25x18 |
| 91 RenderMeter {METER} at (0,1.19) size 80x16 | 91 LayoutMeter {METER} at (0,1.19) size 80x16 |
| 92 RenderText {#text} at (80,0) size 255x18 | 92 RenderText {#text} at (80,0) size 255x18 |
| 93 text run at (80,0) width 255: " has both styles but should ignore
them." | 93 text run at (80,0) width 255: " has both styles but should ignore
them." |
| 94 RenderBlock {UL} at (3.19,84.75) size 777.63x81.56 | 94 RenderBlock {UL} at (3.19,84.75) size 777.63x81.56 |
| 95 RenderBlock (anonymous) at (40,0) size 737.63x18 | 95 RenderBlock (anonymous) at (40,0) size 737.63x18 |
| 96 RenderText {#text} at (0,0) size 470x18 | 96 RenderText {#text} at (0,0) size 470x18 |
| 97 text run at (0,0) width 470: "-webkit-appearance: none, thus custo
m styled elements should be shown." | 97 text run at (0,0) width 470: "-webkit-appearance: none, thus custo
m styled elements should be shown." |
| 98 RenderListItem {LI} at (43.19,21.19) size 731.25x18 | 98 RenderListItem {LI} at (43.19,21.19) size 731.25x18 |
| 99 RenderBlock {METER} at (0,1.19) size 80x16 | 99 RenderBlock {METER} at (0,1.19) size 80x16 |
| 100 RenderMeter {DIV} at (0,0) size 80x16 | 100 LayoutMeter {DIV} at (0,0) size 80x16 |
| 101 RenderBlock {DIV} at (0,0) size 80x16 | 101 RenderBlock {DIV} at (0,0) size 80x16 |
| 102 RenderBlock {DIV} at (0,0) size 64x16 [bgcolor=#008000] [borde
r: (2px solid #77CC77)] | 102 RenderBlock {DIV} at (0,0) size 64x16 [bgcolor=#008000] [borde
r: (2px solid #77CC77)] |
| 103 RenderText {#text} at (80,0) size 276x18 | 103 RenderText {#text} at (80,0) size 276x18 |
| 104 text run at (80,0) width 276: " has bar style, should have solid v
alue part." | 104 text run at (80,0) width 276: " has bar style, should have solid v
alue part." |
| 105 RenderListItem {LI} at (43.19,42.38) size 731.25x18 | 105 RenderListItem {LI} at (43.19,42.38) size 731.25x18 |
| 106 RenderBlock {METER} at (0,1.19) size 80x16 | 106 RenderBlock {METER} at (0,1.19) size 80x16 |
| 107 RenderMeter {DIV} at (0,0) size 80x16 | 107 LayoutMeter {DIV} at (0,0) size 80x16 |
| 108 RenderBlock {DIV} at (0,0) size 80x16 [bgcolor=#808080] [border:
(2px solid #222222)] | 108 RenderBlock {DIV} at (0,0) size 80x16 [bgcolor=#808080] [border:
(2px solid #222222)] |
| 109 RenderBlock {DIV} at (2,2) size 60.80x12 | 109 RenderBlock {DIV} at (2,2) size 60.80x12 |
| 110 RenderText {#text} at (80,0) size 261x18 | 110 RenderText {#text} at (80,0) size 261x18 |
| 111 text run at (80,0) width 261: " has value style, should be solid b
ar part." | 111 text run at (80,0) width 261: " has value style, should be solid b
ar part." |
| 112 RenderListItem {LI} at (43.19,63.56) size 731.25x18 | 112 RenderListItem {LI} at (43.19,63.56) size 731.25x18 |
| 113 RenderBlock {METER} at (0,1.19) size 80x16 | 113 RenderBlock {METER} at (0,1.19) size 80x16 |
| 114 RenderMeter {DIV} at (0,0) size 80x16 | 114 LayoutMeter {DIV} at (0,0) size 80x16 |
| 115 RenderBlock {DIV} at (0,0) size 80x16 [bgcolor=#808080] [border:
(2px solid #222222)] | 115 RenderBlock {DIV} at (0,0) size 80x16 [bgcolor=#808080] [border:
(2px solid #222222)] |
| 116 RenderBlock {DIV} at (2,2) size 60.80x12 [bgcolor=#008000] [bo
rder: (2px solid #77CC77)] | 116 RenderBlock {DIV} at (2,2) size 60.80x12 [bgcolor=#008000] [bo
rder: (2px solid #77CC77)] |
| 117 RenderText {#text} at (80,0) size 240x18 | 117 RenderText {#text} at (80,0) size 240x18 |
| 118 text run at (80,0) width 240: " should have solid bar and value pa
rt." | 118 text run at (80,0) width 240: " should have solid bar and value pa
rt." |
| 119 RenderBlock {H2} at (3.19,390.19) size 777.63x18 | 119 RenderBlock {H2} at (3.19,390.19) size 777.63x18 |
| 120 RenderText {#text} at (0,0) size 157x18 | 120 RenderText {#text} at (0,0) size 157x18 |
| 121 text run at (0,0) width 157: "Providing appearances" | 121 text run at (0,0) width 157: "Providing appearances" |
| 122 RenderBlock {DIV} at (0,411.38) size 784x39.19 [bgcolor=#EEEEEE] | 122 RenderBlock {DIV} at (0,411.38) size 784x39.19 [bgcolor=#EEEEEE] |
| 123 RenderBlock {UL} at (3.19,0) size 777.63x39.19 | 123 RenderBlock {UL} at (3.19,0) size 777.63x39.19 |
| 124 RenderListItem {LI} at (43.19,0) size 731.25x18 | 124 RenderListItem {LI} at (43.19,0) size 731.25x18 |
| 125 RenderBlock {METER} at (0,1.19) size 80x16 | 125 RenderBlock {METER} at (0,1.19) size 80x16 |
| 126 RenderMeter {DIV} at (0,0) size 80x16 | 126 LayoutMeter {DIV} at (0,0) size 80x16 |
| 127 RenderBlock {DIV} at (0,0) size 80x16 | 127 RenderBlock {DIV} at (0,0) size 80x16 |
| 128 RenderBlock {DIV} at (0,0) size 64x16 | 128 RenderBlock {DIV} at (0,0) size 64x16 |
| 129 RenderText {#text} at (80,0) size 381x18 | 129 RenderText {#text} at (80,0) size 381x18 |
| 130 text run at (80,0) width 381: " has \"none\" appearance, should be
styled with default style." | 130 text run at (80,0) width 381: " has \"none\" appearance, should be
styled with default style." |
| 131 RenderListItem {LI} at (43.19,21.19) size 731.25x18 | 131 RenderListItem {LI} at (43.19,21.19) size 731.25x18 |
| 132 RenderMeter {METER} at (0,1.19) size 80x16 | 132 LayoutMeter {METER} at (0,1.19) size 80x16 |
| 133 RenderText {#text} at (80,0) size 280x18 | 133 RenderText {#text} at (80,0) size 280x18 |
| 134 text run at (80,0) width 280: " has \"meter\" appearance, should b
e themed." | 134 text run at (80,0) width 280: " has \"meter\" appearance, should b
e themed." |
| 135 RenderBlock {H2} at (3.19,453.75) size 777.63x18 | 135 RenderBlock {H2} at (3.19,453.75) size 777.63x18 |
| 136 RenderText {#text} at (0,0) size 162x18 | 136 RenderText {#text} at (0,0) size 162x18 |
| 137 text run at (0,0) width 162: "Providing bar paddings" | 137 text run at (0,0) width 162: "Providing bar paddings" |
| 138 RenderBlock {DIV} at (0,474.94) size 784x18 [bgcolor=#EEEEEE] | 138 RenderBlock {DIV} at (0,474.94) size 784x18 [bgcolor=#EEEEEE] |
| 139 RenderBlock {METER} at (0,1.19) size 80x16 | 139 RenderBlock {METER} at (0,1.19) size 80x16 |
| 140 RenderMeter {DIV} at (0,0) size 80x16 | 140 LayoutMeter {DIV} at (0,0) size 80x16 |
| 141 RenderBlock {DIV} at (0,0) size 80x16 | 141 RenderBlock {DIV} at (0,0) size 80x16 |
| 142 RenderBlock {DIV} at (5,5) size 35x6 | 142 RenderBlock {DIV} at (5,5) size 35x6 |
| 143 RenderText {#text} at (80,0) size 166x18 | 143 RenderText {#text} at (80,0) size 166x18 |
| 144 text run at (80,0) width 166: " has \"padding\" on the bar." | 144 text run at (80,0) width 166: " has \"padding\" on the bar." |
| OLD | NEW |