blob: 63c3fb5d7ffdf94eddcee2d11e11c0f6bdf9e716 [file] [log] [blame]
This test passes if the container's scrolling contents layer (the first child of the GraphicsLayer with 4 children) draws content only on iterations 1 and 2, and its scrolling block selection layer (the child of the scrolling contents layer) draws content only on iteration 3. 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, 80],
"bounds": [300, 500],
"contentsOpaque": true,
"shouldFlattenTransform": false,
"drawsContent": true,
"backgroundColor": "#0000FF",
"children": [
{
"bounds": [285, 485],
"shouldFlattenTransform": false,
"children": [
{
"bounds": [285, 665],
"drawsContent": true
}
]
},
{
"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, 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 2: ***
{
"bounds": [785, 2466],
"children": [
{
"bounds": [785, 2466],
"contentsOpaque": true,
"drawsContent": true,
"children": [
{
"position": [8, 80],
"bounds": [300, 500],
"contentsOpaque": true,
"shouldFlattenTransform": false,
"drawsContent": true,
"backgroundColor": "#0000FF",
"children": [
{
"bounds": [285, 485],
"shouldFlattenTransform": false,
"children": [
{
"bounds": [285, 665],
"drawsContent": true
}
]
},
{
"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, 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, 4326],
"children": [
{
"bounds": [785, 4326],
"contentsOpaque": true,
"drawsContent": true,
"children": [
{
"position": [8, 80],
"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, 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, 6141],
"children": [
{
"bounds": [785, 6141],
"contentsOpaque": true,
"drawsContent": true,
"children": [
{
"position": [8, 80],
"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, 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"
}
]
}
]
}