CSS3 3D Transforms/TestPlan

CSS3 3D Transforms

Feature Status Dev Lead QA Lead Status
CSS3 3D Transforms Landed in Firefox 10 Matt Woodrow Ioana Budnar In progress

Summary

  • CSS 3D Transforms extends CSS Transforms to allow elements rendered by CSS to be transformed in three-dimensional space.

References

Use Cases to Test

Basic Functional Testing
  • Create 2D elements that can be moved and animated in 3D space (could be used to create interesting 3D UI elements).
Edge Cases

Test Cases

  • Automated test cases:
    • Reftests in layout/reftests/transform-3d
    • CSS property tests are in layout/style/test (mainly test_transitions_per_property.html)
    • layout/base/tests/test_preserve3d_sorting_hit_testing.html

Important Bugs

  • 505115 - CSS3 3D-Transforms
  • 604899 - poor text rendering with dancing characters at html5test.com
  • 676746 - layersGPUAccelerated flags appears to be incorrect for the windows test machines.
  • 689498 - Intersecting planes are not z-ordered properly
  • 689504 - Reflow + thebesLayer content repaint happening all the time while rendering morphing cubes
  • 689760 - Falling leaves are very slow, re-allocating textures on each paint...
  • 695964 - "ASSERTION: Can't get a delta for an untransformed frame!" with transform, svg:foreignObject
  • 696936 - "ASSERTION: Perspective must be positive!" (quirks mode only)
  • 699360 - "ASSERTION: Our frame tree is likely to be bogus!" with transition, "transform-style: preserve-3d"

Sign off Criteria

  • All test cases were run on the Firefox version the feature is targeted for (Firefox 10.0).
  • All the major bugs have been fixed.