Source code
Revision control
Copy as Markdown
Other Tools
# Test that box shadows are drawn with correct symmetry in
# a variety of cases. This test checks for various scale
# factors, in combination with box shadows clipped by the
# screen rect. It also has come large box shadows that check
# the symmetry still works with segmentation enabled.
---
root:
items:
- type: stacking-context
transform: scale(0.3)
items:
- type: box-shadow
bounds: [ -70, 50, 100, 100 ]
color: black
blur-radius: 1
clip-mode: inset
- type: stacking-context
transform: scale(0.4)
items:
- type: box-shadow
bounds: [ -70, 150, 100, 100 ]
color: black
blur-radius: 1
clip-mode: inset
- type: stacking-context
transform: scale(0.5)
items:
- type: box-shadow
bounds: [ -70, 250, 100, 100 ]
color: black
blur-radius: 1
clip-mode: inset
- type: stacking-context
transform: scale(0.6)
items:
- type: box-shadow
bounds: [ -70, 350, 100, 100 ]
color: black
blur-radius: 1
clip-mode: inset
- type: stacking-context
transform: scale(0.7)
items:
- type: box-shadow
bounds: [ -70, 450, 100, 100 ]
color: black
blur-radius: 1
clip-mode: inset
- type: stacking-context
transform: scale(0.73)
items:
- type: box-shadow
bounds: [ -70, 550, 100, 100 ]
color: black
blur-radius: 1
clip-mode: inset
- type: stacking-context
transform: scale(0.75)
items:
- type: box-shadow
bounds: [ -70, 650, 100, 100 ]
color: black
blur-radius: 1
clip-mode: inset
- type: stacking-context
transform: scale(0.77)
items:
- type: box-shadow
bounds: [ -70, 750, 100, 100 ]
color: black
blur-radius: 1
clip-mode: inset
- type: stacking-context
transform: scale(0.8)
items:
- type: box-shadow
bounds: [ -70, 850, 100, 100 ]
color: black
blur-radius: 1
clip-mode: inset
- type: stacking-context
items:
- type: box-shadow
bounds: [ -70, 800, 100, 100 ]
color: black
blur-radius: 1
clip-mode: inset
- type: stacking-context
transform: scale(0.3)
items:
- type: box-shadow
bounds: [ 50, 50, 100, 100 ]
color: black
blur-radius: 1
clip-mode: inset
- type: stacking-context
transform: scale(0.4)
items:
- type: box-shadow
bounds: [ 50, 150, 100, 100 ]
color: black
blur-radius: 1
clip-mode: inset
- type: stacking-context
transform: scale(0.5)
items:
- type: box-shadow
bounds: [ 50, 250, 100, 100 ]
color: black
blur-radius: 1
clip-mode: inset
- type: stacking-context
transform: scale(0.6)
items:
- type: box-shadow
bounds: [ 50, 350, 100, 100 ]
color: black
blur-radius: 1
clip-mode: inset
- type: stacking-context
transform: scale(0.7)
items:
- type: box-shadow
bounds: [ 50, 450, 100, 100 ]
color: black
blur-radius: 1
clip-mode: inset
- type: stacking-context
transform: scale(0.73)
items:
- type: box-shadow
bounds: [ 50, 550, 100, 100 ]
color: black
blur-radius: 1
clip-mode: inset
- type: stacking-context
transform: scale(0.75)
items:
- type: box-shadow
bounds: [ 50, 650, 100, 100 ]
color: black
blur-radius: 1
clip-mode: inset
- type: stacking-context
transform: scale(0.77)
items:
- type: box-shadow
bounds: [ 50, 750, 100, 100 ]
color: black
blur-radius: 1
clip-mode: inset
- type: stacking-context
transform: scale(0.8)
items:
- type: box-shadow
bounds: [ 50, 850, 100, 100 ]
color: black
blur-radius: 1
clip-mode: inset
- type: stacking-context
items:
- type: box-shadow
bounds: [ 50, 800, 100, 100 ]
color: black
blur-radius: 1
clip-mode: inset
- type: stacking-context
items:
- type: box-shadow
bounds: [ 200, -100, 600, 200 ]
color: black
blur-radius: 5
clip-mode: inset
- type: stacking-context
items:
- type: box-shadow
bounds: [ 200, 200, 600, 200 ]
color: black
blur-radius: 5
clip-mode: outset