| OLD | NEW | 
|---|
| 1 { | 1 { | 
| 2   "name": "Content Root Layer", | 2   "name": "Content Root Layer", | 
| 3   "bounds": [800, 600], | 3   "bounds": [800, 600], | 
| 4   "children": [ | 4   "children": [ | 
| 5     { | 5     { | 
| 6       "name": "LayoutView #document", | 6       "name": "LayoutView #document", | 
| 7       "bounds": [800, 600], | 7       "bounds": [800, 600], | 
| 8       "contentsOpaque": true, | 8       "contentsOpaque": true, | 
| 9       "drawsContent": true, | 9       "drawsContent": true, | 
| 10       "paintInvalidations": [ | 10       "paintInvalidations": [ | 
| 11         { | 11         { | 
| 12           "object": "LayoutTableSection TBODY", |  | 
| 13           "rect": [8, 218, 60, 60], |  | 
| 14           "reason": "bounds change" |  | 
| 15         }, |  | 
| 16         { |  | 
| 17           "object": "LayoutTableSection TBODY", |  | 
| 18           "rect": [8, 188, 60, 60], |  | 
| 19           "reason": "bounds change" |  | 
| 20         }, |  | 
| 21         { |  | 
| 22           "object": "LayoutTableSection TBODY", |  | 
| 23           "rect": [8, 128, 60, 60], |  | 
| 24           "reason": "bounds change" |  | 
| 25         }, |  | 
| 26         { |  | 
| 27           "object": "LayoutTableSection TBODY", |  | 
| 28           "rect": [8, 98, 60, 60], |  | 
| 29           "reason": "bounds change" |  | 
| 30         }, |  | 
| 31         { |  | 
| 32           "object": "LayoutTableSection TBODY", |  | 
| 33           "rect": [8, 38, 60, 60], |  | 
| 34           "reason": "bounds change" |  | 
| 35         }, |  | 
| 36         { |  | 
| 37           "object": "LayoutTableSection TBODY", |  | 
| 38           "rect": [8, 8, 60, 60], |  | 
| 39           "reason": "bounds change" |  | 
| 40         }, |  | 
| 41         { |  | 
| 42           "object": "LayoutTableCell TD class='half'", | 12           "object": "LayoutTableCell TD class='half'", | 
| 43           "rect": [8, 353, 60, 38], | 13           "rect": [8, 353, 60, 38], | 
| 44           "reason": "bounds change" | 14           "reason": "bounds change" | 
| 45         }, | 15         }, | 
| 46         { | 16         { | 
| 47           "object": "LayoutTableCell TD class='half'", | 17           "object": "LayoutTableCell TD class='half'", | 
| 48           "rect": [8, 338, 60, 38], | 18           "rect": [8, 338, 60, 38], | 
| 49           "reason": "bounds change" | 19           "reason": "bounds change" | 
| 50         }, | 20         }, | 
| 51         { | 21         { | 
| 52           "object": "LayoutTableCell TD class='half'", | 22           "object": "LayoutTableCell TD class='half'", | 
| 53           "rect": [8, 323, 60, 38], | 23           "rect": [8, 323, 60, 38], | 
| 54           "reason": "bounds change" | 24           "reason": "bounds change" | 
| 55         }, | 25         }, | 
| 56         { | 26         { | 
| 57           "object": "LayoutTableCell TD class='half'", | 27           "object": "LayoutTableCell TD class='half'", | 
| 58           "rect": [8, 308, 60, 38], | 28           "rect": [8, 308, 60, 38], | 
| 59           "reason": "bounds change" | 29           "reason": "bounds change" | 
| 60         }, | 30         }, | 
| 61         { | 31         { | 
| 62           "object": "LayoutTableCell TD class='red half'", | 32           "object": "LayoutTableCell TD class='red half'", | 
| 63           "rect": [8, 248, 60, 30], | 33           "rect": [8, 248, 60, 30], | 
| 64           "reason": "bounds change" | 34           "reason": "bounds change" | 
| 65         }, | 35         }, | 
| 66         { | 36         { | 
| 67           "object": "LayoutTableRow TR", |  | 
| 68           "rect": [8, 248, 60, 30], |  | 
| 69           "reason": "bounds change" |  | 
| 70         }, |  | 
| 71         { |  | 
| 72           "object": "LayoutTableCell TD class='green half'", | 37           "object": "LayoutTableCell TD class='green half'", | 
| 73           "rect": [8, 218, 60, 30], | 38           "rect": [8, 218, 60, 30], | 
| 74           "reason": "bounds change" | 39           "reason": "bounds change" | 
| 75         }, | 40         }, | 
| 76         { | 41         { | 
| 77           "object": "LayoutTableCell TD class='red half'", | 42           "object": "LayoutTableCell TD class='red half'", | 
| 78           "rect": [8, 218, 60, 30], | 43           "rect": [8, 218, 60, 30], | 
| 79           "reason": "bounds change" | 44           "reason": "bounds change" | 
| 80         }, | 45         }, | 
| 81         { | 46         { | 
| 82           "object": "LayoutTableRow TR", |  | 
| 83           "rect": [8, 218, 60, 30], |  | 
| 84           "reason": "bounds change" |  | 
| 85         }, |  | 
| 86         { |  | 
| 87           "object": "LayoutTableRow TR", |  | 
| 88           "rect": [8, 218, 60, 30], |  | 
| 89           "reason": "bounds change" |  | 
| 90         }, |  | 
| 91         { |  | 
| 92           "object": "LayoutBlockFlow CAPTION id='caption2' class='zero'", |  | 
| 93           "rect": [8, 188, 60, 30], |  | 
| 94           "reason": "became visible" |  | 
| 95         }, |  | 
| 96         { |  | 
| 97           "object": "LayoutTableCell TD class='green half'", | 47           "object": "LayoutTableCell TD class='green half'", | 
| 98           "rect": [8, 188, 60, 30], | 48           "rect": [8, 188, 60, 30], | 
| 99           "reason": "bounds change" | 49           "reason": "bounds change" | 
| 100         }, | 50         }, | 
| 101         { | 51         { | 
| 102           "object": "LayoutTableRow TR", |  | 
| 103           "rect": [8, 188, 60, 30], |  | 
| 104           "reason": "bounds change" |  | 
| 105         }, |  | 
| 106         { |  | 
| 107           "object": "LayoutTableCell TD class='green half'", | 52           "object": "LayoutTableCell TD class='green half'", | 
| 108           "rect": [8, 158, 60, 30], | 53           "rect": [8, 158, 60, 30], | 
| 109           "reason": "bounds change" | 54           "reason": "bounds change" | 
| 110         }, | 55         }, | 
| 111         { | 56         { | 
| 112           "object": "LayoutTableRow TR", |  | 
| 113           "rect": [8, 158, 60, 30], |  | 
| 114           "reason": "bounds change" |  | 
| 115         }, |  | 
| 116         { |  | 
| 117           "object": "LayoutTableCell TD class='green half'", | 57           "object": "LayoutTableCell TD class='green half'", | 
| 118           "rect": [8, 128, 60, 30], | 58           "rect": [8, 128, 60, 30], | 
| 119           "reason": "bounds change" | 59           "reason": "bounds change" | 
| 120         }, | 60         }, | 
| 121         { | 61         { | 
| 122           "object": "LayoutTableCell TD class='red half'", | 62           "object": "LayoutTableCell TD class='red half'", | 
| 123           "rect": [8, 128, 60, 30], | 63           "rect": [8, 128, 60, 30], | 
| 124           "reason": "bounds change" | 64           "reason": "bounds change" | 
| 125         }, | 65         }, | 
| 126         { | 66         { | 
| 127           "object": "LayoutTableRow TR", |  | 
| 128           "rect": [8, 128, 60, 30], |  | 
| 129           "reason": "bounds change" |  | 
| 130         }, |  | 
| 131         { |  | 
| 132           "object": "LayoutTableRow TR", |  | 
| 133           "rect": [8, 128, 60, 30], |  | 
| 134           "reason": "bounds change" |  | 
| 135         }, |  | 
| 136         { |  | 
| 137           "object": "LayoutBlockFlow DIV id='top' class='blue half'", | 67           "object": "LayoutBlockFlow DIV id='top' class='blue half'", | 
| 138           "rect": [8, 98, 60, 30], | 68           "rect": [8, 98, 60, 30], | 
| 139           "reason": "became invisible" | 69           "reason": "became invisible" | 
| 140         }, | 70         }, | 
| 141         { | 71         { | 
| 142           "object": "LayoutTableCell TD", | 72           "object": "LayoutTableCell TD", | 
| 143           "rect": [8, 98, 60, 30], | 73           "rect": [8, 98, 60, 30], | 
| 144           "reason": "became invisible" | 74           "reason": "became invisible" | 
| 145         }, | 75         }, | 
| 146         { | 76         { | 
| 147           "object": "LayoutTableCell TD class='red half'", | 77           "object": "LayoutTableCell TD class='red half'", | 
| 148           "rect": [8, 98, 60, 30], | 78           "rect": [8, 98, 60, 30], | 
| 149           "reason": "bounds change" | 79           "reason": "bounds change" | 
| 150         }, | 80         }, | 
| 151         { | 81         { | 
| 152           "object": "LayoutTableRow TR", |  | 
| 153           "rect": [8, 98, 60, 30], |  | 
| 154           "reason": "bounds change" |  | 
| 155         }, |  | 
| 156         { |  | 
| 157           "object": "LayoutTableCell TD class='green half'", | 82           "object": "LayoutTableCell TD class='green half'", | 
| 158           "rect": [8, 68, 60, 30], | 83           "rect": [8, 68, 60, 30], | 
| 159           "reason": "bounds change" | 84           "reason": "bounds change" | 
| 160         }, | 85         }, | 
| 161         { | 86         { | 
| 162           "object": "LayoutTableRow TR", |  | 
| 163           "rect": [8, 68, 60, 30], |  | 
| 164           "reason": "bounds change" |  | 
| 165         }, |  | 
| 166         { |  | 
| 167           "object": "LayoutTableCell TD class='green half'", | 87           "object": "LayoutTableCell TD class='green half'", | 
| 168           "rect": [8, 38, 60, 30], | 88           "rect": [8, 38, 60, 30], | 
| 169           "reason": "bounds change" | 89           "reason": "bounds change" | 
| 170         }, | 90         }, | 
| 171         { | 91         { | 
| 172           "object": "LayoutTableCell TD class='red half'", | 92           "object": "LayoutTableCell TD class='red half'", | 
| 173           "rect": [8, 38, 60, 30], | 93           "rect": [8, 38, 60, 30], | 
| 174           "reason": "bounds change" | 94           "reason": "bounds change" | 
| 175         }, | 95         }, | 
| 176         { | 96         { | 
| 177           "object": "LayoutTableRow TR", |  | 
| 178           "rect": [8, 38, 60, 30], |  | 
| 179           "reason": "bounds change" |  | 
| 180         }, |  | 
| 181         { |  | 
| 182           "object": "LayoutTableRow TR", |  | 
| 183           "rect": [8, 38, 60, 30], |  | 
| 184           "reason": "bounds change" |  | 
| 185         }, |  | 
| 186         { |  | 
| 187           "object": "LayoutBlockFlow CAPTION id='caption1' class='blue half'", | 97           "object": "LayoutBlockFlow CAPTION id='caption1' class='blue half'", | 
| 188           "rect": [8, 8, 60, 30], | 98           "rect": [8, 8, 60, 30], | 
| 189           "reason": "became invisible" | 99           "reason": "became invisible" | 
| 190         }, | 100         }, | 
| 191         { | 101         { | 
| 192           "object": "LayoutTableCell TD class='red half'", | 102           "object": "LayoutTableCell TD class='red half'", | 
| 193           "rect": [8, 8, 60, 30], | 103           "rect": [8, 8, 60, 30], | 
| 194           "reason": "bounds change" | 104           "reason": "bounds change" | 
| 195         }, | 105         }, | 
| 196         { | 106         { | 
| 197           "object": "LayoutTableRow TR", |  | 
| 198           "rect": [8, 8, 60, 30], |  | 
| 199           "reason": "bounds change" |  | 
| 200         }, |  | 
| 201         { |  | 
| 202           "object": "LayoutTable TABLE", | 107           "object": "LayoutTable TABLE", | 
| 203           "rect": [8, 372, 60, 19], | 108           "rect": [8, 372, 60, 19], | 
| 204           "reason": "incremental" | 109           "reason": "incremental" | 
| 205         }, | 110         }, | 
| 206         { | 111         { | 
| 207           "object": "LayoutTable TABLE", | 112           "object": "LayoutTable TABLE", | 
| 208           "rect": [8, 376, 60, 15], | 113           "rect": [8, 376, 60, 15], | 
| 209           "reason": "incremental" | 114           "reason": "incremental" | 
| 210         }, |  | 
| 211         { |  | 
| 212           "object": "LayoutTableSection TBODY", |  | 
| 213           "rect": [12, 327, 52, 60], |  | 
| 214           "reason": "bounds change" |  | 
| 215         }, |  | 
| 216         { |  | 
| 217           "object": "LayoutTableSection TBODY", |  | 
| 218           "rect": [12, 312, 52, 60], |  | 
| 219           "reason": "bounds change" |  | 
| 220         }, |  | 
| 221         { |  | 
| 222           "object": "LayoutTableRow TR", |  | 
| 223           "rect": [12, 357, 52, 30], |  | 
| 224           "reason": "bounds change" |  | 
| 225         }, |  | 
| 226         { |  | 
| 227           "object": "LayoutTableRow TR", |  | 
| 228           "rect": [12, 342, 52, 30], |  | 
| 229           "reason": "bounds change" |  | 
| 230         }, |  | 
| 231         { |  | 
| 232           "object": "LayoutTableRow TR", |  | 
| 233           "rect": [12, 327, 52, 30], |  | 
| 234           "reason": "bounds change" |  | 
| 235         }, |  | 
| 236         { |  | 
| 237           "object": "LayoutTableRow TR", |  | 
| 238           "rect": [12, 312, 52, 30], |  | 
| 239           "reason": "bounds change" |  | 
| 240         }, |  | 
| 241         { |  | 
| 242           "object": "LayoutBlockFlow DIV id='innerDiv'", |  | 
| 243           "rect": [33, 308, 10, 15], |  | 
| 244           "reason": "became visible" |  | 
| 245         } | 115         } | 
| 246       ] | 116       ] | 
| 247     } | 117     } | 
| 248   ], | 118   ], | 
| 249   "objectPaintInvalidations": [ | 119   "objectPaintInvalidations": [ | 
| 250     { | 120     { | 
| 251       "object": "LayoutBlockFlow CAPTION id='caption1' class='blue half'", | 121       "object": "LayoutBlockFlow CAPTION id='caption1' class='blue half'", | 
| 252       "reason": "became invisible" | 122       "reason": "became invisible" | 
| 253     }, | 123     }, | 
| 254     { | 124     { | 
| 255       "object": "LayoutTableSection TBODY", |  | 
| 256       "reason": "bounds change" |  | 
| 257     }, |  | 
| 258     { |  | 
| 259       "object": "LayoutTableRow TR", | 125       "object": "LayoutTableRow TR", | 
| 260       "reason": "bounds change" | 126       "reason": "location change" | 
| 261     }, | 127     }, | 
| 262     { | 128     { | 
| 263       "object": "LayoutTableCell TD class='red half'", | 129       "object": "LayoutTableCell TD class='red half'", | 
| 264       "reason": "bounds change" | 130       "reason": "bounds change" | 
| 265     }, | 131     }, | 
| 266     { | 132     { | 
| 267       "object": "LayoutTableRow TR", | 133       "object": "LayoutTableRow TR", | 
| 268       "reason": "bounds change" | 134       "reason": "location change" | 
| 269     }, | 135     }, | 
| 270     { | 136     { | 
| 271       "object": "LayoutTableCell TD class='green half'", | 137       "object": "LayoutTableCell TD class='green half'", | 
| 272       "reason": "bounds change" | 138       "reason": "bounds change" | 
| 273     }, | 139     }, | 
| 274     { | 140     { | 
| 275       "object": "LayoutTableCell TD", | 141       "object": "LayoutTableCell TD", | 
| 276       "reason": "became invisible" | 142       "reason": "became invisible" | 
| 277     }, | 143     }, | 
| 278     { | 144     { | 
| 279       "object": "LayoutBlockFlow DIV id='top' class='blue half'", | 145       "object": "LayoutBlockFlow DIV id='top' class='blue half'", | 
| 280       "reason": "became invisible" | 146       "reason": "became invisible" | 
| 281     }, | 147     }, | 
| 282     { | 148     { | 
| 283       "object": "LayoutTableSection TBODY", |  | 
| 284       "reason": "bounds change" |  | 
| 285     }, |  | 
| 286     { |  | 
| 287       "object": "LayoutTableRow TR", | 149       "object": "LayoutTableRow TR", | 
| 288       "reason": "bounds change" | 150       "reason": "location change" | 
| 289     }, | 151     }, | 
| 290     { | 152     { | 
| 291       "object": "LayoutTableCell TD class='red half'", | 153       "object": "LayoutTableCell TD class='red half'", | 
| 292       "reason": "bounds change" | 154       "reason": "bounds change" | 
| 293     }, | 155     }, | 
| 294     { | 156     { | 
| 295       "object": "LayoutTableRow TR", | 157       "object": "LayoutTableRow TR", | 
| 296       "reason": "bounds change" | 158       "reason": "location change" | 
| 297     }, | 159     }, | 
| 298     { | 160     { | 
| 299       "object": "LayoutTableCell TD class='green half'", | 161       "object": "LayoutTableCell TD class='green half'", | 
| 300       "reason": "bounds change" | 162       "reason": "bounds change" | 
| 301     }, | 163     }, | 
| 302     { | 164     { | 
| 303       "object": "LayoutBlockFlow CAPTION id='caption2' class='zero'", |  | 
| 304       "reason": "became visible" |  | 
| 305     }, |  | 
| 306     { |  | 
| 307       "object": "LayoutTableSection TBODY", |  | 
| 308       "reason": "bounds change" |  | 
| 309     }, |  | 
| 310     { |  | 
| 311       "object": "LayoutTableRow TR", | 165       "object": "LayoutTableRow TR", | 
| 312       "reason": "bounds change" | 166       "reason": "location change" | 
| 313     }, | 167     }, | 
| 314     { | 168     { | 
| 315       "object": "LayoutTableCell TD class='green half'", | 169       "object": "LayoutTableCell TD class='green half'", | 
| 316       "reason": "bounds change" | 170       "reason": "bounds change" | 
| 317     }, | 171     }, | 
| 318     { | 172     { | 
| 319       "object": "LayoutTableRow TR", | 173       "object": "LayoutTableRow TR", | 
| 320       "reason": "bounds change" | 174       "reason": "location change" | 
| 321     }, | 175     }, | 
| 322     { | 176     { | 
| 323       "object": "LayoutTableCell TD class='red half'", | 177       "object": "LayoutTableCell TD class='red half'", | 
| 324       "reason": "bounds change" | 178       "reason": "bounds change" | 
| 325     }, | 179     }, | 
| 326     { | 180     { | 
| 327       "object": "LayoutTable TABLE", | 181       "object": "LayoutTable TABLE", | 
| 328       "reason": "incremental" | 182       "reason": "incremental" | 
| 329     }, | 183     }, | 
| 330     { | 184     { | 
| 331       "object": "LayoutBlockFlow DIV id='innerDiv'", |  | 
| 332       "reason": "became visible" |  | 
| 333     }, |  | 
| 334     { |  | 
| 335       "object": "LayoutTableSection TBODY", |  | 
| 336       "reason": "bounds change" |  | 
| 337     }, |  | 
| 338     { |  | 
| 339       "object": "LayoutTableRow TR", | 185       "object": "LayoutTableRow TR", | 
| 340       "reason": "bounds change" | 186       "reason": "location change" | 
| 341     }, | 187     }, | 
| 342     { | 188     { | 
| 343       "object": "LayoutTableCell TD class='half'", | 189       "object": "LayoutTableCell TD class='half'", | 
| 344       "reason": "bounds change" | 190       "reason": "bounds change" | 
| 345     }, | 191     }, | 
| 346     { | 192     { | 
| 347       "object": "LayoutTableRow TR", | 193       "object": "LayoutTableRow TR", | 
| 348       "reason": "bounds change" | 194       "reason": "location change" | 
| 349     }, | 195     }, | 
| 350     { | 196     { | 
| 351       "object": "LayoutTableCell TD class='half'", | 197       "object": "LayoutTableCell TD class='half'", | 
| 352       "reason": "bounds change" | 198       "reason": "bounds change" | 
| 353     } | 199     } | 
| 354   ] | 200   ] | 
| 355 } | 201 } | 
| 356 | 202 | 
| OLD | NEW | 
|---|