blob: 2adaf0017366794089460edb093de2f19cf799cc [file] [log] [blame]
This test passes if the container's scrolling contents layer (the first child of the GraphicsLayer with 4 children) doesn't draw content at all, and its scrolling block selection layer (the child of the scrolling contents layer) draws content only on iteration 2. 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],
"shouldFlattenTransform": false,
"drawsContent": true,
"children": [
{
"bounds": [285, 485],
"shouldFlattenTransform": false,
"children": [
{
"bounds": [285, 665]
}
]
},
{
"bounds": [300, 500],
"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, 2403],
"children": [
{
"bounds": [785, 2403],
"contentsOpaque": true,
"drawsContent": true,
"children": [
{
"position": [8, 62],
"bounds": [300, 500],
"shouldFlattenTransform": false,
"drawsContent": true,
"children": [
{
"bounds": [285, 485],
"shouldFlattenTransform": false,
"children": [
{
"bounds": [285, 665]
}
]
},
{
"bounds": [300, 500],
"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 3: ***
{
"bounds": [785, 4218],
"children": [
{
"bounds": [785, 4218],
"contentsOpaque": true,
"drawsContent": true,
"children": [
{
"position": [8, 62],
"bounds": [300, 500],
"shouldFlattenTransform": false,
"drawsContent": true,
"children": [
{
"bounds": [285, 485],
"shouldFlattenTransform": false,
"children": [
{
"bounds": [285, 665]
}
]
},
{
"bounds": [300, 500],
"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"
}
]
}
]
}