CSS Transforms Module Level 1 CR Test Suite

The Transform Function Lists (12 tests)

Test Refs Flags Info
+ 10 The Transform Function Lists
svg-transform-list-separations-001 = SVG No separations between transform functions on SVG presentation attribute
  • The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with no separation between the 3 transform functions in the list
svg-transform-list-separations-002 = SVG Comma + no whitespace separations between transform functions on SVG presentation attribute
  • The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by commas with no whitespace.
svg-transform-list-separations-003 = SVG Comma + whitespace separations between transform functions on SVG presentation attribute
  • The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by commas with whitespace.
svg-transform-list-separations-004 = SVG Whitespace separations between transform functions on SVG presentation attribute
  • The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by whitespace.
svg-transform-list-separations-005 = SVG Comma, whitespace, and no separations between transform functions on SVG presentation attribute
  • The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 4 transform functions in the list delimited by a comma, whitespace, and nothing.
svg-transform-list-separations-006 = SVG Multiple spaces between transform functions on SVG presentation attribute
  • The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 4 transform functions in the list with multiple spaces between them
svg-transform-list-separations-007 = SVG Multiple spaces before and after transform functions on SVG presentation attribute
  • The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with multiple spaces before and after the transform function list
svg-transform-list-separations-008 = SVG Transform functions separated by commas separations with multiple spaces before the commas on SVG presentation attribute
  • The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by commas with whitespace before the commas.
svg-transform-list-separations-009 = SVG Transform functions separated by commas separations with spaces before and after the commas on SVG presentation attribute
  • The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by commas with whitespace before the commas.
svg-transform-list-separations-010 = SVG Transform functions separated by newlines on SVG presentation attribute
  • The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by newlines
svg-transform-list-separations-011 = SVG Transform functions separated by commas and newlines on SVG presentation attribute
  • The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by commas and newlines
transform-singular-001 = matrix(1, 1, 1, 1, 0, 0)
  • "If a transform function causes the current transformation matrix (CTM) of an object to be non-invertible, the object and its content do not get displayed." The matrix (1, 1, 1, 1) has determinant 1*1 - 1*1 = 0 and therefore is not invertible, so nothing should display.