CSS Transforms Module Level 1 CR Test Suite

The SVG transform Attribute (285 tests)

Test Refs Flags Info
+ 7 The SVG transform Attribute
skew-test1 = SVG Testing 1 - skew()
  • The lime square in this test has a skew method applied : 30deg on x and 20deg on y. The red polygon should be totally hidden by the lime skewed square. Both start at 0,0
svg-document-styles-001 = SVG Document transform style on SVG element with presentation attribute style on the same element
  • Document transform styles on SVG elements should override presentation attribute styles on the same element. The rect in the test should be rotated by 90 degrees clockwise and not scaled.
svg-document-styles-002 = SVG Document transform style on SVG child element with presentation attribute styles on the parent and child elements
  • Document transform styles on SVG elements should override presentation attribute styles on the same element. Presentation attribute styles on its parent should also be applied. The rect in the test should be rotated by 90 degrees clockwise, moved up 100 pixels, and not scaled.
svg-document-styles-003 = SVG Document transform style on SVG group element and presentation attribute style on child element
  • Document transform styles on SVG group elements should be pre-multipled on the child elements. The rect in the test should be rotated by 90 degrees clockwise and moved up 100 pixels.
svg-document-styles-004 = SVG Document transform style on SVG group element and presentation attribute style on group and child elements
  • Document transform styles on SVG group elements override presentation attribute styles on the same element. Presentation attribute styles on child elements should be post-multiplied. The rect in the test should be rotated by 90 degrees clockwise and moved up 100 pixels and not scaled.
svg-document-styles-005 = SVG Fall back to presentation attribute style of SVG element with invalid document transform style
  • Invalid document transform styles on SVG elements should fall back to presentation attributes styles on the same element. The rect in the test should be rotated by 90 degrees clockwise.
svg-document-styles-006 = SVG Fall back to presentation attribute styles of SVG element with invalid document transform style and presentation attribute style on group
  • Invalid document transform styles on SVG elements should fall back to presentation attributes styles on the same element. The rect in the test should be rotated by 90 degrees clockwise and moved up 100 pixels.
svg-document-styles-007 = SVG Invalid document transform style on SVG child element with valid presentation attribute style on group and invalid presentation attribute style on child
  • When both the document and presentation attribute styles on an element are invalid, no transform should be applied. However, valid presentation attribute styles on the group should still be applied. The rect in the test should be rotated by 90 degrees clockwise and not scaled down or flipped.
svg-document-styles-008 = SVG Invalid document and presentation attribute styles on an SVG element
  • When both the document and presentation attribute styles are invalid, no transform should be applied. The rect in the test should not be scaled down or flipped.
svg-document-styles-009 = SVG Invalid document transform style on SVG group with valid presentation attribute style on child element
  • Invalid document transform styles on group elements should not be applied, but valid presentation attribute styles on the child should be applied. The rect in the test should be rotated by 90 degrees clockwise and not scaled.
svg-document-styles-010 = SVG Invalid document transform style on SVG group with valid presentation attribute styles on group and child elements
  • Invalid document transform styles on group elements should fall back to presentation attribute styles on the same element. Presentation attribute styles on the child should also be applied. The rect in the test should be rotated by 90 degrees clockwise, moved up 100 pixels and not scaled.
svg-document-styles-011 = SVG Invalid document transform style and invalid presentation attribute style on SVG group and valid presentation attribute style on child
  • When both the document and presentation attribute styles on a group are invalid, no transform should be applied. However, the valid presentation attribute style on the child should be applied. The rect in the test should be rotated by 90 degrees clockwise and not scaled down or flipped.
svg-document-styles-012 = SVG Document style of rotate with three arguments on SVG element with presentation attribute style on the same element
  • Document style of rotate with three arguments on SVG elements should override presentation attribute styles on the same element. The rect in the test should be rotated by 90 degrees clockwise after the transform origin is translated by 20 pixels in both the vertical and horizontal directions and not scaled.
svg-document-styles-013 = SVG Fall back to presentation attribute style of rotate with three arguments of SVG element with invalid document style
  • Invalid document styles on SVG elements should fall back to presentation attributes styles of rotate with three arguments on the same element. The rect in the test should be rotated by 90 degrees clockwise after the transform origin is translated by 20 pixels in both the vertical and horizontal directions.
svg-document-styles-014 = SVG Invalid document and presentation attribute styles on an SVG element using rotate with three arguments
  • When both the document and presentation attribute styles are invalid, no transform should be applied. The rect in the test should not be scaled down or rotated.
svg-external-styles-001 = SVG External transform style on SVG element with presentation attribute style on the same element
  • External styles on SVG elements should override presentation attribute styles on the same element. The rect in the test should be rotated by 90 degrees clockwise and not scaled.
svg-external-styles-002 = SVG External transform style on SVG child element with presentation attribute styles on the parent and child elements
  • External styles on SVG elements should override presentation attribute styles on the same element. Presentation attribute styles on its parent should also be applied. The rect in the test should be rotated by 90 degrees clockwise, moved up 100 pixels, and not scaled.
svg-external-styles-003 = SVG External transform style on SVG group element and presentation attribute style on child element
  • External styles on SVG group elements should be pre-multipled on the child elements. The rect in the test should be rotated by 90 degrees clockwise and moved up 100 pixels.
svg-external-styles-004 = SVG External transform style on SVG group element and presentation attribute style on group and child elements
  • External styles on SVG group elements override presentation attribute styles on the same element. Presentation attribute styles on child elements should be post-multiplied. The rect in the test should be rotated by 90 degrees clockwise and moved up 100 pixels and not scaled.
svg-external-styles-005 = SVG Fall back to presentation attribute style of SVG element with invalid external transform style
  • Invalid external transform styles on SVG elements should fall back to presentation attributes styles on the same element. The rect in the test should be rotated by 90 degrees clockwise.
svg-external-styles-006 = SVG Fall back to presentation attribute styles of SVG element with invalid external transform style and presentation attribute style on group
  • Invalid external transform styles on SVG elements should fall back to presentation attributes styles on the same element. The rect in the test should be rotated by 90 degrees clockwise and moved up 100 pixels.
svg-external-styles-007 = SVG Invalid external transform style on SVG child element with valid presentation attribute style on group and invalid presentation attribute style on child
  • When both the external and presentation attribute styles on an element are invalid, no transform should be applied. However, valid presentation attribute styles on the group should still be applied. The rect in the test should be rotated by 90 degrees clockwise and not scaled down or flipped.
svg-external-styles-008 = SVG Invalid external and presentation attribute styles on an SVG element
  • When both the external and presentation attribute styles are invalid, no transform should be applied. The rect in the test should not be scaled down or flipped.
svg-external-styles-009 = SVG Invalid external transform style on SVG group with valid presentation attribute style on child element
  • Invalid external transform styles on group elements should not be applied, but valid presentation attribute styles on the child should be applied. The rect in the test should be rotated by 90 degrees clockwise and not scaled.
svg-external-styles-010 = SVG Invalid external transform style on SVG group with valid presentation attribute styles on group and child elements
  • Invalid external transform styles on group elements should fall back to presentation attribute styles on the same element. Presentation attribute styles on the child should also be applied. The rect in the test should be rotated by 90 degrees clockwise, moved up 100 pixels and not scaled.
svg-external-styles-011 = SVG Invalid external transform style and invalid presentation attribute style on SVG group and valid presentation attribute style on child
  • When both the external and presentation attribute styles on a group are invalid, no transform should be applied. However, the valid presentation attribute style on the child should be applied. The rect in the test should be rotated by 90 degrees clockwise and not scaled down or flipped.
svg-external-styles-013 = SVG Fall back to presentation attribute style of rotate with three arguments of SVG element with invalid external style
  • Invalid external styles on SVG elements should fall back to presentation attributes styles of rotate with three arguments on the same element. The rect in the test should be rotated by 90 degrees clockwise after the transform origin is translated by 20 pixels in both the vertical and horizontal directions.
svg-external-styles-014 = SVG Invalid external and presentation attribute styles on an SVG element
  • When both the external and presentation attribute styles are invalid, no transform should be applied. The rect in the test should not be scaled down or rotated.
svg-gradienttransform-001 = SVG SVG gradientTransform presentation attribute and translateX with translation-value argument without unit
  • The gradientTransform attribute must support functions with unit less arguments for translation-value. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.
svg-gradienttransform-combination-001 = SVG SVG gradientTransform presentation attribute with translateX applied twice
  • The gradientTransform attribute must support multiple transform functions the same element. The gradient in the test should be moved 100 pixels in the X direction resulting in a solid green rect.
svg-gradienttransform-combination-003 = SVG SVG gradientTransform presentation attribute and translation-value argument with translateX applied in both directions
  • The gradientTransform attribute must support multiple transform functions in both directions. The gradient in the test should be moved 100 pixels in the X direction resulting in a solid green rect.
svg-inline-styles-001 = SVG Inline transform style on SVG element with presentation attribute style on the same element
  • Inline styles on SVG elements should override presentation attribute styles on the same element. The rect in the test should be rotated by 90 degrees clockwise and not scaled.
svg-inline-styles-002 = SVG Inline transform style on SVG child element with presentation attribute styles on the parent and child elements
  • Inline styles on SVG elements should override presentation attribute styles on the same element. Presentation attribute styles on its parent should also be applied. The rect in the test should be rotated by 90 degrees clockwise, moved up 100 pixels, and not scaled.
svg-inline-styles-003 = SVG Inline transform style on SVG group element and presentation attribute style on child element
  • Inline styles on SVG group elements should be pre-multipled on the child elements. The rect in the test should be rotated by 90 degrees clockwise and moved up 100 pixels.
svg-inline-styles-004 = SVG Inline transform style on SVG group element and presentation attribute style on group and child elements
  • Inline styles on SVG group elements override presentation attribute styles on the same element. Presentation attribute styles on child elements should be post-multiplied. The rect in the test should be rotated by 90 degrees clockwise and moved up 100 pixels and not scaled.
svg-inline-styles-005 = SVG Fall back to presentation attribute style of SVG element with invalid inline transform style
  • Invalid inline transform styles on SVG elements should fall back to presentation attributes styles on the same element. The rect in the test should be rotated by 90 degrees clockwise.
svg-inline-styles-006 = SVG Fall back to presentation attribute styles of SVG element with invalid inline transform style and presentation attribute style on group
  • Invalid inline transform styles on SVG elements should fall back to presentation attributes styles on the same element. The rect in the test should be rotated by 90 degrees clockwise and moved up 100 pixels.
svg-inline-styles-007 = SVG Invalid inline transform style on SVG child element with valid presentation attribute style on group and invalid presentation attribute style on child
  • When both the inline and presentation attribute styles on an element are invalid, no transform should be applied. However, valid presentation attribute styles on the group should still be applied. The rect in the test should be rotated by 90 degrees clockwise and not scaled down or flipped.
svg-inline-styles-008 = SVG Invalid inline and presentation attribute styles on an SVG element
  • When both the inline and presentation attribute styles are invalid, no transform should be applied. The rect in the test should not be scaled down or flipped
svg-inline-styles-009 = SVG Invalid inline transform style on SVG group with valid presentation attribute style on child element
  • Invalid inline styles on group elements should not be applied, but valid presentation attribute styles on the child should be applied. The rect in the test should be rotated by 90 degrees clockwise and not scaled.
