---
# WebRender internally clips the stacking context to avoid
# rendering parts that are off-screen. It has to take shadow
# offsets into account.
# This test introduces a 90 degrees rotation to ensure that
# the clip inflation isn't done in the wrong space.
root:
  items:
    # Rotation inside of the shadowed stacking context.
    - type: stacking-context
      bounds: [0, -10, 200, 100]
      filters: drop-shadow([-10, 200], 5, red)
      items:
      - type: stacking-context
        bounds: [50, -10, 200, 100]
        transform: rotate-z(-90)
        items:
        -
          bounds: [0, 0, 500, 150]
          glyphs: [55, 75, 76, 86]
          offsets: [0, 100, 75, 100, 150, 100, 180, 100]
          size: 90
          color: blue
          font: "../text/VeraBd.ttf"
    # Rotation applied to the shadowed stacking context directly.
    - type: stacking-context
      bounds: [150, 35, 200, 100]
      filters: drop-shadow([200, 10], 5, red)
      transform: rotate-z(-90)
      items:
      -
        bounds: [0, 0, 500, 150]
        glyphs: [55, 75, 76, 86]
        offsets: [0, 100, 75, 100, 150, 100, 180, 100]
        size: 90
        color: blue
        font: "../text/VeraBd.ttf"
