# Test that transformed content is clipped out properly by clips with a different transform.
# Also verifies that we aren't trying to render the clip mask at all for this clip-out case.
#
# The clip is a 500x500 rounded cornered rectangle rotated by 15 degrees. It fully contains the
# bounds of the red rect and has a clip-out mode (within the conservative logic of our
# `project_inner_rect` transformation), so nothing is visible, and no mask is rendered.
---
root:
  items:
    -
      bounds: [0, 0, 0, 0]
      type: "reference-frame"
      id: 2
    -
      bounds: [0, 0, 0, 0]
      type: "stacking-context"
      transform: rotate(-15) translate(200, 0)
      items:
        -
          bounds: [0, 0, 1000, 1000]
          type: clip
          id: 5
          complex:
            -
              rect: [0, 0, 500, 500]
              radius: [5, 5]
              clip-mode: clip-out
        # uncomment this to see the clip area
        #-
        #  bounds: [0, 0, 500, 500]
        #  type: rect
        #  color: green
    -
      bounds: [0, 0, 0, 0]
      type: "stacking-context"
      clip-and-scroll: [2, 5]
      items:
        -
          bounds: [225, 150, 300, 300]
          type: rect
          color: red