svg-inline-styles-010 = SVG Invalid inline transform style on SVG group with valid presentation attribute styles on group and child elements
  • Invalid inline transform styles on group elements should fall back to presentation attribute styles on the same element. Presentation attribute styles on the child should also be applied. The rect in the test should be rotated by 90 degrees clockwise, moved up 100 pixels and not scaled.
svg-inline-styles-011 = SVG Invalid inline transform style and invalid presentation attribute style on SVG group and valid presentation attribute style on child
  • When both the inline and presentation attribute styles on a group are invalid, no transform should be applied. However, the valid presentation attribute style on the child should be applied. The rect in the test should be rotated by 90 degrees clockwise and not scaled down or flipped.
svg-inline-styles-012 = SVG Inline style of rotate with 3 arguments on SVG element with presentation attribute style on the same element
  • Rotate with three arguments inline style on SVG elements should override presentation attribute styles on the same element. The rect in the test should be rotated by 90 degrees clockwise after the transform origin is translated by 20 pixels in both the vertical and horizontal directions and not scaled.
svg-inline-styles-013 = SVG Fall back to presentation attribute style of rotate with three arguments of SVG element with invalid inline style
  • Invalid inline styles on SVG elements should fall back to presentation attributes style of rotate with three arguments on the same element. The rect in the test should be rotated by 90 degrees clockwise after the transform origin is translated by 20 pixels in both the vertical and horizontal directions.
svg-inline-styles-014 = SVG Invalid inline and presentation attribute styles on an SVG element using rotate with three arguments
  • When both the inline and presentation attribute styles are invalid, no transform should be applied. The rect in the test should not be scaled down or rotated
svg-matrix-001 = SVG SVG presentation attribute and matrix scaling up horizontally only: 2 0 0 1 0 0
  • The rect in the test should be scaled up horizontally.
svg-matrix-002 = SVG SVG presentation attribute and matrix scaling down horizontally only: 0.5 0 0 1 0 0
  • The rect in the test should be scaled down horizontally.
svg-matrix-003 = SVG SVG presentation attribute and matrix scaling up vertically only: 1 0 0 2 0 0
  • The rect in the test should be scaled up vertically.
svg-matrix-004 = SVG SVG presentation attribute and matrix scaling down vertically only: 1 0 0 0.5 0 0
  • The rect in the test should be scaled down vertically.
svg-matrix-005 = SVG SVG presentation attribute and matrix flipping left and scaling up horizontally: -2 0 0 1 100 0
  • The rect in the test should be flipped left and scaled up horizontally.
svg-matrix-006 = SVG SVG presentation attribute and matrix flipping left and scaling down horizontally: -0.5 0 0 1 100 0
  • The rect in the test should be flipped left and scaled up horizontally.
svg-matrix-007 = SVG SVG presentation attribute and matrix flipping up and scaling up vertically: 1 0 0 -2 0 100
  • The rect in the test should be flipped up and scaled up vertically.
svg-matrix-008 = SVG SVG presentation attribute and matrix flipping up and scaling down vertically: 1 0 0 -0.5 0 100
  • The rect in the test should be flipped up and scaled down vertically.
svg-matrix-009 = SVG SVG presentation attribute and matrix scaling up horizontally and vertically with scientific numbers: -0.2e1 0 0 0.2e1 0 0
  • The matrix function must support scientific numbers. The rect in the test should be scaled up horizontally and vertically.
svg-matrix-010 = SVG SVG presentation attribute and matrix flipping up and left and scaling up horizontally and vertically with scientific numbers: -0.2e1 0 0 -0.2e1 100 100
  • The matrix function must support scientific numbers. The rect in the test should be flipped up and left and scaled up horizontally and vertically.
svg-matrix-011 = SVG SVG presentation attribute and matrix scaling down horizontally and vertically in scientific numbers with negative exponents: 5e-1 0 0 5e-1 0 0
  • The matrix function must support scientific numbers with negative exponents. The rect in the test should be scaled down horizontally and vertically.
svg-matrix-012 = SVG SVG presentation attribute and matrix flipping up and left and scaling down horizontally and vertically with scientific numbers with negative exponents: -5e-1 0 0 -5e-1 100 100
  • The matrix function must support scientific numbers with negative exponents. The rect in the test should be flipped up and left and scaled down horizontally and vertically.
svg-matrix-013 = SVG SVG presentation attribute and matrix scaling up horizontally and down vertically: 2 0 0 0.5 0 0
  • The rect in the test should be scaled up horizontally and down vertically.
svg-matrix-014 = SVG SVG presentation attribute and matrix scaling down horizontally and up vertically: 0.5 0 0 2 0 0
  • The rect in the test should be scaled down horizontally and up vertically.
svg-matrix-015 = SVG SVG presentation attribute and matrix flipping up and left and scaling up horizontally and down vertically: -2 0 0 -0.5 100 100
  • The rect in the test should be flipped up and left and scaled up horizontally and down vertically.
svg-matrix-016 = SVG SVG presentation attribute and matrix flipping up and left and scaling down horizontally and up vertically: -0.5 0 0 -2 100 100
  • The rect in the test should be flipped up and left and scaled down horizontally and up vertically.
svg-matrix-017 = SVG SVG presentation attribute and matrix flipping up and scaling up horizontally and vertically: 2 0 0 -2 0 100
  • The rect in the test should be flipped up scaled up horizontally and vertically.
svg-matrix-018 = SVG SVG presentation attribute and matrix flipping up and scaling down horizontally and vertically: 0.5 0 0 -0.5 0 100
  • The rect in the test should be flipped up scaled down horizontally and vertically.
svg-matrix-019 = SVG SVG presentation attribute and matrix flipping left and scaling down horizontally and vertically: -0.5 0 0 0.5 100 0
  • The rect in the test should be flipped left and scaled down horizontally and vertically.
svg-matrix-020 = SVG SVG presentation attribute and matrix and flipping up and scaling up horizontally and down vertically: 2 0 0 -0.5 0 100
  • The rect in the test should be flipped up and scaled up horizontally and down vertically.
svg-matrix-021 = SVG SVG presentation attribute and matrix and flipping left and scaling up horizontally and down vertically: -2 0 0 0.5 100 0
  • The rect in the test should be flipped left and scaled up horizontally and down vertically.
svg-matrix-022 = SVG SVG presentation attribute and matrix and flipping up and scaling down horizontally and up vertically: 0.5 0 0 -2 0 100
  • The rect in the test should be flipped up and scaled down horizontally and up vertically.
svg-matrix-023 = SVG SVG presentation attribute and matrix and flipping left and scaling down horizontally and up vertically: -0.5 0 0 2 100 0
  • The rect in the test should be flipped left and scaled down horizontally and up vertically.
svg-matrix-024 = SVG SVG presentation attribute and matrix and flipping left and scaling up horizontally and vertically: -2 0 0 2 100 0
  • The rect in the test should be flipped left and scaled up horizontally and vertically.
svg-matrix-025 = SVG SVG presentation attribute and matrix and flipping left: -1 0 0 1 100 0
  • The rect in the test should be flipped left.
svg-matrix-026 = SVG SVG presentation attribute and matrix and flipping up: 1 0 0 0 -1 0 100
  • The rect in the test should be flipped up.
svg-matrix-027 = SVG SVG presentation attribute and matrix and flipping left and up: -1 0 0 0 -1 100 100
  • The rect in the test should be flipped left and up.
svg-matrix-028 = SVG SVG presentation attribute and matrix and flipping up and scaling up horizontally: 2 0 0 -1 0 100
  • The rect in the test should be flipped up and scaled up horizontally.
svg-matrix-029 = SVG SVG presentation attribute and matrix and flipping up and left and scaling up horizontally with scientific numbers: -2 0 0 -1 10e1 10e1
  • The matrix function must support scientific numbers. The rect in the test should be flipped up and left and scaled up horizontally.
svg-matrix-030 = SVG SVG presentation attribute and matrix and flipping up and scaling down horizontally: 0.5 0 0 -1 0 100
  • The rect in the test should be flipped up and scaled down horizontally.
svg-matrix-031 = SVG SVG presentation attribute and matrix and flipping up and left and scaling down horizontally: -0.5 0 0 -1 100 100
  • The rect in the test should be flipped up and left and scaled down horizontally.
svg-matrix-032 = SVG SVG presentation attribute and matrix and flipping left and scaling up vertically: -1 0 0 2 100 0
  • The rect in the test should be flipped left scaled up vertically.
svg-matrix-033 = SVG SVG presentation attribute and matrix and flipping up and left and scaling up vertically with scientific numbers with negative exponents: -1 0 0 -2 1000e-1 1000e-1
  • The matrix function must support scientific numbers with negative exponents. The rect in the test should be flipped up and left scaled up vertically.
svg-matrix-034 = SVG SVG presentation attribute and matrix and flipping left and scaling down vertically: -1 0 0 0.5 100 0
  • The rect in the test should be flipped left scaled down vertically.
svg-matrix-035 = SVG SVG presentation attribute and matrix and flipping left and up and scaling down vertically: -1 0 0 -0.5 100 100
  • The rect in the test should be flipped left and up scaled down vertically.
svg-matrix-036 = SVG SVG presentation attribute and matrix and skewing right: 1 0 1 1 0 0
  • The rect in the test should skewed right horizontally.
svg-matrix-037 = SVG SVG presentation attribute and matrix and skewing down: 1 1 0 1 100 0
  • The rect in the test should skewed down horizontally.
svg-matrix-038 = SVG SVG presentation attribute and matrix and skewing left: 1 0 -1 100 50
  • The rect in the test should be skewed left horinzontally.
svg-matrix-039 = SVG SVG presentation attribute and matrix and skewing up: 1 -1 0 1 50 100
  • The rect in the test should be skewed up vertically.
svg-matrix-040 = SVG SVG presentation attribute and matrix and skewing up and left with scientific numbers: 1 -0.05e1 -0.05e1 1 100 50
  • The matrix function must support scientific numbers. The rect in the test should be skewed up vertically and left horizontally.
svg-matrix-041 = SVG SVG presentation attribute and matrix and skewing down and right with scientific numbers: 1 0.05e1 0.05e1 1 50 0
  • The matrix function must support scientific numbers. The rect in the test should be skewed down vertically and right horizontally.
svg-matrix-042 = SVG SVG presentation attribute and matrix and skewing down and left: 1 -0.5 0.5 1 50 50
  • The rect in the test should be skewed down vertically and left horizontally.
svg-matrix-043 = SVG SVG presentation attribute and matrix and skewing up and right: 1 0.5 -0.5 1 100 0
  • The rect in the test should be skewed up vertically and right horizontally.
svg-matrix-044 = SVG SVG presentation attribute and matrix and scaling up and skewing down and right: 2 0.5 0.5 2 50 0
  • The rect in the test should be scaled up vertically and horizontally and skewed down vertically and right horizontally.
svg-matrix-045 = SVG SVG presentation attribute and matrix and scaling down and skewing up and left: 0.75 -0.5 -0.5 0.75 190 150
  • The rect in the test should be scaled down vertically and horizontally and skewed up vertically and left horizontally.
svg-matrix-046 = SVG SVG presentation attribute and matrix and flipping left, scaling up, and skewing down and right with scientific numbers with negative exponents: -2 5e-1 5e-1 2 250 0
  • The matrix function must support scientific numbers with negative exponents. The rect in the test should be flipped left, scaled up, and skewed down vertically and right horizontally.
svg-matrix-047 = SVG SVG presentation attribute and matrix and flipping up, scaling down, and skewing up and left with scientific numbers with negative exponents: 0.5 -5e-1 0 -5e-1 250 100
  • The matrix function must support scientific numbers with negative exponents. The rect in the test should be flipped down, scaled down, and skewed up vertically and left horizontally.
