CSS3 3D Transforms/TestPlan: Difference between revisions
Jump to navigation
Jump to search
Ioana.budnar (talk | contribs) |
Ioana.budnar (talk | contribs) |
||
| (13 intermediate revisions by the same user not shown) | |||
| Line 13: | Line 13: | ||
| Matt Woodrow | | Matt Woodrow | ||
| Ioana Budnar | | Ioana Budnar | ||
| | | {{StatusHealthy|status=Signed off}} | ||
|} | |} | ||
| Line 21: | Line 21: | ||
== References == | == References == | ||
*[https://wiki.mozilla.org/CSS3_3D_Transforms | *[https://wiki.mozilla.org/CSS3_3D_Transforms Feature Wiki page] | ||
*[http://dev.w3.org/csswg/css3-3d-transforms/#rendering-3d W3 specification] | *[http://dev.w3.org/csswg/css3-3d-transforms/#rendering-3d W3 specification] | ||
*[http://www.youtube.com/watch?v=BqYHlRZoTak&feature=related Webkit demo example] | *[http://www.youtube.com/watch?v=BqYHlRZoTak&feature=related Webkit demo example] | ||
| Line 27: | Line 27: | ||
== Use Cases == | == Use Cases == | ||
*Create 2D elements that can be moved and animated in 3D space (could be used to create interesting 3D UI elements). | *Create 2D elements that can be moved and animated in 3D space (could be used to create interesting 3D UI elements). All the properties of this elements work properly. | ||
*Preserve 3D elements when sorting them. | |||
*Ensure transitions are supported for the properties that should support them (e.g. border-bottom-left-radius, box-shadow, background-color etc), and not supported for the rest (e.g. -moz-animation-duration, background-image, text-overflow etc). | |||
*Try to use CSS3 3D Transforms with layout.3d-transforms.enabled set as "false". | |||
== Test Cases == | == Test Cases == | ||
*Manual test cases can be viewed [https://docs.google.com/spreadsheet/ccc?key=0AoLS2jzcUzsHdC1CTFluS2VKOFY1M3RfR2FrdjNoNGc#gid=0 here]. | |||
* Automated test cases: | * Automated test cases: | ||
**Reftests in layout/reftests/transform-3d | **Reftests in layout/reftests/transform-3d | ||
| Line 39: | Line 42: | ||
*[https://bugzilla.mozilla.org/show_bug.cgi?id=505115 505115] - CSS3 3D-Transforms | *[https://bugzilla.mozilla.org/show_bug.cgi?id=505115 505115] - CSS3 3D-Transforms | ||
*[https://bugzilla.mozilla.org/show_bug.cgi?id=677173 677173] - css3-3d-transforms isn't fully disabled since properties (which sites detect) are added to IDL | *[https://bugzilla.mozilla.org/show_bug.cgi?id=677173 677173] - css3-3d-transforms isn't fully disabled since properties (which sites detect) are added to IDL | ||
*[https://bugzilla.mozilla.org/show_bug.cgi?id=677878 677878] - no jquery action ellement on enabling css3 properties -moz-transform to ellement input[type=file] | *[https://bugzilla.mozilla.org/show_bug.cgi?id=677878 677878] - no jquery action ellement on enabling css3 properties -moz-transform to ellement input[type=file] | ||
*[https://bugzilla.mozilla.org/show_bug.cgi?id=682922 682922] - Crash with -moz-transform-style: preserve-3d | *[https://bugzilla.mozilla.org/show_bug.cgi?id=682922 682922] - Crash with -moz-transform-style: preserve-3d | ||
*[https://bugzilla.mozilla.org/show_bug.cgi?id=696175 696175] - Crash [@ nsLineBox::CachedIsEmpty] with inline acting as an absolute containing block | *[https://bugzilla.mozilla.org/show_bug.cgi?id=696175 696175] - Crash [@ nsLineBox::CachedIsEmpty] with inline acting as an absolute containing block | ||
*[https://bugzilla.mozilla.org/show_bug.cgi?id=704468 704468] - Wrong rotation direction for rotate3d(x,y,z,angle) | |||
*[https://bugzilla.mozilla.org/show_bug.cgi?id=692968 692968] - crash when doing javascript animation of 3D transform (css3-3d-transforms) | |||
== Not Tested == | == Not Tested == | ||
*CSS Transforms. | *Other CSS Transforms. | ||
== Sign off Criteria == | == Sign off Criteria == | ||
Latest revision as of 10:22, 16 January 2012
CSS3 3D Transforms
| Feature | Status | Dev Lead | QA Lead | Status |
| CSS3 3D Transforms | Landed in Firefox 10 | Matt Woodrow | Ioana Budnar | Signed off |
Summary
- CSS 3D Transforms extends CSS Transforms to allow elements rendered by CSS to be transformed in three-dimensional space.
References
Use Cases
- Create 2D elements that can be moved and animated in 3D space (could be used to create interesting 3D UI elements). All the properties of this elements work properly.
- Preserve 3D elements when sorting them.
- Ensure transitions are supported for the properties that should support them (e.g. border-bottom-left-radius, box-shadow, background-color etc), and not supported for the rest (e.g. -moz-animation-duration, background-image, text-overflow etc).
- Try to use CSS3 3D Transforms with layout.3d-transforms.enabled set as "false".
Test Cases
- Manual test cases can be viewed here.
- Automated test cases:
- Reftests in layout/reftests/transform-3d
- CSS property tests in layout/style/test/test_transitions_per_property.html
- layout/base/tests/test_preserve3d_sorting_hit_testing.html
Important Bugs
- 505115 - CSS3 3D-Transforms
- 677173 - css3-3d-transforms isn't fully disabled since properties (which sites detect) are added to IDL
- 677878 - no jquery action ellement on enabling css3 properties -moz-transform to ellement input[type=file]
- 682922 - Crash with -moz-transform-style: preserve-3d
- 696175 - Crash [@ nsLineBox::CachedIsEmpty] with inline acting as an absolute containing block
- 704468 - Wrong rotation direction for rotate3d(x,y,z,angle)
- 692968 - crash when doing javascript animation of 3D transform (css3-3d-transforms)
Not Tested
- Other CSS Transforms.
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.