# In this test, there is a flattened ref frame between an element
# and the picture it's rendered into. The element should be considered
# invisible as it's back face oriented at this flattening step.
# If WR only checks the "final" transform, it will consider it visible.

---
root:
  transform: rotate-x(1)
  items:
    - type: stacking-context
      transform-style: preserve-3d
      #transform: rotate-x(1)
      items:
        - type: stacking-context
          bounds: 0 0 200 200
          transform: rotate-y(30)
          transform-style: flat
          items:
            - type: stacking-context
              bounds: 0 0 200 200
              transform: rotate-y(-100)
              transform-style: preserve-3d
              items:
                - type: stacking-context
                  #transform: rotate-x(1)
                  transform-style: flat
                  items:
                    - type: rect
                      bounds: 0 0 200 200
                      color: green
                      backface-visible: false