svg-matrix-048 = SVG SVG presentation attribute and matrix and flipping up and left, scaling up horizontally and down vertically, and skewing right and down: -2 0.25 0.25 -0.5 200 200
  • The rect in the test should be flipped up and left, scaled up horizontally and down vertically, and skewed right and down.
svg-matrix-049 = SVG SVG presentation attribute and matrix function arguments separated by commas and no spaces
  • The rect in the test should be flipped up and left and scaled down horizontally and vertically.
svg-matrix-050 = SVG SVG presentation attribute and matrix function arguments separated by commas with spaces before the comma
  • The matrix function must support arguments separated by commas with spaces before the commas. The rect in the test should be flipped up and left and scaled down horizontally and vertically.
svg-matrix-051 = SVG SVG presentation attribute and matrix function arguments separated by commas with spaces after the comma
  • The matrix function must support arguments separated by commas with spaces after the commas. The rect in the test should be flipped up and left and scaled down horizontally and vertically.
svg-matrix-052 = SVG SVG presentation attribute and matrix function arguments separated by commas with spaces before and after the comma
  • The matrix function must support arguments separated by commas with spaces before and after the commas. The rect in the test should be flipped up and left and scaled down horizontally and vertically.
svg-matrix-053 = SVG SVG presentation attribute and matrix function arguments separated by commas with multiple spaces before the comma
  • The matrix function must support arguments separated by commas with multiple spaces before the commas. The rect in the test should be flipped up and left and scaled down horizontally and vertically.
svg-matrix-054 = SVG SVG presentation attribute and matrix function arguments separated by commas with multiple spaces after the comma
  • The matrix function must support arguments separated by commas with multiple spaces after the commas. The rect in the test should be flipped up and left and scaled down horizontally and vertically.
svg-matrix-055 = SVG SVG presentation attribute and matrix function arguments separated by commas with multiple spaces before and after the comma
  • The matrix function must support arguments separated by commas with multiple spaces before and after the commas. The rect in the test should be flipped up and left and scaled down horizontally and vertically.
svg-matrix-056 = SVG SVG presentation attribute and matrix function arguments separated by multiple spaces
  • The matrix function must support arguments separated by multiple spaces. The rect in the test should be flipped up and left and scaled down horizontally and vertically.
svg-matrix-057 = SVG SVG presentation attribute and matrix function arguments separated by a mix of spaces and commas
  • The matrix function must support arguments separated by a mix of spaces and commas. The rect in the test should be flipped up and left and scaled down horizontally and vertically.
svg-matrix-058 = SVG SVG presentation attribute and matrix function with invalid 'a' value
  • The matrix function does not support percentage values. If one argument is invalid, no transform should take place so the rect in this test should remain the same.
svg-matrix-059 = SVG SVG presentation attribute and matrix function with invalid 'b' value
  • The matrix function does not support degree units. If one argument is invalid, no transform should take place so the rect in this test should remain the same.
svg-matrix-060 = SVG SVG presentation attribute and matrix function with invalid 'c' value
  • The matrix function does not support gradian units. If one argument is invalid, no transform should take place so the rect in this test should remain the same.
svg-matrix-061 = SVG SVG presentation attribute and matrix function with invalid 'd' value
  • The matrix function does not support percentage units. If one argument is invalid, no transform should take place so the rect in this test should remain the same.
svg-matrix-062 = SVG SVG presentation attribute and matrix function with invalid 'e' value
  • The matrix function does not support px units. If one argument is invalid, no transform should take place so the rect in this test should remain the same.
svg-matrix-063 = SVG SVG presentation attribute and matrix function with invalid 'f' value
  • The matrix function does not support pt units. If one argument is invalid, no transform should take place so the rect in this test should remain the same.
svg-matrix-064 = SVG SVG presentation attribute and matrix function with invalid 'a' value with another transform function
  • The matrix function does not support percentage values. If one argument is invalid in one function, none of the transforms in the function list should happen. The rect in this test should remain the same.
svg-matrix-065 = SVG SVG presentation attribute and matrix function with invalid 'b' value with another transform function
  • The matrix function does not support radian units. If one argument is invalid in one function, none of the transforms in the function list should happen. The rect in this test should remain the same.
svg-matrix-066 = SVG SVG presentation attribute and matrix function with invalid 'c' value with another transform function
  • The matrix function does not support turn units. If one argument is invalid in one function, none of the transforms in the function list should happen. The rect in this test should remain the same.
svg-matrix-067 = SVG SVG presentation attribute and matrix function with invalid 'd' value with another transform function
  • The matrix function does not support percentage units. If one argument is invalid in one function, none of the transforms in the function list should happen. The rect in this test should remain the same.
svg-matrix-068 = SVG SVG presentation attribute and matrix function with invalid 'e' value with another transform function
  • The matrix function does not support pc units. If one argument is invalid in one function, none of the transforms in the function list should happen. The rect in this test should remain the same.
svg-matrix-069 = SVG SVG presentation attribute and matrix function with invalid 'f' value with another transform function
  • The matrix function does not support mm units. If one argument is invalid in one function, none of the transforms in the function list should happen. The rect in this test should remain the same.
svg-origin-relative-length-001 = SVG SVG presentation attribute transform-origin, first value absolute value and missing second argument
  • If only one value is specified, the second value is assumed to be 'center'. The rect should be rotated around its center point at 75,75
svg-origin-relative-length-002 = SVG SVG presentation attribute transform-origin, first value 'center' value and missing second argument
  • If only one value is specified, the second value is assumed to be 'center'. The rect should be rotated around its center point at 75,75
svg-origin-relative-length-003 = SVG SVG presentation attribute transform-origin, first value '50%' value and missing second argument
  • If only one value is specified, the second value is assumed to be 'center'. The rect should be rotated around its center point at 75,75
svg-origin-relative-length-004 = SVG SVG presentation attribute transform-origin, '50% 50%'
  • The rect should be rotated around its center point at 75,75
svg-origin-relative-length-005 = SVG SVG presentation attribute transform-origin, '50% center'
  • The rect should be rotated around its center point at 75,75
svg-origin-relative-length-006 = SVG SVG presentation attribute transform-origin, 'center 50%'
  • The rect should be rotated around its center point at 75,75
svg-origin-relative-length-007 = SVG SVG presentation attribute transform-origin, 'center center'
  • The rect should be rotated around its center point at 75,75
svg-origin-relative-length-008 = SVG SVG presentation attribute transform-origin, '75 center'
  • The rect should be rotated around its center point at 75,75
svg-origin-relative-length-009 = SVG SVG presentation attribute transform-origin, '75 50%'
  • The rect should be rotated around its center point at 75,75
svg-origin-relative-length-010 = SVG SVG presentation attribute transform-origin, 'center 75'
  • The rect should be rotated around its center point at 75,75
svg-origin-relative-length-011 = SVG SVG presentation attribute transform-origin, '50% 75'
  • The rect should be rotated around its center point at 75,75
svg-origin-relative-length-012 = SVG SVG presentation attribute transform-origin, '0'
  • The initial point of origin gets translated to 0,75. Since the second argument is missing, it is set to 'center'.
svg-origin-relative-length-013 = SVG SVG presentation attribute transform-origin, '150'
  • The initial point of origin gets translated to 150,75. Since the second argument is missing, it is set to 'center'.
svg-origin-relative-length-014 = SVG SVG presentation attribute transform-origin, '100%'
  • The initial point of origin gets translated to 150,75. Since the second argument is missing, it is set to 'center'.
svg-origin-relative-length-015 = SVG SVG presentation attribute transform-origin, 'right'
  • The initial point of origin gets translated to 150,75. Since the second argument is missing, it is set to 'center'.
svg-origin-relative-length-016 = SVG SVG presentation attribute transform-origin, 'left'
  • The initial point of origin gets translated to 75,75. Since the second argument is missing, it is set to 'center'.
svg-origin-relative-length-017 = SVG SVG presentation attribute transform-origin, '25%'
  • If the second argument is missing, it is assumed to be center. The initial point of origin gets translated to 37.5,75.
svg-origin-relative-length-018 = SVG SVG presentation attribute transform-origin, 'top'
  • The initial point of origin gets translated to 75,0. A single argument 'top' gets interpreted as 'center top'.
svg-origin-relative-length-019 = SVG SVG presentation attribute transform-origin, 'bottom'
  • The initial point of origin gets translated to 75,150. A single argument 'bottom' gets interpreted as 'center bottom'.
svg-origin-relative-length-020 = SVG SVG presentation attribute transform-origin, '0% 0%'
  • The initial point of origin gets translated to 75,75 since '0% 0%' is relative to the bounding box of the object.
svg-origin-relative-length-021 = SVG SVG presentation attribute transform-origin, 'top right'
  • The initial point of origin gets translated to 225,75 since 'top right' is relative to the bounding box of the object.
svg-origin-relative-length-022 = SVG SVG presentation attribute transform-origin, 'top left'
  • The initial point of origin gets translated to 75,75 since 'top left' is relative to the bounding box of the object.
svg-origin-relative-length-023 = SVG SVG presentation attribute transform-origin, 'top center'
  • The initial point of origin gets translated to 150,75 since 'top center' is relative to the bounding box of the object.
svg-origin-relative-length-024 = SVG SVG presentation attribute transform-origin, 'bottom left'
  • The initial point of origin gets translated to 75,225 since 'bottom left' is relative to the bounding box of the object.
svg-origin-relative-length-025 = SVG SVG presentation attribute transform-origin, 'bottom center'
  • The initial point of origin gets translated to 150,225 since 'bottom center' is relative to the bounding box of the object.
svg-origin-relative-length-026 = SVG SVG presentation attribute transform-origin, 'bottom right'
  • The initial point of origin gets translated to 225,225 since 'bottom right' is relative to the bounding box of the object.
svg-origin-relative-length-027 = SVG SVG presentation attribute transform-origin, 'right top'
  • The initial point of origin gets translated to 225,75 since 'right top' is relative to the bounding box of the object.
svg-origin-relative-length-028 = SVG SVG presentation attribute transform-origin, 'right center'
  • The initial point of origin gets translated to 225,150 since 'right center' is relative to the bounding box of the object.
svg-origin-relative-length-029 = SVG SVG presentation attribute transform-origin, 'right bottom'
  • The initial point of origin gets translated to 225,225 since 'right bottom' is relative to the bounding box of the object.
svg-origin-relative-length-030 = SVG SVG presentation attribute transform-origin, 'right 75'
  • The initial point of origin gets translated to 225,75 since 'right 75' is relative to the bounding box of the object.
svg-origin-relative-length-031 = SVG SVG presentation attribute transform-origin, 'right 0%'
  • The initial point of origin gets translated to 225,75 since 'right 0%' is relative to the bounding box of the object.
svg-origin-relative-length-032 = SVG SVG presentation attribute transform-origin, 'right 100%'
  • The initial point of origin gets translated to 225,225 since 'right 100%' is relative to the bounding box of the object.
svg-origin-relative-length-033 = SVG SVG presentation attribute transform-origin, 'left top'
  • The initial point of origin gets translated to 75,75 since 'left top' is relative to the bounding box of the object.
svg-origin-relative-length-034 = SVG SVG presentation attribute transform-origin, 'left center'
  • The initial point of origin gets translated to 75,150 since 'left center' is relative to the bounding box of the object.
