This test passes if the container's scrolling contents layer (the first child of the GraphicsLayer with 4 children) draws content only on iterations 2 and 3, and its scrolling block selection layer (the child of the scrolling contents layer) draws content only on iteration 4. The scrolling block selection layer should also be much smaller than the scrolling contents layer. Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum *** iteration 1: *** { "bounds": [800, 600], "children": [ { "bounds": [800, 600], "contentsOpaque": true, "drawsContent": true, "children": [ { "position": [8, 62], "bounds": [300, 500], "children": [ { "bounds": [285, 485], "children": [ { "bounds": [285, 665], "shouldFlattenTransform": false, "children": [ { "shouldFlattenTransform": false } ] } ] }, { "children": [ { "position": [0, 485], "bounds": [285, 15] }, { "position": [285, 0], "bounds": [15, 485] }, { "position": [285, 485], "bounds": [15, 15], "drawsContent": true } ] } ] }, { "position": [23, 77], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 142], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 207], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 272], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 337], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 402], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 467], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 532], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 597], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 662], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" } ] } ] } *** iteration 2: *** { "bounds": [785, 2451], "children": [ { "bounds": [785, 2451], "contentsOpaque": true, "drawsContent": true, "children": [ { "position": [8, 80], "bounds": [300, 500], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#0000FF", "children": [ { "bounds": [285, 485], "children": [ { "bounds": [285, 665], "shouldFlattenTransform": false, "drawsContent": true, "children": [ { "shouldFlattenTransform": false } ] } ] }, { "children": [ { "position": [0, 485], "bounds": [285, 15] }, { "position": [285, 0], "bounds": [15, 485] }, { "position": [285, 485], "bounds": [15, 15], "drawsContent": true } ] } ] }, { "position": [23, 95], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 160], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 225], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 290], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 355], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 420], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 485], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 550], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 615], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 680], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" } ] } ] } *** iteration 3: *** { "bounds": [785, 4356], "children": [ { "bounds": [785, 4356], "contentsOpaque": true, "drawsContent": true, "children": [ { "position": [8, 80], "bounds": [300, 500], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#0000FF", "children": [ { "bounds": [285, 485], "children": [ { "bounds": [285, 665], "shouldFlattenTransform": false, "drawsContent": true, "children": [ { "shouldFlattenTransform": false } ] } ] }, { "children": [ { "position": [0, 485], "bounds": [285, 15] }, { "position": [285, 0], "bounds": [15, 485] }, { "position": [285, 485], "bounds": [15, 15], "drawsContent": true } ] } ] }, { "position": [23, 95], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 160], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 225], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 290], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 355], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 420], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 485], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 550], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 615], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 680], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" } ] } ] } *** iteration 4: *** { "bounds": [785, 6261], "children": [ { "bounds": [785, 6261], "contentsOpaque": true, "drawsContent": true, "children": [ { "position": [8, 80], "bounds": [300, 500], "children": [ { "bounds": [285, 485], "children": [ { "bounds": [285, 665], "shouldFlattenTransform": false, "children": [ { "position": [0, 195], "bounds": [285, 15], "shouldFlattenTransform": false, "drawsContent": true } ] } ] }, { "children": [ { "position": [0, 485], "bounds": [285, 15] }, { "position": [285, 0], "bounds": [15, 485] }, { "position": [285, 485], "bounds": [15, 15], "drawsContent": true } ] } ] }, { "position": [23, 95], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 160], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 225], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 290], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 355], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 420], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 485], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 550], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 615], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 680], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" } ] } ] }