Index: sky/tests/framework/citylist-expected.txt |
diff --git a/sky/tests/framework/citylist-expected.txt b/sky/tests/framework/citylist-expected.txt |
index bacf69cd6d05cf28388845faa936aa24f3b831b1..9681e775511f7bf5d31c286515c98904b2c42e5d 100644 |
--- a/sky/tests/framework/citylist-expected.txt |
+++ b/sky/tests/framework/citylist-expected.txt |
@@ -4,124 +4,240 @@ layer at (0,0) size 800x0 |
RenderBlock {html} at (0,0) size 800x0 |
layer at (0,0) size 800x600 |
RenderBlock (positioned) {city-list} at (0,0) size 800x600 [bgcolor=#FFFFFF] |
-layer at (0,0) size 800x600 |
- RenderBlock (positioned) {div} at (0,0) size 800x600 |
-layer at (0,0) size 800x2400 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600 |
- RenderBlock {div} at (0,0) size 800x2400 |
-layer at (0,378) size 800x20 |
- RenderBlock (positioned) {letter-header} at (0,-222) size 800x20 |
- RenderParagraph {div} at (0,0) size 800x20 [bgcolor=#DDDDDD] |
- RenderText {#text} at (12,2) size 10x14 |
- text run at (12,2) width 10: "D" |
-layer at (0,426) size 800x20 |
- RenderBlock (positioned) {letter-header} at (0,-174) size 800x20 |
+layer at (0,0) size 800x27 |
+ RenderBlock (positioned) {state-header} at (0,0) size 800x27 |
+ RenderParagraph {div} at (0,0) size 800x27 [color=#FFFFFF] [bgcolor=#333333] |
+ RenderText {#text} at (12,4) size 71x19 |
+ text run at (12,4) width 71: "Alabama" |
+layer at (0,543) size 800x20 |
+ RenderBlock (positioned) {letter-header} at (0,543) size 800x20 |
RenderParagraph {div} at (0,0) size 800x20 [bgcolor=#DDDDDD] |
RenderText {#text} at (12,2) size 9x14 |
- text run at (12,2) width 9: "E" |
-layer at (0,474) size 800x20 |
- RenderBlock (positioned) {letter-header} at (0,-126) size 800x20 |
+ text run at (12,2) width 9: "C" |
+layer at (0,375) size 800x20 |
+ RenderBlock (positioned) {letter-header} at (0,375) size 800x20 |
RenderParagraph {div} at (0,0) size 800x20 [bgcolor=#DDDDDD] |
RenderText {#text} at (12,2) size 10x14 |
- text run at (12,2) width 10: "G" |
-layer at (0,552) size 800x20 |
- RenderBlock (positioned) {letter-header} at (0,-48) size 800x20 |
+ text run at (12,2) width 10: "B" |
+layer at (0,27) size 800x20 |
+ RenderBlock (positioned) {letter-header} at (0,27) size 800x20 |
RenderParagraph {div} at (0,0) size 800x20 [bgcolor=#DDDDDD] |
- RenderText {#text} at (12,2) size 5x14 |
- text run at (12,2) width 5: "J" |
-layer at (0,288) size 800x28 clip at (0,288) size 800x27 |
- RenderFlexibleBox {city-item} at (0,-312) size 800x28 [border: none (1px solid #EEEEEE) none] |
- RenderParagraph {div} at (12,8) size 173.52x15 |
- RenderInline {span} at (0,0) size 51x15 |
- RenderText {#text} at (0,0) size 51x15 |
- text run at (0,0) width 51: "Casper" |
+ RenderText {#text} at (12,2) size 10x14 |
+ text run at (12,2) width 10: "A" |
+layer at (0,591) size 800x28 backgroundClip at (0,591) size 800x9 clip at (0,591) size 800x9 |
+ RenderFlexibleBox {city-item} at (0,591) size 800x28 [border: none (1px solid #EEEEEE) none] |
+ RenderParagraph {div} at (12,8) size 214.91x15 |
+ RenderInline {span} at (0,0) size 92x15 |
+ RenderText {#text} at (0,0) size 92x15 |
+ text run at (0,0) width 92: "Center Point" |
+ RenderInline {t} at (0,0) size 10x15 |
+ RenderText {#text} at (91,0) size 10x15 |
+ text run at (91,0) width 10: ", " |
+ RenderInline {span} at (0,0) size 115x15 [color=#AAAAAA] |
+ RenderText {#text} at (100,0) size 115x15 |
+ text run at (100,0) width 115: "population 15408" |
+layer at (0,561) size 800x28 clip at (0,561) size 800x27 |
+ RenderFlexibleBox {city-item} at (0,561) size 800x28 [border: none (1px solid #EEEEEE) none] |
+ RenderParagraph {div} at (12,8) size 169.70x15 |
+ RenderInline {span} at (0,0) size 47x15 |
+ RenderText {#text} at (0,0) size 47x15 |
+ text run at (0,0) width 47: "Calera" |
+ RenderInline {t} at (0,0) size 10x15 |
+ RenderText {#text} at (46,0) size 10x15 |
+ text run at (46,0) width 10: ", " |
+ RenderInline {span} at (0,0) size 115x15 [color=#AAAAAA] |
+ RenderText {#text} at (55,0) size 115x15 |
+ text run at (55,0) width 115: "population 10742" |
+layer at (0,513) size 800x28 clip at (0,513) size 800x27 |
+ RenderFlexibleBox {city-item} at (0,513) size 800x28 [border: none (1px solid #EEEEEE) none] |
+ RenderParagraph {div} at (12,8) size 176.22x15 |
+ RenderInline {span} at (0,0) size 62x15 |
+ RenderText {#text} at (0,0) size 62x15 |
+ text run at (0,0) width 62: "Brewton" |
+ RenderInline {t} at (0,0) size 9x15 |
+ RenderText {#text} at (61,0) size 9x15 |
+ text run at (61,0) width 9: ", " |
+ RenderInline {span} at (0,0) size 108x15 [color=#AAAAAA] |
+ RenderText {#text} at (69,0) size 108x15 |
+ text run at (69,0) width 108: "population 5279" |
+layer at (0,483) size 800x28 clip at (0,483) size 800x27 |
+ RenderFlexibleBox {city-item} at (0,483) size 800x28 [border: none (1px solid #EEEEEE) none] |
+ RenderParagraph {div} at (12,8) size 149.84x15 |
+ RenderInline {span} at (0,0) size 36x15 |
+ RenderText {#text} at (0,0) size 36x15 |
+ text run at (0,0) width 36: "Boaz" |
+ RenderInline {t} at (0,0) size 9x15 |
+ RenderText {#text} at (35,0) size 9x15 |
+ text run at (35,0) width 9: ", " |
+ RenderInline {span} at (0,0) size 107x15 [color=#AAAAAA] |
+ RenderText {#text} at (43,0) size 107x15 |
+ text run at (43,0) width 107: "population 8349" |
+layer at (0,453) size 800x28 clip at (0,453) size 800x27 |
+ RenderFlexibleBox {city-item} at (0,453) size 800x28 [border: none (1px solid #EEEEEE) none] |
+ RenderParagraph {div} at (12,8) size 220.13x15 |
+ RenderInline {span} at (0,0) size 89x15 |
+ RenderText {#text} at (0,0) size 89x15 |
+ text run at (0,0) width 89: "Birmingham" |
+ RenderInline {t} at (0,0) size 10x15 |
+ RenderText {#text} at (88,0) size 10x15 |
+ text run at (88,0) width 10: ", " |
+ RenderInline {span} at (0,0) size 124x15 [color=#AAAAAA] |
+ RenderText {#text} at (97,0) size 124x15 |
+ text run at (97,0) width 124: "population 228798" |
+layer at (0,423) size 800x28 clip at (0,423) size 800x27 |
+ RenderFlexibleBox {city-item} at (0,423) size 800x28 [border: none (1px solid #EEEEEE) none] |
+ RenderParagraph {div} at (12,8) size 194.73x15 |
+ RenderInline {span} at (0,0) size 72x15 |
+ RenderText {#text} at (0,0) size 72x15 |
+ text run at (0,0) width 72: "Bessemer" |
+ RenderInline {t} at (0,0) size 10x15 |
+ RenderText {#text} at (71,0) size 10x15 |
+ text run at (71,0) width 10: ", " |
+ RenderInline {span} at (0,0) size 115x15 [color=#AAAAAA] |
+ RenderText {#text} at (80,0) size 115x15 |
+ text run at (80,0) width 115: "population 28542" |
+layer at (0,393) size 800x28 clip at (0,393) size 800x27 |
+ RenderFlexibleBox {city-item} at (0,393) size 800x28 [border: none (1px solid #EEEEEE) none] |
+ RenderParagraph {div} at (12,8) size 203.06x15 |
+ RenderInline {span} at (0,0) size 89x15 |
+ RenderText {#text} at (0,0) size 89x15 |
+ text run at (0,0) width 89: "Bay Minette" |
+ RenderInline {t} at (0,0) size 9x15 |
+ RenderText {#text} at (88,0) size 9x15 |
+ text run at (88,0) width 9: ", " |
+ RenderInline {span} at (0,0) size 108x15 [color=#AAAAAA] |
+ RenderText {#text} at (96,0) size 108x15 |
+ text run at (96,0) width 108: "population 8043" |
+layer at (0,345) size 800x28 clip at (0,345) size 800x27 |
+ RenderFlexibleBox {city-item} at (0,345) size 800x28 [border: none (1px solid #EEEEEE) none] |
+ RenderParagraph {div} at (12,8) size 176.48x15 |
+ RenderInline {span} at (0,0) size 54x15 |
+ RenderText {#text} at (0,0) size 54x15 |
+ text run at (0,0) width 54: "Auburn" |
+ RenderInline {t} at (0,0) size 9x15 |
+ RenderText {#text} at (53,0) size 9x15 |
+ text run at (53,0) width 9: ", " |
+ RenderInline {span} at (0,0) size 116x15 [color=#AAAAAA] |
+ RenderText {#text} at (61,0) size 116x15 |
+ text run at (61,0) width 116: "population 56088" |
+layer at (0,315) size 800x28 clip at (0,315) size 800x27 |
+ RenderFlexibleBox {city-item} at (0,315) size 800x28 [border: none (1px solid #EEEEEE) none] |
+ RenderParagraph {div} at (12,8) size 163.61x15 |
+ RenderInline {span} at (0,0) size 49x15 |
+ RenderText {#text} at (0,0) size 49x15 |
+ text run at (0,0) width 49: "Attalla" |
+ RenderInline {t} at (0,0) size 10x15 |
+ RenderText {#text} at (48,0) size 10x15 |
+ text run at (48,0) width 10: ", " |
+ RenderInline {span} at (0,0) size 107x15 [color=#AAAAAA] |
+ RenderText {#text} at (57,0) size 107x15 |
+ text run at (57,0) width 107: "population 6540" |
+layer at (0,285) size 800x28 clip at (0,285) size 800x27 |
+ RenderFlexibleBox {city-item} at (0,285) size 800x28 [border: none (1px solid #EEEEEE) none] |
+ RenderParagraph {div} at (12,8) size 168.64x15 |
+ RenderInline {span} at (0,0) size 54x15 |
+ RenderText {#text} at (0,0) size 54x15 |
+ text run at (0,0) width 54: "Atmore" |
+ RenderInline {t} at (0,0) size 10x15 |
+ RenderText {#text} at (53,0) size 10x15 |
+ text run at (53,0) width 10: ", " |
+ RenderInline {span} at (0,0) size 107x15 [color=#AAAAAA] |
+ RenderText {#text} at (62,0) size 107x15 |
+ text run at (62,0) width 107: "population 7428" |
+layer at (0,255) size 800x28 clip at (0,255) size 800x27 |
+ RenderFlexibleBox {city-item} at (0,255) size 800x28 [border: none (1px solid #EEEEEE) none] |
+ RenderParagraph {div} at (12,8) size 174.28x15 |
+ RenderInline {span} at (0,0) size 52x15 |
+ RenderText {#text} at (0,0) size 52x15 |
+ text run at (0,0) width 52: "Athens" |
+ RenderInline {t} at (0,0) size 9x15 |
+ RenderText {#text} at (51,0) size 9x15 |
+ text run at (51,0) width 9: ", " |
+ RenderInline {span} at (0,0) size 116x15 [color=#AAAAAA] |
+ RenderText {#text} at (59,0) size 116x15 |
+ text run at (59,0) width 116: "population 23715" |
+layer at (0,225) size 800x28 clip at (0,225) size 800x27 |
+ RenderFlexibleBox {city-item} at (0,225) size 800x28 [border: none (1px solid #EEEEEE) none] |
+ RenderParagraph {div} at (12,8) size 149.22x15 |
+ RenderInline {span} at (0,0) size 35x15 |
+ RenderText {#text} at (0,0) size 35x15 |
+ text run at (0,0) width 35: "Arab" |
+ RenderInline {t} at (0,0) size 9x15 |
+ RenderText {#text} at (34,0) size 9x15 |
+ text run at (34,0) width 9: ", " |
+ RenderInline {span} at (0,0) size 108x15 [color=#AAAAAA] |
+ RenderText {#text} at (42,0) size 108x15 |
+ text run at (42,0) width 108: "population 7924" |
+layer at (0,195) size 800x28 clip at (0,195) size 800x27 |
+ RenderFlexibleBox {city-item} at (0,195) size 800x28 [border: none (1px solid #EEEEEE) none] |
+ RenderParagraph {div} at (12,8) size 188.09x15 |
+ RenderInline {span} at (0,0) size 66x15 |
+ RenderText {#text} at (0,0) size 66x15 |
+ text run at (0,0) width 66: "Anniston" |
RenderInline {t} at (0,0) size 9x15 |
- RenderText {#text} at (50,0) size 9x15 |
- text run at (50,0) width 9: ", " |
+ RenderText {#text} at (65,0) size 9x15 |
+ text run at (65,0) width 9: ", " |
RenderInline {span} at (0,0) size 116x15 [color=#AAAAAA] |
- RenderText {#text} at (58,0) size 116x15 |
- text run at (58,0) width 116: "population 54047" |
-layer at (0,318) size 800x28 clip at (0,318) size 800x27 |
- RenderFlexibleBox {city-item} at (0,-282) size 800x28 [border: none (1px solid #EEEEEE) none] |
- RenderParagraph {div} at (12,8) size 195.17x15 |
+ RenderText {#text} at (73,0) size 116x15 |
+ text run at (73,0) width 116: "population 23662" |
+layer at (0,165) size 800x28 clip at (0,165) size 800x27 |
+ RenderFlexibleBox {city-item} at (0,165) size 800x28 [border: none (1px solid #EEEEEE) none] |
+ RenderParagraph {div} at (12,8) size 186.73x15 |
RenderInline {span} at (0,0) size 73x15 |
RenderText {#text} at (0,0) size 73x15 |
- text run at (0,0) width 73: "Cheyenne" |
+ text run at (0,0) width 73: "Andalusia" |
RenderInline {t} at (0,0) size 9x15 |
RenderText {#text} at (72,0) size 9x15 |
text run at (72,0) width 9: ", " |
- RenderInline {span} at (0,0) size 116x15 [color=#AAAAAA] |
- RenderText {#text} at (80,0) size 116x15 |
- text run at (80,0) width 116: "population 56915" |
-layer at (0,348) size 800x28 clip at (0,348) size 800x27 |
- RenderFlexibleBox {city-item} at (0,-252) size 800x28 [border: none (1px solid #EEEEEE) none] |
- RenderParagraph {div} at (12,8) size 150.92x15 |
- RenderInline {span} at (0,0) size 37x15 |
- RenderText {#text} at (0,0) size 37x15 |
- text run at (0,0) width 37: "Cody" |
- RenderInline {t} at (0,0) size 9x15 |
- RenderText {#text} at (36,0) size 9x15 |
- text run at (36,0) width 9: ", " |
- RenderInline {span} at (0,0) size 107x15 [color=#AAAAAA] |
- RenderText {#text} at (44,0) size 107x15 |
- text run at (44,0) width 107: "population 9309" |
-layer at (0,396) size 800x28 clip at (0,396) size 800x27 |
- RenderFlexibleBox {city-item} at (0,-204) size 800x28 [border: none (1px solid #EEEEEE) none] |
- RenderParagraph {div} at (12,8) size 173.92x15 |
- RenderInline {span} at (0,0) size 60x15 |
- RenderText {#text} at (0,0) size 60x15 |
- text run at (0,0) width 60: "Douglas" |
- RenderInline {t} at (0,0) size 9x15 |
- RenderText {#text} at (59,0) size 9x15 |
- text run at (59,0) width 9: ", " |
RenderInline {span} at (0,0) size 107x15 [color=#AAAAAA] |
- RenderText {#text} at (67,0) size 107x15 |
- text run at (67,0) width 107: "population 5971" |
-layer at (0,444) size 800x28 clip at (0,444) size 800x27 |
- RenderFlexibleBox {city-item} at (0,-156) size 800x28 [border: none (1px solid #EEEEEE) none] |
- RenderParagraph {div} at (12,8) size 190.45x15 |
- RenderInline {span} at (0,0) size 68x15 |
- RenderText {#text} at (0,0) size 68x15 |
- text run at (0,0) width 68: "Evanston" |
+ RenderText {#text} at (80,0) size 107x15 |
+ text run at (80,0) width 107: "population 8978" |
+layer at (0,135) size 800x28 clip at (0,135) size 800x27 |
+ RenderFlexibleBox {city-item} at (0,135) size 800x28 [border: none (1px solid #EEEEEE) none] |
+ RenderParagraph {div} at (12,8) size 230.42x15 |
+ RenderInline {span} at (0,0) size 108x15 |
+ RenderText {#text} at (0,0) size 108x15 |
+ text run at (0,0) width 108: "Alexander City" |
RenderInline {t} at (0,0) size 9x15 |
- RenderText {#text} at (67,0) size 9x15 |
- text run at (67,0) width 9: ", " |
+ RenderText {#text} at (107,0) size 9x15 |
+ text run at (107,0) width 9: ", " |
RenderInline {span} at (0,0) size 116x15 [color=#AAAAAA] |
- RenderText {#text} at (75,0) size 116x15 |
- text run at (75,0) width 116: "population 11781" |
-layer at (0,492) size 800x28 clip at (0,492) size 800x27 |
- RenderFlexibleBox {city-item} at (0,-108) size 800x28 [border: none (1px solid #EEEEEE) none] |
- RenderParagraph {div} at (12,8) size 177.03x15 |
- RenderInline {span} at (0,0) size 55x15 |
- RenderText {#text} at (0,0) size 55x15 |
- text run at (0,0) width 55: "Gillette" |
+ RenderText {#text} at (115,0) size 116x15 |
+ text run at (115,0) width 116: "population 15080" |
+layer at (0,105) size 800x28 clip at (0,105) size 800x27 |
+ RenderFlexibleBox {city-item} at (0,105) size 800x28 [border: none (1px solid #EEEEEE) none] |
+ RenderParagraph {div} at (12,8) size 198.86x15 |
+ RenderInline {span} at (0,0) size 76x15 |
+ RenderText {#text} at (0,0) size 76x15 |
+ text run at (0,0) width 76: "Albertville" |
+ RenderInline {t} at (0,0) size 10x15 |
+ RenderText {#text} at (75,0) size 10x15 |
+ text run at (75,0) width 10: ", " |
+ RenderInline {span} at (0,0) size 115x15 [color=#AAAAAA] |
+ RenderText {#text} at (84,0) size 115x15 |
+ text run at (84,0) width 115: "population 19794" |
+layer at (0,75) size 800x28 clip at (0,75) size 800x27 |
+ RenderFlexibleBox {city-item} at (0,75) size 800x28 [border: none (1px solid #EEEEEE) none] |
+ RenderParagraph {div} at (12,8) size 193.48x15 |
+ RenderInline {span} at (0,0) size 71x15 |
+ RenderText {#text} at (0,0) size 71x15 |
+ text run at (0,0) width 71: "Alabaster" |
RenderInline {t} at (0,0) size 9x15 |
- RenderText {#text} at (54,0) size 9x15 |
- text run at (54,0) width 9: ", " |
+ RenderText {#text} at (70,0) size 9x15 |
+ text run at (70,0) width 9: ", " |
RenderInline {span} at (0,0) size 116x15 [color=#AAAAAA] |
- RenderText {#text} at (62,0) size 116x15 |
- text run at (62,0) width 116: "population 26871" |
-layer at (0,522) size 800x28 clip at (0,522) size 800x27 |
- RenderFlexibleBox {city-item} at (0,-78) size 800x28 [border: none (1px solid #EEEEEE) none] |
- RenderParagraph {div} at (12,8) size 209.59x15 |
- RenderInline {span} at (0,0) size 87x15 |
- RenderText {#text} at (0,0) size 87x15 |
- text run at (0,0) width 87: "Green River" |
+ RenderText {#text} at (78,0) size 116x15 |
+ text run at (78,0) width 116: "population 29352" |
+layer at (0,45) size 800x28 clip at (0,45) size 800x27 |
+ RenderFlexibleBox {city-item} at (0,45) size 800x28 [border: none (1px solid #EEEEEE) none] |
+ RenderParagraph {div} at (12,8) size 194.75x15 |
+ RenderInline {span} at (0,0) size 81x15 |
+ RenderText {#text} at (0,0) size 81x15 |
+ text run at (0,0) width 81: "Adamsville" |
RenderInline {t} at (0,0) size 9x15 |
- RenderText {#text} at (86,0) size 9x15 |
- text run at (86,0) width 9: ", " |
- RenderInline {span} at (0,0) size 116x15 [color=#AAAAAA] |
- RenderText {#text} at (94,0) size 116x15 |
- text run at (94,0) width 116: "population 12149" |
-layer at (0,570) size 800x28 clip at (0,570) size 800x27 |
- RenderFlexibleBox {city-item} at (0,-30) size 800x28 [border: none (1px solid #EEEEEE) none] |
- RenderParagraph {div} at (12,8) size 170.55x15 |
- RenderInline {span} at (0,0) size 56x15 |
- RenderText {#text} at (0,0) size 56x15 |
- text run at (0,0) width 56: "Jackson" |
- RenderInline {t} at (0,0) size 10x15 |
- RenderText {#text} at (55,0) size 10x15 |
- text run at (55,0) width 10: ", " |
+ RenderText {#text} at (80,0) size 9x15 |
+ text run at (80,0) width 9: ", " |
RenderInline {span} at (0,0) size 107x15 [color=#AAAAAA] |
- RenderText {#text} at (64,0) size 107x15 |
- text run at (64,0) width 107: "population 9806" |
+ RenderText {#text} at (88,0) size 107x15 |
+ text run at (88,0) width 107: "population 4739" |