svg-origin-relative-length-035 = SVG SVG presentation attribute transform-origin, 'left bottom'
  • The initial point of origin gets translated to 75,225 since 'left bottom' is relative to the bounding box of the object.
svg-origin-relative-length-036 = SVG SVG presentation attribute transform-origin, 'left 75'
  • The initial point of origin gets translated to 75,75 since 'left 75' is relative to the bounding box of the object.
svg-origin-relative-length-037 = SVG SVG presentation attribute transform-origin, 'left 0%'
  • The initial point of origin gets translated to 75,75 since 'left 0%' is relative to the bounding box of the object.
svg-origin-relative-length-038 = SVG SVG presentation attribute transform-origin, 'left 100%'
  • The initial point of origin gets translated to 75,225 since 'left 100%' is relative to the bounding box of the object.
svg-origin-relative-length-039 = SVG SVG presentation attribute transform-origin, 'center top'
  • The initial point of origin gets translated to 150,75 since 'center top' is relative to the bounding box of the object.
svg-origin-relative-length-040 = SVG SVG presentation attribute transform-origin, 'center bottom'
  • The initial point of origin gets translated to 150,225 since 'center bottom' is relative to the bounding box of the object.
svg-origin-relative-length-041 = SVG SVG presentation attribute transform-origin, 'center left'
  • The initial point of origin gets translated to 75,150 since 'center left' is relative to the bounding box of the object.
svg-origin-relative-length-042 = SVG SVG presentation attribute transform-origin, 'center right'
  • The initial point of origin gets translated to 225,150 since 'center right' is relative to the bounding box of the object.
svg-origin-relative-length-043 = SVG SVG presentation attribute transform-origin, 'center 100%'
  • The initial point of origin gets translated to 150,225 since 'center 100%' is relative to the bounding box of the object.
svg-origin-relative-length-044 = SVG SVG presentation attribute transform-origin, '0 center'
  • The initial point of origin gets translated to 0,150 since '0 center' is relative to the bounding box of the object.
svg-origin-relative-length-045 = SVG SVG presentation attribute transform-origin, 'center 0%'
  • The initial point of origin gets translated to 150,75 since 'center 0%' is relative to the bounding box of the object.
svg-origin-relative-length-046 = SVG SVG presentation attribute transform-origin, 'center 0'
  • The initial point of origin gets translated to 150,0 since 'center 0' is relative to the bounding box of the object.
svg-origin-relative-length-invalid-001 = SVG SVG presentation attribute transform-origin, invalid arguments 'top 100%'
  • Spec does not allow first value to be vertical if at least one of the first two passed values are not keywords. Fallback to 0,0
svg-origin-relative-length-invalid-002 = SVG SVG presentation attribute transform-origin, invalid arguments 'bottom 100%'
  • Spec does not allow first value to be vertical if at least one of the first two passed values are not keywords. Fallback to 0,0
svg-origin-relative-length-invalid-003 = SVG SVG presentation attribute transform-origin, invalid arguments 'top 150'
  • Spec does not allow first value to be vertical if at least one of the first two passed values are not keywords. Fallback to 0,0
svg-origin-relative-length-invalid-004 = SVG SVG presentation attribute transform-origin, invalid arguments 'bottom 150'
  • Spec does not allow first value to be vertical if at least one of the first two passed values are not keywords. Fallback to 0,0
svg-origin-relative-length-invalid-005 = SVG SVG presentation attribute transform-origin, invalid arguments 'top top'
  • Spec does not allow two vertical values. Fallback to 0,0
svg-origin-relative-length-invalid-006 = SVG SVG presentation attribute transform-origin, invalid arguments 'bottom bottom'
  • Spec does not allow two vertical values. Fallback to 0,0
svg-origin-relative-length-invalid-007 = SVG SVG presentation attribute transform-origin, invalid arguments 'top bottom'
  • Spec does not allow two vertical values. Fallback to 0,0
svg-origin-relative-length-invalid-008 = SVG SVG presentation attribute transform-origin, invalid arguments 'bottom top'
  • Spec does not allow two vertical values. Fallback to 0,0
svg-origin-relative-length-invalid-009 = SVG SVG presentation attribute transform-origin, invalid arguments 'left left'
  • Spec does not allow two horizontal values. Fallback to 0,0
svg-origin-relative-length-invalid-010 = SVG SVG presentation attribute transform-origin, invalid arguments 'left right'
  • Spec does not allow two horizontal values. Fallback to 0,0
svg-origin-relative-length-invalid-011 = SVG SVG presentation attribute transform-origin, invalid arguments 'right right'
  • Spec does not allow two horizontal values. Fallback to 0,0
svg-origin-relative-length-invalid-012 = SVG SVG presentation attribute transform-origin, invalid arguments 'right left'
  • Spec does not allow two horizontal values. Fallback to 0,0
svg-patterntransform-001 = SVG SVG patternTransform presentation attribute and translateX with translation-value argument without unit
  • The patternTransform attribute must support functions with unit less arguments for translation-value. The pattern in the test should be moved 25 pixels in the X direction resulting in a solid green rect.
svg-patterntransform-combination-001 = SVG SVG patternTransform presentation attribute and translation-value argument with translateX applied twice
  • The patternTransform attribute must support multiple transform functions the same element. The pattern in the test should be moved 50 pixels in the X direction resulting in a solid green rect.
svg-rotate-3args-002 = SVG SVG rotate with three arguments without units on rotate or translate values
  • The rotate transform function must support three arguments without units on angle arguments or translation-value arguments. The green rect in this test should be rotated 90 degrees clockwise after the transform origin is translated by 20 pixels in the vertical and horizontal direction to completely cover the red rect.
svg-rotate-3args-invalid-001 = SVG SVG rotate with three arguments with one absolute translation-value argument
  • The rotate transform function takes two optional translation values. If one of the translation values is not provided, then both translation-value parameters fall back to zero. The green rect in this test should be rotated by 90 degrees clockwise but the transform origin should not be translated. The green rect should completely cover the red rect.
svg-rotate-3args-invalid-002 = SVG SVG rotate with three arguments with no translation-value arguments and a comma
  • The rotate transform function takes two optional translation values. If no translation values are provided, and there is a comma after the rotate argument, then the entire argument list is invalid and therefore no transform is applied. The green rect in this test should not be rotated and the transform origin should not be translated. The green rect should completely cover the red rect.
svg-rotate-3args-invalid-003 = SVG SVG rotate with three arguments, with a third absolute translation-value argument
  • The rotate transform function takes two optional translation values. If a third absolute translation-value argument is provided, then all translation-value parameters fall back to zero. The green rect in this test should be rotated by 90 degrees clockwise, but the transform origin should not be translated. The green rect should completely cover the red rect.
svg-rotate-3args-invalid-004 = SVG SVG rotate with three arguments with one relative translation-value argument
  • The rotate transform function takes two optional translation values. If one of the translation values is not provided, then both translation-value parameters fall back to zero. The green rect in this test should be rotated by 90 degrees clockwise but the transform origin should not be translated. The green rect should completely cover the red rect.
svg-rotate-3args-invalid-005 = SVG SVG rotate with three arguments, with a third relative translation-value argument
  • The rotate transform function takes two optional translation values. If a third relative translation-value argument is provided, then all translation-value parameters fall back to zero. The green rect in this test should be rotated by 90 degrees clockwise, but the transform origin should not be translated. The green rect should completely cover the red rect.
svg-rotate-angle-45-001 = SVG SVG presentation attribute and angle argument without unit on rotate
  • The rotate transform function must support unit less arguments for angle. The green rect in the test should be rotated by 45 degrees clockwise to completely cover the red path.
svg-rotate-angle-45-011 = SVG SVG presentation attribute and more than full circle rotate with unit less angle
  • The rotate transform function must support 'modulo whole circle' for unit less angle arguments. The green rect in this test should be rotated by 45 degrees clockwise to completely cover the red path.
svg-rotate-angle-45-022 = SVG SVG presentation attribute and rotate with scientific numbers with negative exponents for arguments in degree
  • The rotate transform function must support scientific numbers with negative exponents for angle arguments in degree. The green rect in this test should be rotated by 45 degrees clockwise to completely cover the red path.
svg-rotate-angle-90-001 = SVG SVG presentation attribute and angle argument without unit on rotate
  • The rotate transform function must support unit less arguments for angle. The rect in this test should be rotated by 90 degrees clockwise to completely cover the red rect.
svg-rotate-angle-90-006 = SVG SVG presentation attribute and rotate with negative, unit less turn
  • The rotate transform function must support negative unit less angle arguments. The rect in this test should be rotated by 90 degrees clockwise to completely cover the red rect.
svg-rotate-angle-90-011 = SVG SVG presentation attribute and more than full circle rotate with unit less angle
  • The rotate transform function must support 'modulo whole circle' for unit less angle arguments. The rect in this test should be rotated by 90 degrees clockwise to completely cover the red rect.
svg-rotate-angle-90-016 = SVG SVG presentation attribute and rotate with scientific numbers on unit less angles
  • The rotate transform function must support scientific numbers for unit less angle arguments. The rect in this test should be rotated by 90 degrees clockwise to completely cover the red rect.
svg-rotate-angle-90-021 = SVG SVG presentation attribute and rotate with scientific numbers with negative exponents for unit less arguments
  • The rotate transform function must support scientific numbers with negative exponents for unit less angle arguments. The rect in this test should be rotated by 90 degrees clockwise to completely cover the red rect.
svg-scale-001 = SVG SVG presentation attribute and scale 0.5 with only one parameter specified
  • If the second parameter of the scale function is not provided, it is takes a value equal to the first. The red rect in this test should be scaled down 0.5 vertically and horizontally to be completely hidden by the green rect.
svg-scale-002 = SVG SVG presentation attribute and scale 1.5 with only one parameter specified
  • If the second parameter is not provided, it is takes a value equal to the first. The green rect in this test should be scaled up 1.5 vertically and horizontally to completely cover the red rect.
svg-scale-003 = SVG SVG presentation attribute and scale 2 with only one parameter specified
  • If the second parameter is not provided, it is takes a value equal to the first. The green rect in this test should be scaled up 2 vertically and horizontally to completely cover the red rect.
svg-scale-004 = SVG SVG presentation attribute and scale 0.5 with parameters separated by commas + no whitespace
  • Parameters in the scale function can be separated by commas and no whitespace. The red rect in this test should be scaled down 0.5 to completely cover the green rect.
svg-scale-006 = SVG SVG presentation attribute and scale horizontally 0.5 and vertically 1.5
  • The green rect in the test should be scaled down horizontally and up vertically to form a square and completely cover the red rect.
svg-scale-007 = SVG SVG presentation attribute and scale horizontally 1.5 and vertically 0.5
  • The green rect in the test should be scaled up horizontally and down vertically to form a square completely cover the red rect.
svg-scale-008 = SVG SVG presentation attribute and scale 0.5 on the g element
  • The group containing the red rect in this test should be scaled down 0.5 to be completely hidden behind the green rect.
svg-scale-009 = SVG SVG presentation attribute and scale 0.5 on the g element and scale 0.5 on the rect element
  • The group containing the red rect in this test should be scaled down 0.5 and the red rect should be scaled down again 0.5 to be completely hidden behind the green rect.
svg-scale-010 = SVG SVG presentation attribute and scale -0.5 with only one parameter specified
  • Scaling by a negative value should flip the element and if the second parameter of the scale function is not provided, it is takes a value equal to the first. The green rect in this test should be flipped downward and rightward into view and scaled down 0.5 horizontally and vertically to completely cover the red background.
