# 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
