| Index: sky/tests/framework/citylist-scrolled-expected.txt
|
| diff --git a/sky/tests/framework/citylist-scrolled-expected.txt b/sky/tests/framework/citylist-scrolled-expected.txt
|
| index c8b3a5d3af78c3f6962e83c61d013a9d229b4337..9681e775511f7bf5d31c286515c98904b2c42e5d 100644
|
| --- a/sky/tests/framework/citylist-scrolled-expected.txt
|
| +++ b/sky/tests/framework/citylist-scrolled-expected.txt
|
| @@ -4,8 +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,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: "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: "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 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 (65,0) size 9x15
|
| + text run at (65,0) width 9: ", "
|
| + RenderInline {span} at (0,0) size 116x15 [color=#AAAAAA]
|
| + 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: "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 107x15 [color=#AAAAAA]
|
| + 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 (107,0) size 9x15
|
| + text run at (107,0) width 9: ", "
|
| + RenderInline {span} at (0,0) size 116x15 [color=#AAAAAA]
|
| + 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 (70,0) size 9x15
|
| + text run at (70,0) width 9: ", "
|
| + RenderInline {span} at (0,0) size 116x15 [color=#AAAAAA]
|
| + 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 (80,0) size 9x15
|
| + text run at (80,0) width 9: ", "
|
| + RenderInline {span} at (0,0) size 107x15 [color=#AAAAAA]
|
| + RenderText {#text} at (88,0) size 107x15
|
| + text run at (88,0) width 107: "population 4739"
|
|
|
|
|