svg-scale-011 = SVG SVG presentation attribute and scale -2 with only one parameter specified
  • Scaling by a negative value should flip the element and if the second parameter of the scale function is not provided, it is takes a value equal to the first. The green rect in this test flipped rightward and downard into view and scaled up 2 to completely cover the red background.
svg-scale-012 = SVG SVG presentation attribute and scale -0.5 with parameters separated by commas + no whitespace
  • Scaling by a negative value should flip the element and parameters to the scale function can be separated by commas with no whitespace. The green rect in this test should be flipped downward and rightward into view right scaled down 0.5 to to completely cover the red background.
svg-scale-013 = SVG SVG presentation attribute and scale horizontally -0.5 and vertically -1.5
  • Scaling by a negative value should flip the element. The green rect in this test should be flipped downward and rightward into view and scaled down horizontally and up vertically to completely cover the red background.
svg-scale-014 = SVG SVG presentation attribute and scale horizontally -1.5 and vertically -0.5
  • Scaling by a negative value should flip the element. The green rect in this test should be flipped downward and rightward into view and scaled up horizontally and down vertically to completely cover the red background.
svg-scale-015 = SVG SVG presentation attribute and scale horizontally -0.5 and vertically 1.5
  • Scaling by a negative value should flip the element. The green rect in this test should be flipped rightward into view and scaled down horizontally and up vertically to completely cover the red background.
svg-scale-016 = SVG SVG presentation attribute and scale horizontally 1.5 and vertically -0.5
  • Scaling by a negative value should flip the element. The green rect in this test should be flipped downward into view and scaled up horizontally and down vertically to completely cover the red background.
svg-scale-017 = SVG SVG presentation attribute and scale -0.5 on the g element
  • Scaling by a negative value should flip the element. The group containing the green rect in this test should be flipped downard and rightward into view and scaled down horizontally and vertically to completely cover the red background.
svg-skewx-001 = SVG SVG presentation attribute and angle argument without unit on skewX
  • The skewX transform function must support unit less arguments for angle. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-006 = SVG SVG presentation attribute and skewX with negative, unit less turn
  • The skewX transform function must support negative, unit less angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-011 = SVG SVG presentation attribute and more than full circle skewX with unit less angle
  • The skewX transform function must support 'modulo whole circle' for unit less angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-016 = SVG SVG presentation attribute and skewX with scientific numbers on unit less angles
  • The skewX transform function must support scientific numbers for unit less angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewx-021 = SVG SVG presentation attribute and skewX with scientific numbers with negative exponents for unit less arguments
  • The skewX transform function must support scientific numbers with negative exponents for unit less angle arguments. The green rect in this test should be skewed horizontally 45 degrees to completely cover the red path.
svg-skewxy-001 = SVG SVG presentation attribute with skewX and skewY
  • The green rect in this test should be skewed horizontally 45 degrees and vertically 45 degrees to completely cover the red path.
svg-skewy-001 = SVG SVG presentation attribute and angle argument without unit on skewY
  • The skewY transform function must support unit less arguments for angle. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-006 = SVG SVG presentation attribute and skewY with negative, unit less turn
  • The skewY transform function must support negative, unit less angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-011 = SVG SVG presentation attribute and more than full circle skewY with unit less angle
  • The skewY transform function must support 'modulo whole circle' for unit less angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-016 = SVG SVG presentation attribute and skewY with scientific numbers on unit less angles
  • The skewY transform function must support scientific numbers for unit less angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-skewy-021 = SVG SVG presentation attribute and skewY with scientific numbers with negative exponents for unit less arguments
  • The skewY transform function must support scientific numbers with negative exponents for unit less angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.
svg-transform-group-001 = SVG SVG presentation attribute and translate on group
  • Transforms on a parent element should be pre-multiplied to a child element. The group of elements should be translated, therefore the child element should be translated to completely cover the red rect.
svg-transform-group-002 = SVG SVG presentation attribute and translateX on group
  • Transforms on a parent element should be pre-multiplied to a child element. The group of elements should be translated horizontally, therefore the child element should be translated horizontally to completely cover the red rect.
svg-transform-group-003 = SVG SVG presentation attribute and translateY on group
  • Transforms on a parent element should be pre-multiplied to a child element. The group of elements should be translated vertically, therefore the child element should be translated vertically to completely cover the red rect.
svg-transform-group-004 = SVG SVG presentation attribute and scale on group
  • Transforms on a parent element should be pre-multiplied to a child element. The group of elements should be scaled, therefore the child element should be scaled to completely cover the red rect.
svg-transform-group-005 = SVG SVG presentation attribute and scaleX on group
  • Transforms on a parent element should be pre-multiplied to a child element. The group of elements should be scaled horizontally, therefore the child element should be scaled horizontally to completely cover the red rect.
svg-transform-group-006 = SVG SVG presentation attribute and scaleY on group
  • Transforms on a parent element should be pre-multiplied to a child element. The group of elements should be scaled vertically, therefore the child element should be scaled vertically to completely cover the red rect.
svg-transform-group-007 = SVG SVG presentation attribute and rotate on group
  • Transforms on a parent element should be pre-multiplied to a child element. The group of elements should be rotated, therefore the child element should be rotated. The green rect in this test should be rotated by 90 degrees clockwise to completely cover the red rect.
svg-transform-group-008 = SVG SVG presentation attribute and skewX on group
  • Transforms on a parent element should be pre-multiplied to a child element. The group of elements should be skewed horizontally, therefore the child element should be skewed horizontally to completely cover the red rect.
svg-transform-group-009 = SVG SVG presentation attribute and skewY on group
  • Transforms on a parent element should be pre-multiplied to a child element. The group of elements should be skewed vertically, therefore the child element should be skewed vertically to completely cover the red rect.
svg-transform-group-010 = SVG SVG presentation attribute and matrix on group
  • Transforms on a parent element should be pre-multiplied to a child element. The group of elements should have the transform matrix applied, therefore the child element should be scaled and translated to completely cover the red rect.
svg-transform-group-011 = SVG SVG presentation attribute and rotate with three arguments on group
  • Transforms on a parent element should be pre-multiplied to a child element. The group of elements should be rotated and translated, therefore the child element should be rotated and translated. The green rect in this test should be rotated by 90 degrees clockwise after the transform origin is translated by 20 pixels in both the vertical and horizontal directions to completely cover the red rect.
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
svg-transform-nested-001 = SVG SVG presentation attribute and translate on group, translate on child
  • Transforms on a parent element should be pre-multiplied to transforms on a child element. The group of elements should be translated. Additionally, the child rect should be translated.
svg-transform-nested-002 = SVG SVG presentation attribute, translateX on group, translateX on child
  • Transforms on a parent element should be pre-multiplied to transforms on a child element. The group of elements should be translated horizontally. Additionally, the child rect should be translated horizontally.
svg-transform-nested-003 = SVG SVG presentation attribute, translateY on group, translateY on child
  • Transforms on a parent element should be pre-multiplied to transforms on a child element. The group of elements should be translated vertically. Additionally, the child rect should be translated vertically.
svg-transform-nested-004 = SVG SVG presentation attribute, scale on group, scale on child
  • Transforms on a parent element should be pre-multiplied to transforms on a child element. The group of elements should be scaled. Additionally, the child rect should be scaled.
svg-transform-nested-005 = SVG SVG presentation attribute, scaleX on group, scaleX on child
  • Transforms on a parent element should be pre-multiplied to transforms on a child element. The group of elements should be scaled horizontally. Additionally, the child rect should be scaled horizontally.
svg-transform-nested-006 = SVG SVG presentation attribute, scaleY on group, scaleY on child
  • Transforms on a parent element should be pre-multiplied to transforms on a child element. The group of elements should be scaled vertically. Additionally, the child rect should be scaled vertically.
svg-transform-nested-007 = SVG SVG presentation attribute, rotate on group, rotate on child
  • Transforms on a parent element should be pre-multiplied to transforms on a child element. The group of elements should be rotated. Additionally, the child rect should be rotated.
svg-transform-nested-008 = SVG SVG presentation attribute, skewX on group, skewX on child
  • Transforms on a parent element should be pre-multiplied to transforms on a child element. The group of elements should be skewed horizontally. Additionally, the child rect should be skewed horizontally.
svg-transform-nested-009 = SVG SVG presentation attribute, skewY on group, skewY on child
  • Transforms on a parent element should be pre-multiplied to transforms on a child element. The group of elements should be skewed vertically. Additionally, the child rect should be skewed vertically.
svg-transform-nested-010 = SVG SVG presentation attribute, matrix on group, matrix on child
  • Transforms on a parent element should be pre-multiplied to transforms on a child element. The group of elements should be scaled and translated. Additionally, the child rect should be scaled and translated.
svg-transform-nested-011 = SVG SVG presentation attribute, translate on group, scale on child
  • Transforms on a parent element should be pre-multiplied to transforms on a child element. The group of elements should be translated. Additionally, the child rect should be scaled.
svg-transform-nested-012 = SVG SVG presentation attribute, translateX on group, scaleY on child
  • Transforms on a parent element should be pre-multiplied to transforms on a child element. The group of elements should be translated horizontally. Additionally, the child rect should be scaled vertically.
svg-transform-nested-013 = SVG SVG presentation attribute, translateY on group, skewX on child
  • Transforms on a parent element should be pre-multiplied to transforms on a child element. The group of elements should be translated vertically. Additionally, the child rect should be skewed horizontally.
svg-transform-nested-014 = SVG SVG presentation attribute, scale on group, skewY on child
  • Transforms on a parent element should be pre-multiplied to transforms on a child element. The group of elements should be scaled. Additionally, the child rect should be skewed vertically.
svg-transform-nested-015 = SVG SVG presentation attribute, scaleX on group, rotate on child
  • Transforms on a parent element should be pre-multiplied to transforms on a child element. The group of elements should be scaled horizontally. Additionally, the child rect should be rotated.
svg-transform-nested-016 = SVG SVG presentation attribute, scaleY on group, translateX on child
  • Transforms on a parent element should be pre-multiplied to transforms on a child element. The group of elements should be scaled vertically. Additionally, the child rect should be translated horizontally.
svg-transform-nested-017 = SVG SVG presentation attribute, rotate on group, translateY on child
  • Transforms on a parent element should be pre-multiplied to transforms on a child element. The group of elements should be rotated. Additionally, the child rect should be translated vertically.
svg-transform-nested-018 = SVG SVG presentation attribute, skewX on group, scaleX on child
  • Transforms on a parent element should be pre-multiplied to transforms on a child element. The group of elements should be skewed horizontally. Additionally, the child rect should be scaled horizontally.
svg-transform-nested-019 = SVG SVG presentation attribute, skewY on group, translate on child
  • Transforms on a parent element should be pre-multiplied to transforms on a child element. The group of elements should be skewed vertically. Additionally, the child rect should be translated.
svg-transform-nested-020 = SVG SVG presentation attribute, matrix on group, scaleX on child
  • Transforms on a parent element should be pre-multiplied to transforms on a child element. The group of elements should be scaled and translated. Additionally, the child rect should be scaled horizontally.
svg-transform-nested-021 = SVG SVG presentation attribute, translate on group, scaleY on child1, rotate on child2
  • Transforms on parent elements should be pre-multiplied to transforms on child elements. The group of elements should be translated. Additionally, the first rect should be scaled vertically and the second rect should be rotated.
