OLD | NEW |
1 { | 1 { |
2 "bounds": [800, 600], | 2 "bounds": [800, 600], |
3 "children": [ | 3 "children": [ |
4 { | 4 { |
5 "bounds": [800, 600], | 5 "bounds": [800, 600], |
6 "contentsOpaque": true, | 6 "contentsOpaque": true, |
7 "drawsContent": true, | 7 "drawsContent": true, |
8 "paintInvalidations": [ | 8 "paintInvalidations": [ |
9 { | 9 { |
10 "object": "LayoutBlockFlow DIV class='green half'", | 10 "object": "LayoutBlockFlow DIV class='half'", |
11 "rect": [8, 68, 60, 30], | 11 "rect": [8, 353, 60, 38], |
12 "reason": "location change" | 12 "reason": "location change" |
13 }, | 13 }, |
14 { | 14 { |
15 "object": "LayoutBlockFlow DIV class='green half'", | 15 "object": "LayoutBlockFlow DIV class='half'", |
16 "rect": [8, 38, 60, 30], | 16 "rect": [8, 338, 60, 38], |
17 "reason": "location change" | 17 "reason": "location change" |
18 }, | 18 }, |
19 { | 19 { |
20 "object": "LayoutBlockFlow DIV class='green half'", | 20 "object": "LayoutBlockFlow DIV class='half'", |
21 "rect": [8, 158, 60, 30], | 21 "rect": [8, 323, 60, 30], |
22 "reason": "location change" | 22 "reason": "location change" |
23 }, | 23 }, |
24 { | 24 { |
25 "object": "LayoutBlockFlow DIV class='green half'", | 25 "object": "LayoutBlockFlow DIV class='half'", |
26 "rect": [8, 128, 60, 30], | 26 "rect": [8, 308, 60, 30], |
27 "reason": "location change" | 27 "reason": "location change" |
28 }, | 28 }, |
29 { | 29 { |
30 "object": "LayoutBlockFlow DIV class='green half'", | 30 "object": "LayoutBlockFlow DIV class='red half'", |
31 "rect": [8, 188, 60, 30], | 31 "rect": [8, 248, 60, 30], |
32 "reason": "location change" | 32 "reason": "location change" |
33 }, | 33 }, |
34 { | 34 { |
35 "object": "LayoutBlockFlow DIV class='green half'", | 35 "object": "LayoutBlockFlow DIV class='green half'", |
36 "rect": [8, 218, 60, 30], | 36 "rect": [8, 218, 60, 30], |
37 "reason": "location change" | 37 "reason": "location change" |
38 }, | 38 }, |
39 { | 39 { |
40 "object": "LayoutBlockFlow DIV class='half'", | 40 "object": "LayoutBlockFlow DIV class='red half'", |
41 "rect": [8, 308, 60, 30], | 41 "rect": [8, 218, 60, 30], |
42 "reason": "location change" | 42 "reason": "location change" |
43 }, | 43 }, |
44 { | 44 { |
45 "object": "LayoutBlockFlow DIV class='half'", | 45 "object": "LayoutBlockFlow DIV class='green half'", |
46 "rect": [8, 323, 60, 30], | 46 "rect": [8, 188, 60, 30], |
47 "reason": "location change" | 47 "reason": "location change" |
48 }, | 48 }, |
49 { | 49 { |
50 "object": "LayoutBlockFlow DIV class='half'", | 50 "object": "LayoutBlockFlow DIV id='div2' class='zero'", |
51 "rect": [8, 338, 60, 38], | 51 "rect": [8, 188, 60, 30], |
| 52 "reason": "became visible" |
| 53 }, |
| 54 { |
| 55 "object": "LayoutBlockFlow DIV class='green half'", |
| 56 "rect": [8, 158, 60, 30], |
52 "reason": "location change" | 57 "reason": "location change" |
53 }, | 58 }, |
54 { | 59 { |
55 "object": "LayoutBlockFlow DIV class='half'", | 60 "object": "LayoutBlockFlow DIV class='green half'", |
56 "rect": [8, 353, 60, 38], | 61 "rect": [8, 128, 60, 30], |
| 62 "reason": "location change" |
| 63 }, |
| 64 { |
| 65 "object": "LayoutBlockFlow DIV class='red half'", |
| 66 "rect": [8, 128, 60, 30], |
| 67 "reason": "location change" |
| 68 }, |
| 69 { |
| 70 "object": "LayoutBlockFlow DIV class='red half'", |
| 71 "rect": [8, 98, 60, 30], |
| 72 "reason": "location change" |
| 73 }, |
| 74 { |
| 75 "object": "LayoutBlockFlow DIV id='top' class='blue half'", |
| 76 "rect": [8, 98, 60, 30], |
| 77 "reason": "became invisible" |
| 78 }, |
| 79 { |
| 80 "object": "LayoutBlockFlow DIV class='green half'", |
| 81 "rect": [8, 68, 60, 30], |
| 82 "reason": "location change" |
| 83 }, |
| 84 { |
| 85 "object": "LayoutBlockFlow DIV class='green half'", |
| 86 "rect": [8, 38, 60, 30], |
57 "reason": "location change" | 87 "reason": "location change" |
58 }, | 88 }, |
59 { | 89 { |
60 "object": "LayoutBlockFlow DIV class='red half'", | 90 "object": "LayoutBlockFlow DIV class='red half'", |
61 "rect": [8, 38, 60, 30], | 91 "rect": [8, 38, 60, 30], |
62 "reason": "location change" | 92 "reason": "location change" |
63 }, | 93 }, |
64 { | 94 { |
65 "object": "LayoutBlockFlow DIV class='red half'", | 95 "object": "LayoutBlockFlow DIV class='red half'", |
66 "rect": [8, 8, 60, 30], | 96 "rect": [8, 8, 60, 30], |
67 "reason": "location change" | 97 "reason": "location change" |
68 }, | 98 }, |
69 { | 99 { |
70 "object": "LayoutBlockFlow DIV class='red half'", | |
71 "rect": [8, 128, 60, 30], | |
72 "reason": "location change" | |
73 }, | |
74 { | |
75 "object": "LayoutBlockFlow DIV class='red half'", | |
76 "rect": [8, 98, 60, 30], | |
77 "reason": "location change" | |
78 }, | |
79 { | |
80 "object": "LayoutBlockFlow DIV class='red half'", | |
81 "rect": [8, 218, 60, 30], | |
82 "reason": "location change" | |
83 }, | |
84 { | |
85 "object": "LayoutBlockFlow DIV class='red half'", | |
86 "rect": [8, 248, 60, 30], | |
87 "reason": "location change" | |
88 }, | |
89 { | |
90 "object": "LayoutBlockFlow DIV id='div1' class='blue half'", | 100 "object": "LayoutBlockFlow DIV id='div1' class='blue half'", |
91 "rect": [8, 8, 60, 30], | 101 "rect": [8, 8, 60, 30], |
92 "reason": "became invisible" | 102 "reason": "became invisible" |
93 }, | 103 }, |
94 { | 104 { |
95 "object": "LayoutBlockFlow DIV id='div2' class='zero'", | |
96 "rect": [8, 188, 60, 30], | |
97 "reason": "became visible" | |
98 }, | |
99 { | |
100 "object": "LayoutBlockFlow DIV id='innerDiv'", | 105 "object": "LayoutBlockFlow DIV id='innerDiv'", |
101 "rect": [48, 308, 10, 15], | 106 "rect": [48, 308, 10, 15], |
102 "reason": "became visible" | 107 "reason": "became visible" |
103 }, | |
104 { | |
105 "object": "LayoutBlockFlow DIV id='top' class='blue half'", | |
106 "rect": [8, 98, 60, 30], | |
107 "reason": "became invisible" | |
108 } | 108 } |
109 ] | 109 ] |
110 } | 110 } |
111 ] | 111 ] |
112 } | 112 } |
113 | 113 |
OLD | NEW |