# This test case contains a row of simple snapshotted stacking
# contexts with drop shadows on them. Their snapshots are rendered
# as images in a second row. The second row should look identical
# to the first.
---
root:
  items:
  - type: stacking-context
    bounds: [10, 10, 200, 200]
    filters: drop-shadow([0, 0], 10, black)
    snapshot:
      name: "snap0"
      area: [-50, -50, 200, 200]
    items:
      - type: rect
        bounds: [10, 10, 80, 80]
        color: [0, 150, 0]
      - type: rect
        bounds: [5, 5, 40, 40]
        color: [200, 0, 0]

  - type: stacking-context
    bounds: [110, 10, 200, 200]
    filters: drop-shadow([5, 5], 0, red)
    snapshot:
      name: "snap1"
      area: [-50, -50, 200, 200]
    items:
      - type: rect
        bounds: [10, 10, 80, 80]
        color: [0, 150, 0]
      - type: rect
        bounds: [5, 5, 40, 40]
        color: [200, 0, 0]

  - type: stacking-context
    bounds: [210, 10, 200, 200]
    filters:
      - drop-shadow([4, 4], 4, red)
      - drop-shadow([6, 6], 4, green)
      - drop-shadow([8, 8], 4, blue)
    snapshot:
      name: "snap2"
      area: [-50, -50, 200, 200]
    items:
      - type: rect
        bounds: [10, 10, 80, 80]
        color: [0, 150, 0]
      - type: rect
        bounds: [5, 5, 40, 40]
        color: [200, 0, 0]

  - type: stacking-context
    bounds: [10, 110, 2000, 200]
    items:
    - image: snapshot(snap0)
      bounds: [-50, -50, 200, 200]
    - image: snapshot(snap1)
      bounds: [50, -50, 200, 200]
    - image: snapshot(snap2)
      bounds: [150, -50, 200, 200]