svg-transform-nested-022 = SVG SVG presentation attribute, translateX on group, scaleX on child1, matrix on child2
  • Transforms on parent elements should be pre-multiplied to transforms on child elements. The group of elements should be translated horizontally. Additionally, the first rect should be scaled horizontally and the second rect should have the transform matrix applied.
svg-transform-nested-023 = SVG SVG presentation attribute, translateY on group, translate on child1, scale on child2
  • Transforms on parent elements should be pre-multiplied to transforms on child elements. The group of elements should be translated vertically. Additionally, the first rect should be translated and the second rect should be scaled.
svg-transform-nested-024 = SVG SVG presentation attribute, scale on group, translateX on child1, scaleX on child2
  • Transforms on parent elements should be pre-multiplied to transforms on child elements. The group of elements should be scaled. Additionally, the first rect should be translated horizontally and the second rect should be scaled horizontally.
svg-transform-nested-025 = SVG SVG presentation attribute, scaleX on group, translateY on child1, scale on child2
  • Transforms on parent elements should be pre-multiplied to transforms on child elements. The group of elements should be scaled horizontally. Additionally, the first rect should be translated vertically and the second rect should be scaled.
svg-transform-nested-026 = SVG SVG presentation attribute, scaleY on group, translate on child1, rotate on child2
  • Transforms on parent elements should be pre-multiplied to transforms on child elements. The group of elements should be scaled vertically. Additionally, the first rect should be translated and the second rect should be rotated.
svg-transform-nested-027 = SVG SVG presentation attribute, rotate on group, translateX on child1, scaleY on child2
  • Transforms on parent elements should be pre-multiplied to transforms on child elements. The group of elements should be rotated. Additionally, the first rect should be translated horizontally and the second rect should be scaled vertically.
svg-transform-nested-028 = SVG SVG presentation attribute, matrix on group, scaleY on child1, translateY on child2
  • Transforms on parent elements should be pre-multiplied to transforms on child elements. The group of elements should have the transform matrix applied. Additionally, the first rect should be translated vertically and the second rect should be scaled vertically.
svg-transform-nested-029 = SVG SVG presentation attribute, scaleX on group, rotate with three arguments on child
  • Transforms on a parent element should be pre-multiplied to transforms on a child element. The group of elements should be scaled horizontally. Additionally, the child rect should be rotated after the transform origin is translated.
svg-translate-001 = SVG SVG presentation attribute and translate with translation-value arguments without unit
  • The translate transform function must support unit less arguments for translation-value. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction
svg-translate-009 = SVG SVG presentation attribute and translate with translation-value and unit less arguments in scientific notation
  • The translate transform function must support unit less arguments in scientific numbers for translation-value. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction
svg-translate-017 = SVG SVG presentation attribute and translate with translation-value unit less arguments in scientific notation with negative exponents
  • The translate transform function must support unit less arguments in scientific numbers with negative exponents for translation-value. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction
svg-translate-025 = SVG SVG presentation attribute and translate with negative translation-value arguments without unit
  • The translate transform function must support negative unit less arguments for translation-value. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction
svg-translate-033 = SVG SVG presentation attribute and translate with translation-value and negative unit less arguments in scientific notation
  • The translate transform function must support negative unit less arguments in scientific numbers for translation-value. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction
svg-translate-041 = SVG SVG presentation attribute and translate with translation-value unit less negative arguments in scientific notation with negative exponents
  • The translate transform function must support unit less arguments in negative scientific numbers with negative exponents for translation-value. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction
svg-translate-049 = SVG SVG presentation attribute and translate with one translation-value argument
  • The translate transform function takes tx as the first translation-value parameter and ty is the optional second translation-value parameter. If ty is not provided, ty has zero as a value. The rect in the test should be moved 50 pixels in the X direction
svg-translate-050 = SVG SVG presentation attribute and translate with one negative translation-value argument
  • The translate transform function takes tx as the first translation-value parameter and ty is the optional second translation-value parameter. If ty is not provided, ty has zero as a value. The rect in the test should be moved 50 pixels in the X direction
svg-translate-051 = SVG SVG presentation attribute and translate with comma delimited arguments with no spaces
  • The translate transform function arguments can be separated by an optional comma with no spaces. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction
svg-translate-052 = SVG SVG presentation attribute and translate with comma delimited arguments with a space in between
  • The translate transform function arguments can be separated by an optional comma with a space in between. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction
svg-translate-053 = SVG SVG presentation attribute and translate with arguments separated by multiple spaces
  • The translate transform function arguments can multiple spaces. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction
svg-translate-054 = SVG SVG presentation attribute and translate with comma delimited arguments with multiple spaces before the comma
  • The translate transform function arguments can be separated by an optional comma with multiple spaces before the comma. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction
svg-translate-055 = SVG SVG presentation attribute and translate with comma delimited arguments with multiple spaces before and after the comma
  • The translate transform function arguments can be separated by an optional comma with multiple spaces before and after the comma. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction
svg-translate-multiple-001 = SVG SVG presentation attribute and translation-value arguments with translate applied twice
  • The translate transform function can be called multiple times on the same element. The rect in the test should be moved 50 pixels in the X direction and 75 pixels in the Y direction
svg-translate-multiple-002 = SVG SVG presentation attribute and translation-value arguments with translate applied twice in both directions
  • The translate transform function can be applied multiple times and in both directions. The rect in the test should be moved 50 pixels in the X direction and 75 pixels in the Y direction
+ 7.1 SVG presentation attributes
svg-document-styles-001 = SVG Document transform style on SVG element with presentation attribute style on the same element
  • Document transform styles on SVG elements should override presentation attribute styles on the same element. The rect in the test should be rotated by 90 degrees clockwise and not scaled.
svg-document-styles-002 = SVG Document transform style on SVG child element with presentation attribute styles on the parent and child elements
  • Document transform styles on SVG elements should override presentation attribute styles on the same element. Presentation attribute styles on its parent should also be applied. The rect in the test should be rotated by 90 degrees clockwise, moved up 100 pixels, and not scaled.
svg-document-styles-003 = SVG Document transform style on SVG group element and presentation attribute style on child element
  • Document transform styles on SVG group elements should be pre-multipled on the child elements. The rect in the test should be rotated by 90 degrees clockwise and moved up 100 pixels.
svg-document-styles-004 = SVG Document transform style on SVG group element and presentation attribute style on group and child elements
  • Document transform styles on SVG group elements override presentation attribute styles on the same element. Presentation attribute styles on child elements should be post-multiplied. The rect in the test should be rotated by 90 degrees clockwise and moved up 100 pixels and not scaled.
svg-document-styles-005 = SVG Fall back to presentation attribute style of SVG element with invalid document transform style
  • Invalid document transform styles on SVG elements should fall back to presentation attributes styles on the same element. The rect in the test should be rotated by 90 degrees clockwise.
svg-document-styles-006 = SVG Fall back to presentation attribute styles of SVG element with invalid document transform style and presentation attribute style on group
  • Invalid document transform styles on SVG elements should fall back to presentation attributes styles on the same element. The rect in the test should be rotated by 90 degrees clockwise and moved up 100 pixels.
svg-document-styles-007 = SVG Invalid document transform style on SVG child element with valid presentation attribute style on group and invalid presentation attribute style on child
  • When both the document and presentation attribute styles on an element are invalid, no transform should be applied. However, valid presentation attribute styles on the group should still be applied. The rect in the test should be rotated by 90 degrees clockwise and not scaled down or flipped.
svg-document-styles-008 = SVG Invalid document and presentation attribute styles on an SVG element
  • When both the document and presentation attribute styles are invalid, no transform should be applied. The rect in the test should not be scaled down or flipped.
svg-document-styles-009 = SVG Invalid document transform style on SVG group with valid presentation attribute style on child element
  • Invalid document transform styles on group elements should not be applied, but valid presentation attribute styles on the child should be applied. The rect in the test should be rotated by 90 degrees clockwise and not scaled.
svg-document-styles-010 = SVG Invalid document transform style on SVG group with valid presentation attribute styles on group and child elements
  • Invalid document transform styles on group elements should fall back to presentation attribute styles on the same element. Presentation attribute styles on the child should also be applied. The rect in the test should be rotated by 90 degrees clockwise, moved up 100 pixels and not scaled.
svg-document-styles-011 = SVG Invalid document transform style and invalid presentation attribute style on SVG group and valid presentation attribute style on child
  • When both the document and presentation attribute styles on a group are invalid, no transform should be applied. However, the valid presentation attribute style on the child should be applied. The rect in the test should be rotated by 90 degrees clockwise and not scaled down or flipped.
svg-document-styles-012 = SVG Document style of rotate with three arguments on SVG element with presentation attribute style on the same element
  • Document style of rotate with three arguments on SVG elements should override presentation attribute styles on the same element. The rect in the test should be rotated by 90 degrees clockwise after the transform origin is translated by 20 pixels in both the vertical and horizontal directions and not scaled.
svg-document-styles-013 = SVG Fall back to presentation attribute style of rotate with three arguments of SVG element with invalid document style
  • Invalid document styles on SVG elements should fall back to presentation attributes styles of rotate with three arguments on the same element. The rect in the test should be rotated by 90 degrees clockwise after the transform origin is translated by 20 pixels in both the vertical and horizontal directions.
svg-document-styles-014 = SVG Invalid document and presentation attribute styles on an SVG element using rotate with three arguments
  • When both the document and presentation attribute styles are invalid, no transform should be applied. The rect in the test should not be scaled down or rotated.
svg-external-styles-001 = SVG External transform style on SVG element with presentation attribute style on the same element
  • External styles on SVG elements should override presentation attribute styles on the same element. The rect in the test should be rotated by 90 degrees clockwise and not scaled.
svg-external-styles-002 = SVG External transform style on SVG child element with presentation attribute styles on the parent and child elements
  • External styles on SVG elements should override presentation attribute styles on the same element. Presentation attribute styles on its parent should also be applied. The rect in the test should be rotated by 90 degrees clockwise, moved up 100 pixels, and not scaled.
svg-external-styles-003 = SVG External transform style on SVG group element and presentation attribute style on child element
  • External styles on SVG group elements should be pre-multipled on the child elements. The rect in the test should be rotated by 90 degrees clockwise and moved up 100 pixels.
svg-external-styles-004 = SVG External transform style on SVG group element and presentation attribute style on group and child elements
  • External styles on SVG group elements override presentation attribute styles on the same element. Presentation attribute styles on child elements should be post-multiplied. The rect in the test should be rotated by 90 degrees clockwise and moved up 100 pixels and not scaled.
svg-external-styles-005 = SVG Fall back to presentation attribute style of SVG element with invalid external transform style
  • Invalid external transform styles on SVG elements should fall back to presentation attributes styles on the same element. The rect in the test should be rotated by 90 degrees clockwise.
svg-external-styles-006 = SVG Fall back to presentation attribute styles of SVG element with invalid external transform style and presentation attribute style on group
  • Invalid external transform styles on SVG elements should fall back to presentation attributes styles on the same element. The rect in the test should be rotated by 90 degrees clockwise and moved up 100 pixels.
svg-external-styles-007 = SVG Invalid external transform style on SVG child element with valid presentation attribute style on group and invalid presentation attribute style on child
  • When both the external and presentation attribute styles on an element are invalid, no transform should be applied. However, valid presentation attribute styles on the group should still be applied. The rect in the test should be rotated by 90 degrees clockwise and not scaled down or flipped.
