| 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": "LayoutBlockFlow DIV class='half'", | 12           "object": "LayoutBlockFlow DIV class='half'", | 
| 13           "rect": [8, 353, 60, 38], | 13           "rect": [8, 353, 60, 38], | 
| 14           "reason": "bounds change" | 14           "reason": "bounds change" | 
| 15         }, | 15         }, | 
| 16         { | 16         { | 
| 17           "object": "LayoutBlockFlow DIV class='half'", | 17           "object": "LayoutBlockFlow DIV class='half'", | 
| 18           "rect": [8, 338, 60, 38], | 18           "rect": [8, 338, 60, 38], | 
| 19           "reason": "bounds change" | 19           "reason": "bounds change" | 
| 20         }, | 20         }, | 
| 21         { | 21         { | 
| 22           "object": "LayoutBlockFlow DIV class='half'", |  | 
| 23           "rect": [8, 323, 60, 30], |  | 
| 24           "reason": "bounds change" |  | 
| 25         }, |  | 
| 26         { |  | 
| 27           "object": "LayoutBlockFlow DIV class='half'", |  | 
| 28           "rect": [8, 308, 60, 30], |  | 
| 29           "reason": "bounds change" |  | 
| 30         }, |  | 
| 31         { |  | 
| 32           "object": "LayoutBlockFlow DIV class='red half'", | 22           "object": "LayoutBlockFlow DIV class='red half'", | 
| 33           "rect": [8, 248, 60, 30], | 23           "rect": [8, 248, 60, 30], | 
| 34           "reason": "bounds change" | 24           "reason": "bounds change" | 
| 35         }, | 25         }, | 
| 36         { | 26         { | 
| 37           "object": "LayoutBlockFlow DIV class='green half'", | 27           "object": "LayoutBlockFlow DIV class='green half'", | 
| 38           "rect": [8, 218, 60, 30], | 28           "rect": [8, 218, 60, 30], | 
| 39           "reason": "bounds change" | 29           "reason": "bounds change" | 
| 40         }, | 30         }, | 
| 41         { | 31         { | 
| 42           "object": "LayoutBlockFlow DIV class='red half'", | 32           "object": "LayoutBlockFlow DIV class='red half'", | 
| 43           "rect": [8, 218, 60, 30], | 33           "rect": [8, 218, 60, 30], | 
| 44           "reason": "bounds change" | 34           "reason": "bounds change" | 
| 45         }, | 35         }, | 
| 46         { | 36         { | 
| 47           "object": "LayoutBlockFlow DIV class='green half'", | 37           "object": "LayoutBlockFlow DIV class='green half'", | 
| 48           "rect": [8, 188, 60, 30], | 38           "rect": [8, 188, 60, 30], | 
| 49           "reason": "bounds change" | 39           "reason": "bounds change" | 
| 50         }, | 40         }, | 
| 51         { | 41         { | 
| 52           "object": "LayoutBlockFlow DIV id='div2' class='zero'", |  | 
| 53           "rect": [8, 188, 60, 30], |  | 
| 54           "reason": "became visible" |  | 
| 55         }, |  | 
| 56         { |  | 
| 57           "object": "LayoutBlockFlow DIV class='green half'", | 42           "object": "LayoutBlockFlow DIV class='green half'", | 
| 58           "rect": [8, 158, 60, 30], | 43           "rect": [8, 158, 60, 30], | 
| 59           "reason": "bounds change" | 44           "reason": "bounds change" | 
| 60         }, | 45         }, | 
| 61         { | 46         { | 
| 62           "object": "LayoutBlockFlow DIV class='green half'", | 47           "object": "LayoutBlockFlow DIV class='green half'", | 
| 63           "rect": [8, 128, 60, 30], | 48           "rect": [8, 128, 60, 30], | 
| 64           "reason": "bounds change" | 49           "reason": "bounds change" | 
| 65         }, | 50         }, | 
| 66         { | 51         { | 
| (...skipping 28 matching lines...) Expand all  Loading... | 
| 95         }, | 80         }, | 
| 96         { | 81         { | 
| 97           "object": "LayoutBlockFlow DIV class='red half'", | 82           "object": "LayoutBlockFlow DIV class='red half'", | 
| 98           "rect": [8, 8, 60, 30], | 83           "rect": [8, 8, 60, 30], | 
| 99           "reason": "bounds change" | 84           "reason": "bounds change" | 
| 100         }, | 85         }, | 
| 101         { | 86         { | 
| 102           "object": "LayoutBlockFlow DIV id='div1' class='blue half'", | 87           "object": "LayoutBlockFlow DIV id='div1' class='blue half'", | 
| 103           "rect": [8, 8, 60, 30], | 88           "rect": [8, 8, 60, 30], | 
| 104           "reason": "became invisible" | 89           "reason": "became invisible" | 
| 105         }, |  | 
| 106         { |  | 
| 107           "object": "LayoutBlockFlow DIV id='innerDiv'", |  | 
| 108           "rect": [48, 308, 10, 15], |  | 
| 109           "reason": "became visible" |  | 
| 110         } | 90         } | 
| 111       ] | 91       ] | 
| 112     } | 92     } | 
| 113   ], | 93   ], | 
| 114   "objectPaintInvalidations": [ | 94   "objectPaintInvalidations": [ | 
| 115     { | 95     { | 
| 116       "object": "LayoutBlockFlow DIV id='div1' class='blue half'", | 96       "object": "LayoutBlockFlow DIV id='div1' class='blue half'", | 
| 117       "reason": "became invisible" | 97       "reason": "became invisible" | 
| 118     }, | 98     }, | 
| 119     { | 99     { | 
| (...skipping 10 matching lines...) Expand all  Loading... | 
| 130     }, | 110     }, | 
| 131     { | 111     { | 
| 132       "object": "LayoutBlockFlow DIV class='red half'", | 112       "object": "LayoutBlockFlow DIV class='red half'", | 
| 133       "reason": "bounds change" | 113       "reason": "bounds change" | 
| 134     }, | 114     }, | 
| 135     { | 115     { | 
| 136       "object": "LayoutBlockFlow DIV class='green half'", | 116       "object": "LayoutBlockFlow DIV class='green half'", | 
| 137       "reason": "bounds change" | 117       "reason": "bounds change" | 
| 138     }, | 118     }, | 
| 139     { | 119     { | 
| 140       "object": "LayoutBlockFlow DIV id='div2' class='zero'", |  | 
| 141       "reason": "became visible" |  | 
| 142     }, |  | 
| 143     { |  | 
| 144       "object": "LayoutBlockFlow DIV class='green half'", | 120       "object": "LayoutBlockFlow DIV class='green half'", | 
| 145       "reason": "bounds change" | 121       "reason": "bounds change" | 
| 146     }, | 122     }, | 
| 147     { | 123     { | 
| 148       "object": "LayoutBlockFlow DIV class='red half'", | 124       "object": "LayoutBlockFlow DIV class='red half'", | 
| 149       "reason": "bounds change" | 125       "reason": "bounds change" | 
| 150     }, | 126     }, | 
| 151     { | 127     { | 
| 152       "object": "LayoutBlockFlow DIV id='innerDiv'", |  | 
| 153       "reason": "became visible" |  | 
| 154     }, |  | 
| 155     { |  | 
| 156       "object": "LayoutBlockFlow DIV class='half'", |  | 
| 157       "reason": "bounds change" |  | 
| 158     }, |  | 
| 159     { |  | 
| 160       "object": "LayoutBlockFlow DIV class='half'", | 128       "object": "LayoutBlockFlow DIV class='half'", | 
| 161       "reason": "bounds change" | 129       "reason": "bounds change" | 
| 162     } | 130     } | 
| 163   ] | 131   ] | 
| 164 } | 132 } | 
| 165 | 133 | 
| OLD | NEW | 
|---|