| OLD | NEW |
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
| 2 RenderView {#document} at (0,0) size 800x600 | 2 RenderView {#document} at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x551 | 3 layer at (0,0) size 800x551 |
| 4 RenderBlock {sky} at (0,0) size 800x551 | 4 RenderBlock {sky} at (0,0) size 800x551 |
| 5 RenderFlexibleBox {flights-app} at (0,0) size 800x551 [color=#2B2B2B] [bgcol
or=#494949] | 5 RenderFlexibleBox {flights-app} at (0,0) size 800x551 [color=#2B2B2B] [bgcol
or=#494949] |
| 6 RenderFlexibleBox {app-header} at (0,0) size 800x47 [color=#FFFFFF] [borde
r: none (1px solid #3E77B7) none] | 6 RenderFlexibleBox {app-header} at (0,0) size 800x47 [color=#FFFFFF] [borde
r: none (1px solid #3E77B7) none] |
| 7 RenderFlexibleBox {app-title} at (16,8) size 746x30 | 7 RenderFlexibleBox {app-title} at (16,8) size 746x30 |
| 8 RenderBlock {t} at (0,2) size 69.72x26 | 8 RenderBlock {t} at (0,2) size 69.72x26 |
| 9 RenderBlock (anonymous) at (0,0) size 69.72x26 | 9 RenderParagraph (anonymous) at (0,0) size 69.72x26 |
| 10 RenderText {#text} at (0,0) size 70x25 | 10 RenderText {#text} at (0,0) size 70x25 |
| 11 text run at (0,0) width 70: "Search" | 11 text run at (0,0) width 70: "Search" |
| 12 RenderFlexibleBox {app-menu-button} at (762,8) size 30x30 | 12 RenderFlexibleBox {app-menu-button} at (762,8) size 30x30 |
| 13 RenderImage {img} at (6,15) size 18x0 | 13 RenderImage {img} at (6,15) size 18x0 |
| 14 RenderBlock {app-toolbar} at (0,47) size 800x30 [bgcolor=#F6F6F6] | 14 RenderBlock {app-toolbar} at (0,47) size 800x30 [bgcolor=#F6F6F6] |
| 15 RenderFlexibleBox {app-search-input} at (8,0) size 784x30 | 15 RenderFlexibleBox {app-search-input} at (8,0) size 784x30 |
| 16 RenderBlock {span} at (4,15) size 16x0 | 16 RenderBlock {span} at (4,15) size 16x0 |
| 17 RenderImage {img} at (0,0) size 16x0 | 17 RenderImage {img} at (0,0) size 16x0 |
| 18 RenderBlock {span} at (28,4) size 221.84x22 | 18 RenderBlock {span} at (28,4) size 221.84x22 |
| 19 RenderBlock {t} at (0,0) size 221.84x22 | 19 RenderBlock {t} at (0,0) size 221.84x22 |
| 20 RenderBlock (anonymous) at (0,0) size 221.84x22 | 20 RenderParagraph (anonymous) at (0,0) size 221.84x22 |
| 21 RenderText {#text} at (0,0) size 222x21 | 21 RenderText {#text} at (0,0) size 222x21 |
| 22 text run at (0,0) width 222: "flights today to dc by price" | 22 text run at (0,0) width 222: "flights today to dc by price" |
| 23 layer at (0,77) size 800x474 | 23 layer at (0,77) size 800x474 |
| 24 RenderBlock {app-scrollable} at (0,77) size 800x474 | 24 RenderBlock {app-scrollable} at (0,77) size 800x474 |
| 25 RenderFlexibleBox {app-panel} at (16,16) size 768x246 [bgcolor=#FFFFFF] | 25 RenderFlexibleBox {app-panel} at (16,16) size 768x246 [bgcolor=#FFFFFF] |
| 26 RenderFlexibleBox {app-panel-header} at (0,0) size 768x46 [bgcolor=#DEDEDE
] | 26 RenderFlexibleBox {app-panel-header} at (0,0) size 768x46 [bgcolor=#DEDEDE
] |
| 27 RenderBlock {div} at (8,14) size 722x18 | 27 RenderBlock {div} at (8,14) size 722x18 |
| 28 RenderBlock {t} at (0,0) size 722x18 | 28 RenderBlock {t} at (0,0) size 722x18 |
| 29 RenderBlock (anonymous) at (0,0) size 722x18 | 29 RenderParagraph (anonymous) at (0,0) size 722x18 |
| 30 RenderText {#text} at (0,0) size 89x17 | 30 RenderText {#text} at (0,0) size 89x17 |
| 31 text run at (0,0) width 89: "SFO to DCA" | 31 text run at (0,0) width 89: "SFO to DCA" |
| 32 RenderFlexibleBox {app-menu-button} at (730,8) size 30x30 | 32 RenderFlexibleBox {app-menu-button} at (730,8) size 30x30 |
| 33 RenderImage {img} at (8,15) size 14x0 | 33 RenderImage {img} at (8,15) size 14x0 |
| 34 RenderFlexibleBox {app-panel-content} at (0,46) size 768x50 | 34 RenderFlexibleBox {app-panel-content} at (0,46) size 768x50 |
| 35 RenderBlock {div} at (8,25) size 50x0 | 35 RenderBlock {div} at (8,25) size 50x0 |
| 36 RenderImage {img} at (0,0) size 50x0 | 36 RenderImage {img} at (0,0) size 50x0 |
| 37 RenderBlock {div} at (58,8) size 650.41x34 | 37 RenderBlock {div} at (58,8) size 650.41x34 |
| 38 RenderBlock {t} at (8,8) size 634.41x18 | 38 RenderBlock {t} at (8,8) size 634.41x18 |
| 39 RenderBlock (anonymous) at (0,0) size 634.41x18 | 39 RenderParagraph (anonymous) at (0,0) size 634.41x18 |
| 40 RenderText {#text} at (0,0) size 105x17 | 40 RenderText {#text} at (0,0) size 105x17 |
| 41 text run at (0,0) width 105: "Virgin America" | 41 text run at (0,0) width 105: "Virgin America" |
| 42 RenderBlock {div} at (708.41,8) size 51.59x34 [color=#ABB4B6] | 42 RenderBlock {div} at (708.41,8) size 51.59x34 [color=#ABB4B6] |
| 43 RenderBlock {t} at (8,8) size 35.59x18 | 43 RenderBlock {t} at (8,8) size 35.59x18 |
| 44 RenderBlock {a} at (0,0) size 35.59x18 [color=#1155CC] | 44 RenderBlock {a} at (0,0) size 35.59x18 [color=#1155CC] |
| 45 RenderBlock (anonymous) at (0,0) size 35.59x18 | 45 RenderParagraph (anonymous) at (0,0) size 35.59x18 |
| 46 RenderText {#text} at (0,0) size 36x17 | 46 RenderText {#text} at (0,0) size 36x17 |
| 47 text run at (0,0) width 36: "$800" | 47 text run at (0,0) width 36: "$800" |
| 48 RenderFlexibleBox {app-panel-content} at (0,96) size 768x50 | 48 RenderFlexibleBox {app-panel-content} at (0,96) size 768x50 |
| 49 RenderBlock {div} at (8,25) size 50x0 | 49 RenderBlock {div} at (8,25) size 50x0 |
| 50 RenderImage {img} at (0,0) size 50x0 | 50 RenderImage {img} at (0,0) size 50x0 |
| 51 RenderBlock {div} at (58,8) size 650.41x34 | 51 RenderBlock {div} at (58,8) size 650.41x34 |
| 52 RenderBlock {t} at (8,8) size 634.41x18 | 52 RenderBlock {t} at (8,8) size 634.41x18 |
| 53 RenderBlock (anonymous) at (0,0) size 634.41x18 | 53 RenderParagraph (anonymous) at (0,0) size 634.41x18 |
| 54 RenderText {#text} at (0,0) size 105x17 | 54 RenderText {#text} at (0,0) size 105x17 |
| 55 text run at (0,0) width 105: "British Airways" | 55 text run at (0,0) width 105: "British Airways" |
| 56 RenderBlock {div} at (708.41,8) size 51.59x34 [color=#ABB4B6] | 56 RenderBlock {div} at (708.41,8) size 51.59x34 [color=#ABB4B6] |
| 57 RenderBlock {t} at (8,8) size 35.59x18 | 57 RenderBlock {t} at (8,8) size 35.59x18 |
| 58 RenderBlock {a} at (0,0) size 35.59x18 [color=#1155CC] | 58 RenderBlock {a} at (0,0) size 35.59x18 [color=#1155CC] |
| 59 RenderBlock (anonymous) at (0,0) size 35.59x18 | 59 RenderParagraph (anonymous) at (0,0) size 35.59x18 |
| 60 RenderText {#text} at (0,0) size 36x17 | 60 RenderText {#text} at (0,0) size 36x17 |
| 61 text run at (0,0) width 36: "$700" | 61 text run at (0,0) width 36: "$700" |
| 62 RenderFlexibleBox {app-panel-content} at (0,146) size 768x50 | 62 RenderFlexibleBox {app-panel-content} at (0,146) size 768x50 |
| 63 RenderBlock {div} at (8,25) size 50x0 | 63 RenderBlock {div} at (8,25) size 50x0 |
| 64 RenderImage {img} at (0,0) size 50x0 | 64 RenderImage {img} at (0,0) size 50x0 |
| 65 RenderBlock {div} at (58,8) size 650.41x34 | 65 RenderBlock {div} at (58,8) size 650.41x34 |
| 66 RenderBlock {t} at (8,8) size 634.41x18 | 66 RenderBlock {t} at (8,8) size 634.41x18 |
| 67 RenderBlock (anonymous) at (0,0) size 634.41x18 | 67 RenderParagraph (anonymous) at (0,0) size 634.41x18 |
| 68 RenderText {#text} at (0,0) size 47x17 | 68 RenderText {#text} at (0,0) size 47x17 |
| 69 text run at (0,0) width 47: "United" | 69 text run at (0,0) width 47: "United" |
| 70 RenderBlock {div} at (708.41,8) size 51.59x34 [color=#ABB4B6] | 70 RenderBlock {div} at (708.41,8) size 51.59x34 [color=#ABB4B6] |
| 71 RenderBlock {t} at (8,8) size 35.59x18 | 71 RenderBlock {t} at (8,8) size 35.59x18 |
| 72 RenderBlock {a} at (0,0) size 35.59x18 [color=#1155CC] | 72 RenderBlock {a} at (0,0) size 35.59x18 [color=#1155CC] |
| 73 RenderBlock (anonymous) at (0,0) size 35.59x18 | 73 RenderParagraph (anonymous) at (0,0) size 35.59x18 |
| 74 RenderText {#text} at (0,0) size 36x17 | 74 RenderText {#text} at (0,0) size 36x17 |
| 75 text run at (0,0) width 36: "$667" | 75 text run at (0,0) width 36: "$667" |
| 76 RenderFlexibleBox {app-panel-content} at (0,196) size 768x50 | 76 RenderFlexibleBox {app-panel-content} at (0,196) size 768x50 |
| 77 RenderBlock {div} at (8,25) size 50x0 | 77 RenderBlock {div} at (8,25) size 50x0 |
| 78 RenderImage {img} at (0,0) size 50x0 | 78 RenderImage {img} at (0,0) size 50x0 |
| 79 RenderBlock {div} at (58,8) size 650.41x34 | 79 RenderBlock {div} at (58,8) size 650.41x34 |
| 80 RenderBlock {t} at (8,8) size 634.41x18 | 80 RenderBlock {t} at (8,8) size 634.41x18 |
| 81 RenderBlock (anonymous) at (0,0) size 634.41x18 | 81 RenderParagraph (anonymous) at (0,0) size 634.41x18 |
| 82 RenderText {#text} at (0,0) size 38x17 | 82 RenderText {#text} at (0,0) size 38x17 |
| 83 text run at (0,0) width 38: "Delta" | 83 text run at (0,0) width 38: "Delta" |
| 84 RenderBlock {div} at (708.41,8) size 51.59x34 [color=#ABB4B6] | 84 RenderBlock {div} at (708.41,8) size 51.59x34 [color=#ABB4B6] |
| 85 RenderBlock {t} at (8,8) size 35.59x18 | 85 RenderBlock {t} at (8,8) size 35.59x18 |
| 86 RenderBlock {a} at (0,0) size 35.59x18 [color=#1155CC] | 86 RenderBlock {a} at (0,0) size 35.59x18 [color=#1155CC] |
| 87 RenderBlock (anonymous) at (0,0) size 35.59x18 | 87 RenderParagraph (anonymous) at (0,0) size 35.59x18 |
| 88 RenderText {#text} at (0,0) size 36x17 | 88 RenderText {#text} at (0,0) size 36x17 |
| 89 text run at (0,0) width 36: "$450" | 89 text run at (0,0) width 36: "$450" |
| 90 RenderFlexibleBox {app-panel} at (16,278) size 768x196 [bgcolor=#FFFFFF] | 90 RenderFlexibleBox {app-panel} at (16,278) size 768x196 [bgcolor=#FFFFFF] |
| 91 RenderFlexibleBox {app-panel-header} at (0,0) size 768x46 [bgcolor=#DEDEDE
] | 91 RenderFlexibleBox {app-panel-header} at (0,0) size 768x46 [bgcolor=#DEDEDE
] |
| 92 RenderBlock {div} at (8,14) size 722x18 | 92 RenderBlock {div} at (8,14) size 722x18 |
| 93 RenderBlock {t} at (0,0) size 722x18 | 93 RenderBlock {t} at (0,0) size 722x18 |
| 94 RenderBlock (anonymous) at (0,0) size 722x18 | 94 RenderParagraph (anonymous) at (0,0) size 722x18 |
| 95 RenderText {#text} at (0,0) size 87x17 | 95 RenderText {#text} at (0,0) size 87x17 |
| 96 text run at (0,0) width 87: "SJC to DCA" | 96 text run at (0,0) width 87: "SJC to DCA" |
| 97 RenderFlexibleBox {app-menu-button} at (730,8) size 30x30 | 97 RenderFlexibleBox {app-menu-button} at (730,8) size 30x30 |
| 98 RenderImage {img} at (8,15) size 14x0 | 98 RenderImage {img} at (8,15) size 14x0 |
| 99 RenderFlexibleBox {app-panel-content} at (0,46) size 768x50 | 99 RenderFlexibleBox {app-panel-content} at (0,46) size 768x50 |
| 100 RenderBlock {div} at (8,25) size 50x0 | 100 RenderBlock {div} at (8,25) size 50x0 |
| 101 RenderImage {img} at (0,0) size 50x0 | 101 RenderImage {img} at (0,0) size 50x0 |
| 102 RenderBlock {div} at (58,8) size 641.50x34 | 102 RenderBlock {div} at (58,8) size 641.50x34 |
| 103 RenderBlock {t} at (8,8) size 625.50x18 | 103 RenderBlock {t} at (8,8) size 625.50x18 |
| 104 RenderBlock (anonymous) at (0,0) size 625.50x18 | 104 RenderParagraph (anonymous) at (0,0) size 625.50x18 |
| 105 RenderText {#text} at (0,0) size 105x17 | 105 RenderText {#text} at (0,0) size 105x17 |
| 106 text run at (0,0) width 105: "Virgin America" | 106 text run at (0,0) width 105: "Virgin America" |
| 107 RenderBlock {div} at (699.50,8) size 60.50x34 [color=#ABB4B6] | 107 RenderBlock {div} at (699.50,8) size 60.50x34 [color=#ABB4B6] |
| 108 RenderBlock {t} at (8,8) size 44.50x18 | 108 RenderBlock {t} at (8,8) size 44.50x18 |
| 109 RenderBlock {a} at (0,0) size 44.50x18 [color=#1155CC] | 109 RenderBlock {a} at (0,0) size 44.50x18 [color=#1155CC] |
| 110 RenderBlock (anonymous) at (0,0) size 44.50x18 | 110 RenderParagraph (anonymous) at (0,0) size 44.50x18 |
| 111 RenderText {#text} at (0,0) size 45x17 | 111 RenderText {#text} at (0,0) size 45x17 |
| 112 text run at (0,0) width 45: "$1500" | 112 text run at (0,0) width 45: "$1500" |
| 113 RenderFlexibleBox {app-panel-content} at (0,96) size 768x50 | 113 RenderFlexibleBox {app-panel-content} at (0,96) size 768x50 |
| 114 RenderBlock {div} at (8,25) size 50x0 | 114 RenderBlock {div} at (8,25) size 50x0 |
| 115 RenderImage {img} at (0,0) size 50x0 | 115 RenderImage {img} at (0,0) size 50x0 |
| 116 RenderBlock {div} at (58,8) size 650.41x34 | 116 RenderBlock {div} at (58,8) size 650.41x34 |
| 117 RenderBlock {t} at (8,8) size 634.41x18 | 117 RenderBlock {t} at (8,8) size 634.41x18 |
| 118 RenderBlock (anonymous) at (0,0) size 634.41x18 | 118 RenderParagraph (anonymous) at (0,0) size 634.41x18 |
| 119 RenderText {#text} at (0,0) size 49x17 | 119 RenderText {#text} at (0,0) size 49x17 |
| 120 text run at (0,0) width 49: "jetBlue" | 120 text run at (0,0) width 49: "jetBlue" |
| 121 RenderBlock {div} at (708.41,8) size 51.59x34 [color=#ABB4B6] | 121 RenderBlock {div} at (708.41,8) size 51.59x34 [color=#ABB4B6] |
| 122 RenderBlock {t} at (8,8) size 35.59x18 | 122 RenderBlock {t} at (8,8) size 35.59x18 |
| 123 RenderBlock {a} at (0,0) size 35.59x18 [color=#1155CC] | 123 RenderBlock {a} at (0,0) size 35.59x18 [color=#1155CC] |
| 124 RenderBlock (anonymous) at (0,0) size 35.59x18 | 124 RenderParagraph (anonymous) at (0,0) size 35.59x18 |
| 125 RenderText {#text} at (0,0) size 36x17 | 125 RenderText {#text} at (0,0) size 36x17 |
| 126 text run at (0,0) width 36: "$650" | 126 text run at (0,0) width 36: "$650" |
| 127 RenderFlexibleBox {app-panel-content} at (0,146) size 768x50 | 127 RenderFlexibleBox {app-panel-content} at (0,146) size 768x50 |
| 128 RenderBlock {div} at (8,25) size 50x0 | 128 RenderBlock {div} at (8,25) size 50x0 |
| 129 RenderImage {img} at (0,0) size 50x0 | 129 RenderImage {img} at (0,0) size 50x0 |
| 130 RenderBlock {div} at (58,8) size 650.41x34 | 130 RenderBlock {div} at (58,8) size 650.41x34 |
| 131 RenderBlock {t} at (8,8) size 634.41x18 | 131 RenderBlock {t} at (8,8) size 634.41x18 |
| 132 RenderBlock (anonymous) at (0,0) size 634.41x18 | 132 RenderParagraph (anonymous) at (0,0) size 634.41x18 |
| 133 RenderText {#text} at (0,0) size 47x17 | 133 RenderText {#text} at (0,0) size 47x17 |
| 134 text run at (0,0) width 47: "United" | 134 text run at (0,0) width 47: "United" |
| 135 RenderBlock {div} at (708.41,8) size 51.59x34 [color=#ABB4B6] | 135 RenderBlock {div} at (708.41,8) size 51.59x34 [color=#ABB4B6] |
| 136 RenderBlock {t} at (8,8) size 35.59x18 | 136 RenderBlock {t} at (8,8) size 35.59x18 |
| 137 RenderBlock {a} at (0,0) size 35.59x18 [color=#1155CC] | 137 RenderBlock {a} at (0,0) size 35.59x18 [color=#1155CC] |
| 138 RenderBlock (anonymous) at (0,0) size 35.59x18 | 138 RenderParagraph (anonymous) at (0,0) size 35.59x18 |
| 139 RenderText {#text} at (0,0) size 36x17 | 139 RenderText {#text} at (0,0) size 36x17 |
| 140 text run at (0,0) width 36: "$367" | 140 text run at (0,0) width 36: "$367" |
| 141 layer at (609,509) size 159x59 | 141 layer at (609,509) size 159x59 |
| 142 RenderFlexibleBox {app-toast} at (609.31,509) size 158.69x59 [bgcolor=#B0281A]
[border: (1px solid #AEA477)] | 142 RenderFlexibleBox {app-toast} at (609.31,509) size 158.69x59 [bgcolor=#B0281A]
[border: (1px solid #AEA477)] |
| 143 RenderBlock {div} at (7,13.50) size 32x32 | 143 RenderBlock {div} at (7,13.50) size 32x32 |
| 144 RenderBlock {div} at (0,0) size 32x32 [border: (2px solid #000000)] | 144 RenderBlock {div} at (0,0) size 32x32 [border: (2px solid #000000)] |
| 145 RenderBlock {t} at (2,2) size 28x30 | 145 RenderBlock {t} at (2,2) size 28x30 |
| 146 RenderBlock (anonymous) at (0,0) size 28x30 | 146 RenderParagraph (anonymous) at (0,0) size 28x30 |
| 147 RenderText {#text} at (6,1) size 16x27 | 147 RenderText {#text} at (6,1) size 16x27 |
| 148 text run at (6,1) width 16: "?" | 148 text run at (6,1) width 16: "?" |
| 149 RenderBlock {div} at (45,7) size 106.69x45 | 149 RenderBlock {div} at (45,7) size 106.69x45 |
| 150 RenderBlock {div} at (0,0) size 106.69x45 | 150 RenderBlock {div} at (0,0) size 106.69x45 |
| 151 RenderBlock {t} at (0,0) size 106.69x45 | 151 RenderBlock {t} at (0,0) size 106.69x45 |
| 152 RenderBlock (anonymous) at (0,0) size 106.69x15 | 152 RenderParagraph (anonymous) at (0,0) size 106.69x15 |
| 153 RenderText {#text} at (0,0) size 60x15 | 153 RenderText {#text} at (0,0) size 60x15 |
| 154 text run at (0,0) width 60: "Flights are" | 154 text run at (0,0) width 60: "Flights are" |
| 155 RenderBlock {span} at (0,15) size 106.69x15 | 155 RenderBlock {span} at (0,15) size 106.69x15 |
| 156 RenderBlock (anonymous) at (0,0) size 106.69x15 | 156 RenderParagraph (anonymous) at (0,0) size 106.69x15 |
| 157 RenderText {#text} at (0,0) size 29x15 | 157 RenderText {#text} at (0,0) size 29x15 |
| 158 text run at (0,0) width 29: "$200" | 158 text run at (0,0) width 29: "$200" |
| 159 RenderBlock (anonymous) at (0,30) size 106.69x15 | 159 RenderParagraph (anonymous) at (0,30) size 106.69x15 |
| 160 RenderText {#text} at (0,0) size 107x15 | 160 RenderText {#text} at (0,0) size 107x15 |
| 161 text run at (0,0) width 107: "cheaper tomorrow." | 161 text run at (0,0) width 107: "cheaper tomorrow." |
| 162 | 162 |
| OLD | NEW |