svg-external-styles-008 = SVG Invalid external and presentation attribute styles on an SVG element
  • When both the external and presentation attribute styles are invalid, no transform should be applied. The rect in the test should not be scaled down or flipped.
svg-external-styles-009 = SVG Invalid external transform style on SVG group with valid presentation attribute style on child element
  • Invalid external transform styles on group elements should not be applied, but valid presentation attribute styles on the child should be applied. The rect in the test should be rotated by 90 degrees clockwise and not scaled.
svg-external-styles-010 = SVG Invalid external transform style on SVG group with valid presentation attribute styles on group and child elements
  • Invalid external transform styles on group elements should fall back to presentation attribute styles on the same element. Presentation attribute styles on the child should also be applied. The rect in the test should be rotated by 90 degrees clockwise, moved up 100 pixels and not scaled.
svg-external-styles-011 = SVG Invalid external transform style and invalid presentation attribute style on SVG group and valid presentation attribute style on child
  • When both the external and presentation attribute styles on a group are invalid, no transform should be applied. However, the valid presentation attribute style on the child should be applied. The rect in the test should be rotated by 90 degrees clockwise and not scaled down or flipped.
svg-external-styles-013 = SVG Fall back to presentation attribute style of rotate with three arguments of SVG element with invalid external style
  • Invalid external styles on SVG elements should fall back to presentation attributes styles of rotate with three arguments on the same element. The rect in the test should be rotated by 90 degrees clockwise after the transform origin is translated by 20 pixels in both the vertical and horizontal directions.
svg-external-styles-014 = SVG Invalid external and presentation attribute styles on an SVG element
  • When both the external and presentation attribute styles are invalid, no transform should be applied. The rect in the test should not be scaled down or rotated.
svg-inline-styles-001 = SVG Inline transform style on SVG element with presentation attribute style on the same element
  • Inline styles on SVG elements should override presentation attribute styles on the same element. The rect in the test should be rotated by 90 degrees clockwise and not scaled.
svg-inline-styles-002 = SVG Inline transform style on SVG child element with presentation attribute styles on the parent and child elements
  • Inline styles on SVG elements should override presentation attribute styles on the same element. Presentation attribute styles on its parent should also be applied. The rect in the test should be rotated by 90 degrees clockwise, moved up 100 pixels, and not scaled.
svg-inline-styles-003 = SVG Inline transform style on SVG group element and presentation attribute style on child element
  • Inline styles on SVG group elements should be pre-multipled on the child elements. The rect in the test should be rotated by 90 degrees clockwise and moved up 100 pixels.
svg-inline-styles-004 = SVG Inline transform style on SVG group element and presentation attribute style on group and child elements
  • Inline styles on SVG group elements override presentation attribute styles on the same element. Presentation attribute styles on child elements should be post-multiplied. The rect in the test should be rotated by 90 degrees clockwise and moved up 100 pixels and not scaled.
svg-inline-styles-005 = SVG Fall back to presentation attribute style of SVG element with invalid inline transform style
  • Invalid inline transform styles on SVG elements should fall back to presentation attributes styles on the same element. The rect in the test should be rotated by 90 degrees clockwise.
svg-inline-styles-006 = SVG Fall back to presentation attribute styles of SVG element with invalid inline transform style and presentation attribute style on group
  • Invalid inline transform styles on SVG elements should fall back to presentation attributes styles on the same element. The rect in the test should be rotated by 90 degrees clockwise and moved up 100 pixels.
svg-inline-styles-007 = SVG Invalid inline transform style on SVG child element with valid presentation attribute style on group and invalid presentation attribute style on child
  • When both the inline and presentation attribute styles on an element are invalid, no transform should be applied. However, valid presentation attribute styles on the group should still be applied. The rect in the test should be rotated by 90 degrees clockwise and not scaled down or flipped.
svg-inline-styles-008 = SVG Invalid inline and presentation attribute styles on an SVG element
  • When both the inline and presentation attribute styles are invalid, no transform should be applied. The rect in the test should not be scaled down or flipped
svg-inline-styles-009 = SVG Invalid inline transform style on SVG group with valid presentation attribute style on child element
  • Invalid inline styles on group elements should not be applied, but valid presentation attribute styles on the child should be applied. The rect in the test should be rotated by 90 degrees clockwise and not scaled.
svg-inline-styles-010 = SVG Invalid inline transform style on SVG group with valid presentation attribute styles on group and child elements
  • Invalid inline transform styles on group elements should fall back to presentation attribute styles on the same element. Presentation attribute styles on the child should also be applied. The rect in the test should be rotated by 90 degrees clockwise, moved up 100 pixels and not scaled.
svg-inline-styles-011 = SVG Invalid inline transform style and invalid presentation attribute style on SVG group and valid presentation attribute style on child
  • When both the inline and presentation attribute styles on a group are invalid, no transform should be applied. However, the valid presentation attribute style on the child should be applied. The rect in the test should be rotated by 90 degrees clockwise and not scaled down or flipped.
svg-inline-styles-012 = SVG Inline style of rotate with 3 arguments on SVG element with presentation attribute style on the same element
  • Rotate with three arguments inline style on SVG elements should override presentation attribute styles on the same element. The rect in the test should be rotated by 90 degrees clockwise after the transform origin is translated by 20 pixels in both the vertical and horizontal directions and not scaled.
svg-inline-styles-013 = SVG Fall back to presentation attribute style of rotate with three arguments of SVG element with invalid inline style
  • Invalid inline styles on SVG elements should fall back to presentation attributes style of rotate with three arguments on the same element. The rect in the test should be rotated by 90 degrees clockwise after the transform origin is translated by 20 pixels in both the vertical and horizontal directions.
svg-inline-styles-014 = SVG Invalid inline and presentation attribute styles on an SVG element using rotate with three arguments
  • When both the inline and presentation attribute styles are invalid, no transform should be applied. The rect in the test should not be scaled down or rotated
+ 7.2 Syntax of the SVG transform attribute
svg-skewx-with-units = SVG transform attribute with units on skewX
  • The skewX transform function should not support the CSS transform syntax with units. The green rects in this test should have no transform applied.
svg-skewy-with-units = SVG transform attribute with units on skewY
  • The skewY transform function should not support the CSS transform syntax with units. The green rects in this test should have no transform applied.
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
svg-translate-with-units = SVG transform attribute with units on translate
  • The translate transform function should not support the CSS transform syntax with units. The green rects in this test should have no transform applied.
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
+ 7.3 SVG transform functions
svg-document-styles-012 = SVG Document style of rotate with three arguments on SVG element with presentation attribute style on the same element
  • Document style of rotate with three arguments on SVG elements should override presentation attribute styles on the same element. The rect in the test should be rotated by 90 degrees clockwise after the transform origin is translated by 20 pixels in both the vertical and horizontal directions and not scaled.
svg-document-styles-013 = SVG Fall back to presentation attribute style of rotate with three arguments of SVG element with invalid document style
  • Invalid document styles on SVG elements should fall back to presentation attributes styles of rotate with three arguments on the same element. The rect in the test should be rotated by 90 degrees clockwise after the transform origin is translated by 20 pixels in both the vertical and horizontal directions.
svg-document-styles-014 = SVG Invalid document and presentation attribute styles on an SVG element using rotate with three arguments
  • When both the document and presentation attribute styles are invalid, no transform should be applied. The rect in the test should not be scaled down or rotated.
svg-external-styles-013 = SVG Fall back to presentation attribute style of rotate with three arguments of SVG element with invalid external style
  • Invalid external styles on SVG elements should fall back to presentation attributes styles of rotate with three arguments on the same element. The rect in the test should be rotated by 90 degrees clockwise after the transform origin is translated by 20 pixels in both the vertical and horizontal directions.
svg-external-styles-014 = SVG Invalid external and presentation attribute styles on an SVG element
  • When both the external and presentation attribute styles are invalid, no transform should be applied. The rect in the test should not be scaled down or rotated.
svg-gradienttransform-001 = SVG SVG gradientTransform presentation attribute and translateX with translation-value argument without unit
  • The gradientTransform attribute must support functions with unit less arguments for translation-value. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.
svg-inline-styles-012 = SVG Inline style of rotate with 3 arguments on SVG element with presentation attribute style on the same element
  • Rotate with three arguments inline style on SVG elements should override presentation attribute styles on the same element. The rect in the test should be rotated by 90 degrees clockwise after the transform origin is translated by 20 pixels in both the vertical and horizontal directions and not scaled.
svg-inline-styles-013 = SVG Fall back to presentation attribute style of rotate with three arguments of SVG element with invalid inline style
  • Invalid inline styles on SVG elements should fall back to presentation attributes style of rotate with three arguments on the same element. The rect in the test should be rotated by 90 degrees clockwise after the transform origin is translated by 20 pixels in both the vertical and horizontal directions.
svg-inline-styles-014 = SVG Invalid inline and presentation attribute styles on an SVG element using rotate with three arguments
  • When both the inline and presentation attribute styles are invalid, no transform should be applied. The rect in the test should not be scaled down or rotated
svg-rotate-3args-002 = SVG SVG rotate with three arguments without units on rotate or translate values
  • The rotate transform function must support three arguments without units on angle arguments or translation-value arguments. The green rect in this test should be rotated 90 degrees clockwise after the transform origin is translated by 20 pixels in the vertical and horizontal direction to completely cover the red rect.
svg-rotate-3args-invalid-001 = SVG SVG rotate with three arguments with one absolute translation-value argument
  • The rotate transform function takes two optional translation values. If one of the translation values is not provided, then both translation-value parameters fall back to zero. The green rect in this test should be rotated by 90 degrees clockwise but the transform origin should not be translated. The green rect should completely cover the red rect.
svg-rotate-3args-invalid-002 = SVG SVG rotate with three arguments with no translation-value arguments and a comma
  • The rotate transform function takes two optional translation values. If no translation values are provided, and there is a comma after the rotate argument, then the entire argument list is invalid and therefore no transform is applied. The green rect in this test should not be rotated and the transform origin should not be translated. The green rect should completely cover the red rect.
svg-rotate-3args-invalid-003 = SVG SVG rotate with three arguments, with a third absolute translation-value argument
  • The rotate transform function takes two optional translation values. If a third absolute translation-value argument is provided, then all translation-value parameters fall back to zero. The green rect in this test should be rotated by 90 degrees clockwise, but the transform origin should not be translated. The green rect should completely cover the red rect.
svg-rotate-3args-invalid-004 = SVG SVG rotate with three arguments with one relative translation-value argument
  • The rotate transform function takes two optional translation values. If one of the translation values is not provided, then both translation-value parameters fall back to zero. The green rect in this test should be rotated by 90 degrees clockwise but the transform origin should not be translated. The green rect should completely cover the red rect.
svg-rotate-3args-invalid-005 = SVG SVG rotate with three arguments, with a third relative translation-value argument
  • The rotate transform function takes two optional translation values. If a third relative translation-value argument is provided, then all translation-value parameters fall back to zero. The green rect in this test should be rotated by 90 degrees clockwise, but the transform origin should not be translated. The green rect should completely cover the red rect.
svg-transform-group-011 = SVG SVG presentation attribute and rotate with three arguments on group
  • Transforms on a parent element should be pre-multiplied to a child element. The group of elements should be rotated and translated, therefore the child element should be rotated and translated. The green rect in this test should be rotated by 90 degrees clockwise after the transform origin is translated by 20 pixels in both the vertical and horizontal directions to completely cover the red rect.
