183 lines
4.8 KiB
YAML
183 lines
4.8 KiB
YAML
# 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
|