# In this test, both rectangles have invisible back faces and are
# parented to a preserve-3d context that is rotated by 180 degrees.
# The red one is also rotated 180 degrees, and should be visible.
---
root:
  items:
    - type: stacking-context
      items:
        - type: stacking-context
          transform: rotate-y(180)
          transform-style: preserve-3d
          transform-origin: 50 50
          items:
            - type: rect
              color: green
              bounds: 0 0 100 100
              backface-visible: false
            - type: stacking-context
              transform: rotate-y(180)
              transform-origin: 0 0
              backface-visible: false
              items:
                - type: rect
                  color: red
                  bounds: 0 0 100 100