svg-transform-nested-029 = SVG SVG presentation attribute, scaleX on group, rotate with three arguments on child
  • Transforms on a parent element should be pre-multiplied to transforms on a child element. The group of elements should be scaled horizontally. Additionally, the child rect should be rotated after the transform origin is translated.
+ 7.4 User coordinate space
svg-origin-relative-length-001 = SVG SVG presentation attribute transform-origin, first value absolute value and missing second argument
  • If only one value is specified, the second value is assumed to be 'center'. The rect should be rotated around its center point at 75,75
svg-origin-relative-length-002 = SVG SVG presentation attribute transform-origin, first value 'center' value and missing second argument
  • If only one value is specified, the second value is assumed to be 'center'. The rect should be rotated around its center point at 75,75
svg-origin-relative-length-003 = SVG SVG presentation attribute transform-origin, first value '50%' value and missing second argument
  • If only one value is specified, the second value is assumed to be 'center'. The rect should be rotated around its center point at 75,75
svg-origin-relative-length-004 = SVG SVG presentation attribute transform-origin, '50% 50%'
  • The rect should be rotated around its center point at 75,75
svg-origin-relative-length-005 = SVG SVG presentation attribute transform-origin, '50% center'
  • The rect should be rotated around its center point at 75,75
svg-origin-relative-length-006 = SVG SVG presentation attribute transform-origin, 'center 50%'
  • The rect should be rotated around its center point at 75,75
svg-origin-relative-length-007 = SVG SVG presentation attribute transform-origin, 'center center'
  • The rect should be rotated around its center point at 75,75
svg-origin-relative-length-008 = SVG SVG presentation attribute transform-origin, '75 center'
  • The rect should be rotated around its center point at 75,75
svg-origin-relative-length-009 = SVG SVG presentation attribute transform-origin, '75 50%'
  • The rect should be rotated around its center point at 75,75
svg-origin-relative-length-010 = SVG SVG presentation attribute transform-origin, 'center 75'
  • The rect should be rotated around its center point at 75,75
svg-origin-relative-length-011 = SVG SVG presentation attribute transform-origin, '50% 75'
  • The rect should be rotated around its center point at 75,75
svg-origin-relative-length-012 = SVG SVG presentation attribute transform-origin, '0'
  • The initial point of origin gets translated to 0,75. Since the second argument is missing, it is set to 'center'.
svg-origin-relative-length-013 = SVG SVG presentation attribute transform-origin, '150'
  • The initial point of origin gets translated to 150,75. Since the second argument is missing, it is set to 'center'.
svg-origin-relative-length-014 = SVG SVG presentation attribute transform-origin, '100%'
  • The initial point of origin gets translated to 150,75. Since the second argument is missing, it is set to 'center'.
svg-origin-relative-length-015 = SVG SVG presentation attribute transform-origin, 'right'
  • The initial point of origin gets translated to 150,75. Since the second argument is missing, it is set to 'center'.
svg-origin-relative-length-016 = SVG SVG presentation attribute transform-origin, 'left'
  • The initial point of origin gets translated to 75,75. Since the second argument is missing, it is set to 'center'.
svg-origin-relative-length-017 = SVG SVG presentation attribute transform-origin, '25%'
  • If the second argument is missing, it is assumed to be center. The initial point of origin gets translated to 37.5,75.
svg-origin-relative-length-018 = SVG SVG presentation attribute transform-origin, 'top'
  • The initial point of origin gets translated to 75,0. A single argument 'top' gets interpreted as 'center top'.
svg-origin-relative-length-019 = SVG SVG presentation attribute transform-origin, 'bottom'
  • The initial point of origin gets translated to 75,150. A single argument 'bottom' gets interpreted as 'center bottom'.
svg-origin-relative-length-020 = SVG SVG presentation attribute transform-origin, '0% 0%'
  • The initial point of origin gets translated to 75,75 since '0% 0%' is relative to the bounding box of the object.
svg-origin-relative-length-021 = SVG SVG presentation attribute transform-origin, 'top right'
  • The initial point of origin gets translated to 225,75 since 'top right' is relative to the bounding box of the object.
svg-origin-relative-length-022 = SVG SVG presentation attribute transform-origin, 'top left'
  • The initial point of origin gets translated to 75,75 since 'top left' is relative to the bounding box of the object.
svg-origin-relative-length-023 = SVG SVG presentation attribute transform-origin, 'top center'
  • The initial point of origin gets translated to 150,75 since 'top center' is relative to the bounding box of the object.
svg-origin-relative-length-024 = SVG SVG presentation attribute transform-origin, 'bottom left'
  • The initial point of origin gets translated to 75,225 since 'bottom left' is relative to the bounding box of the object.
svg-origin-relative-length-025 = SVG SVG presentation attribute transform-origin, 'bottom center'
  • The initial point of origin gets translated to 150,225 since 'bottom center' is relative to the bounding box of the object.
svg-origin-relative-length-026 = SVG SVG presentation attribute transform-origin, 'bottom right'
  • The initial point of origin gets translated to 225,225 since 'bottom right' is relative to the bounding box of the object.
svg-origin-relative-length-027 = SVG SVG presentation attribute transform-origin, 'right top'
  • The initial point of origin gets translated to 225,75 since 'right top' is relative to the bounding box of the object.
svg-origin-relative-length-028 = SVG SVG presentation attribute transform-origin, 'right center'
  • The initial point of origin gets translated to 225,150 since 'right center' is relative to the bounding box of the object.
svg-origin-relative-length-029 = SVG SVG presentation attribute transform-origin, 'right bottom'
  • The initial point of origin gets translated to 225,225 since 'right bottom' is relative to the bounding box of the object.
svg-origin-relative-length-030 = SVG SVG presentation attribute transform-origin, 'right 75'
  • The initial point of origin gets translated to 225,75 since 'right 75' is relative to the bounding box of the object.
svg-origin-relative-length-031 = SVG SVG presentation attribute transform-origin, 'right 0%'
  • The initial point of origin gets translated to 225,75 since 'right 0%' is relative to the bounding box of the object.
svg-origin-relative-length-032 = SVG SVG presentation attribute transform-origin, 'right 100%'
  • The initial point of origin gets translated to 225,225 since 'right 100%' is relative to the bounding box of the object.
svg-origin-relative-length-033 = SVG SVG presentation attribute transform-origin, 'left top'
  • The initial point of origin gets translated to 75,75 since 'left top' is relative to the bounding box of the object.
svg-origin-relative-length-034 = SVG SVG presentation attribute transform-origin, 'left center'
  • The initial point of origin gets translated to 75,150 since 'left center' is relative to the bounding box of the object.
svg-origin-relative-length-035 = SVG SVG presentation attribute transform-origin, 'left bottom'
  • The initial point of origin gets translated to 75,225 since 'left bottom' is relative to the bounding box of the object.
svg-origin-relative-length-036 = SVG SVG presentation attribute transform-origin, 'left 75'
  • The initial point of origin gets translated to 75,75 since 'left 75' is relative to the bounding box of the object.
svg-origin-relative-length-037 = SVG SVG presentation attribute transform-origin, 'left 0%'
  • The initial point of origin gets translated to 75,75 since 'left 0%' is relative to the bounding box of the object.
svg-origin-relative-length-038 = SVG SVG presentation attribute transform-origin, 'left 100%'
  • The initial point of origin gets translated to 75,225 since 'left 100%' is relative to the bounding box of the object.
svg-origin-relative-length-039 = SVG SVG presentation attribute transform-origin, 'center top'
  • The initial point of origin gets translated to 150,75 since 'center top' is relative to the bounding box of the object.
svg-origin-relative-length-040 = SVG SVG presentation attribute transform-origin, 'center bottom'
  • The initial point of origin gets translated to 150,225 since 'center bottom' is relative to the bounding box of the object.
svg-origin-relative-length-041 = SVG SVG presentation attribute transform-origin, 'center left'
  • The initial point of origin gets translated to 75,150 since 'center left' is relative to the bounding box of the object.
svg-origin-relative-length-042 = SVG SVG presentation attribute transform-origin, 'center right'
  • The initial point of origin gets translated to 225,150 since 'center right' is relative to the bounding box of the object.
svg-origin-relative-length-043 = SVG SVG presentation attribute transform-origin, 'center 100%'
  • The initial point of origin gets translated to 150,225 since 'center 100%' is relative to the bounding box of the object.
svg-origin-relative-length-044 = SVG SVG presentation attribute transform-origin, '0 center'
  • The initial point of origin gets translated to 0,150 since '0 center' is relative to the bounding box of the object.
svg-origin-relative-length-045 = SVG SVG presentation attribute transform-origin, 'center 0%'
  • The initial point of origin gets translated to 150,75 since 'center 0%' is relative to the bounding box of the object.
svg-origin-relative-length-046 = SVG SVG presentation attribute transform-origin, 'center 0'
  • The initial point of origin gets translated to 150,0 since 'center 0' is relative to the bounding box of the object.
svg-origin-relative-length-invalid-001 = SVG SVG presentation attribute transform-origin, invalid arguments 'top 100%'
  • Spec does not allow first value to be vertical if at least one of the first two passed values are not keywords. Fallback to 0,0
svg-origin-relative-length-invalid-002 = SVG SVG presentation attribute transform-origin, invalid arguments 'bottom 100%'
  • Spec does not allow first value to be vertical if at least one of the first two passed values are not keywords. Fallback to 0,0
svg-origin-relative-length-invalid-003 = SVG SVG presentation attribute transform-origin, invalid arguments 'top 150'
  • Spec does not allow first value to be vertical if at least one of the first two passed values are not keywords. Fallback to 0,0
svg-origin-relative-length-invalid-004 = SVG SVG presentation attribute transform-origin, invalid arguments 'bottom 150'
  • Spec does not allow first value to be vertical if at least one of the first two passed values are not keywords. Fallback to 0,0
svg-origin-relative-length-invalid-005 = SVG SVG presentation attribute transform-origin, invalid arguments 'top top'
  • Spec does not allow two vertical values. Fallback to 0,0
svg-origin-relative-length-invalid-006 = SVG SVG presentation attribute transform-origin, invalid arguments 'bottom bottom'
  • Spec does not allow two vertical values. Fallback to 0,0
svg-origin-relative-length-invalid-007 = SVG SVG presentation attribute transform-origin, invalid arguments 'top bottom'
  • Spec does not allow two vertical values. Fallback to 0,0
svg-origin-relative-length-invalid-008 = SVG SVG presentation attribute transform-origin, invalid arguments 'bottom top'
  • Spec does not allow two vertical values. Fallback to 0,0
svg-origin-relative-length-invalid-009 = SVG SVG presentation attribute transform-origin, invalid arguments 'left left'
  • Spec does not allow two horizontal values. Fallback to 0,0
svg-origin-relative-length-invalid-010 = SVG SVG presentation attribute transform-origin, invalid arguments 'left right'
  • Spec does not allow two horizontal values. Fallback to 0,0
svg-origin-relative-length-invalid-011 = SVG SVG presentation attribute transform-origin, invalid arguments 'right right'
  • Spec does not allow two horizontal values. Fallback to 0,0
svg-origin-relative-length-invalid-012 = SVG SVG presentation attribute transform-origin, invalid arguments 'right left'
  • Spec does not allow two horizontal values. Fallback to 0,0
+ 7.5 SVG DOM interface for the transform attribute
css-transforms-transformlist = SVG transform in baseVal list
  • This test verifies that the CSS transform ends up in the list of SVG transforms