diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 09:22:09 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 09:22:09 +0000 |
| commit | 43a97878ce14b72f0981164f87f2e35e14151312 (patch) | |
| tree | 620249daf56c0258faa40cbdcf9cfba06de2a846 /testing/web-platform/tests/css/css-transforms/rotate | |
| parent | Initial commit. (diff) | |
| download | firefox-43a97878ce14b72f0981164f87f2e35e14151312.tar.xz firefox-43a97878ce14b72f0981164f87f2e35e14151312.zip | |
Adding upstream version 110.0.1.upstream/110.0.1upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-transforms/rotate')
17 files changed, 439 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-transforms/rotate/reference/svg-rotate-3args-ref.html b/testing/web-platform/tests/css/css-transforms/rotate/reference/svg-rotate-3args-ref.html new file mode 100644 index 0000000000..ad9a847b55 --- /dev/null +++ b/testing/web-platform/tests/css/css-transforms/rotate/reference/svg-rotate-3args-ref.html @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Reftest Reference</title> + <link rel="author" title="David Alcala" href="mailto:dalcala@adobe.com"> + <meta name="flags" content="svg"> + <style type="text/css"> + svg { + width: 200px; + height: 200px; + } + </style> +</head> +<body> + <p>The test passes if there is a green square and no red.</p> + <svg> + <rect width="80" height="80" fill="green"/> + </svg> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-transforms/rotate/reference/svg-rotate-angle-45-ref.html b/testing/web-platform/tests/css/css-transforms/rotate/reference/svg-rotate-angle-45-ref.html new file mode 100644 index 0000000000..b5460d5d7d --- /dev/null +++ b/testing/web-platform/tests/css/css-transforms/rotate/reference/svg-rotate-angle-45-ref.html @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Reftest Reference</title> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"> + <meta name="flags" content="svg"> + <style type="text/css"> + svg { + width: 250px; + height: 250px; + } + </style> +</head> +<body> + <p>The test passes if there is a green square and no red.</p> + <svg> + <rect width="100%" height="100%" fill="green"/> + </svg> +</body> +</html> diff --git a/testing/web-platform/tests/css/css-transforms/rotate/reference/svg-rotate-angle-90-ref.html b/testing/web-platform/tests/css/css-transforms/rotate/reference/svg-rotate-angle-90-ref.html new file mode 100644 index 0000000000..dcd4f9aed9 --- /dev/null +++ b/testing/web-platform/tests/css/css-transforms/rotate/reference/svg-rotate-angle-90-ref.html @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Reftest Reference</title> + <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com"> + <meta name="flags" content="svg"> + <style type="text/css"> + svg { + width: 200px; + height: 200px; + } + </style> +</head> +<body> + <p>The test passes if there is a green square and no red.</p> + <svg> + <rect width="100" height="100" fill="green"/> + </svg> +</body> +</html> diff --git a/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-3args-002.html b/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-3args-002.html new file mode 100644 index 0000000000..5906a2f404 --- /dev/null +++ b/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-3args-002.html @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Transforms Test: SVG rotate with three arguments without units on rotate or translate values</title> + <link rel="author" title="David Alcala" href="mailto:dalcala@adobe.com"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-functions"> + <link rel="match" href="reference/svg-rotate-3args-ref.html"> + <meta name="flags" content="svg"> + <meta name="assert" content="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."> + <style type="text/css"> + svg { + width: 200px; + height: 200px; + } + </style> +</head> +<body> + <p>The test passes if there is a green square and no red.</p> + <svg> + <rect x="1" y="1" width="78" height="78" fill="red"/> + <rect x="0" y="-40" width="80" height="80" fill="green" transform="rotate(90,20,20)"/> + </svg> +</body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-3args-invalid-001.html b/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-3args-invalid-001.html new file mode 100644 index 0000000000..f21063afbd --- /dev/null +++ b/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-3args-invalid-001.html @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Transforms Test: SVG rotate with three arguments with one absolute translation-value argument</title> + <link rel="author" title="David Alcala" href="mailto:dalcala@adobe.com"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-functions"> + <link rel="match" href="reference/svg-rotate-3args-ref.html"> + <meta name="flags" content="svg"> + <meta name="assert" content="The rotate transform function takes two optional translation values. If one of the translation values is not provided, then the entire argument list is invalid and therefore no transform is applied. The green rect in this test should not be rotated. The green rect should completely cover the red rect."> + <style type="text/css"> + svg { + width: 200px; + height: 200px; + } + </style> +</head> +<body> + <p>The test passes if there is a green square and no red.</p> + <svg> + <rect x="1" y="1" width="78" height="78" fill="red"/> + <rect x="0" y="0" width="80" height="80" fill="green" transform="rotate(90 20)"/> + </svg> +</body> +</html> diff --git a/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-3args-invalid-002.html b/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-3args-invalid-002.html new file mode 100644 index 0000000000..6cdd6b179d --- /dev/null +++ b/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-3args-invalid-002.html @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Transforms Test: SVG rotate with three arguments with no translation-value arguments and a comma</title> + <link rel="author" title="David Alcala" href="mailto:dalcala@adobe.com"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-functions"> + <link rel="match" href="reference/svg-rotate-3args-ref.html"> + <meta name="flags" content="svg"> + <meta name="assert" content="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."> + <style type="text/css"> + svg { + width: 200px; + height: 200px; + } + </style> +</head> +<body> + <p>The test passes if there is a green square and no red.</p> + <svg> + <rect x="1" y="1" width="78" height="78" fill="red"/> + <rect x="0" y="0" width="80" height="80" fill="green" transform="rotate(90,)"/> + </svg> +</body> +</html> diff --git a/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-3args-invalid-003.html b/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-3args-invalid-003.html new file mode 100644 index 0000000000..d1b01eabb9 --- /dev/null +++ b/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-3args-invalid-003.html @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Transforms Test: SVG rotate with three arguments, with a third absolute translation-value argument</title> + <link rel="author" title="David Alcala" href="mailto:dalcala@adobe.com"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-functions"> + <link rel="match" href="reference/svg-rotate-3args-ref.html"> + <meta name="flags" content="svg"> + <meta name="assert" content="The rotate transform function takes two optional translation values. If a third absolute translation-value argument is provided, then the entire argument list is invalid and therefore no transform is applied. The green rect in this test should not be rotated. The green rect should completely cover the red rect."> + <style type="text/css"> + svg { + width: 200px; + height: 200px; + } + </style> +</head> +<body> + <p>The test passes if there is a green square and no red.</p> + <svg> + <rect x="1" y="1" width="78" height="78" fill="red"/> + <rect x="0" y="0" width="80" height="80" fill="green" transform="rotate(90,20,20,20)"/> + </svg> +</body> +</html> diff --git a/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-3args-invalid-004.html b/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-3args-invalid-004.html new file mode 100644 index 0000000000..102807b280 --- /dev/null +++ b/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-3args-invalid-004.html @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Transforms Test: SVG rotate with three arguments with one relative translation-value argument</title> + <link rel="author" title="David Alcala" href="mailto:dalcala@adobe.com"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-functions"> + <link rel="match" href="reference/svg-rotate-3args-ref.html"> + <meta name="flags" content="svg"> + <meta name="assert" content="The rotate transform function takes two optional translation values. If one of the translation values is not provided, then the entire argument list is invalid and therefore no transform is applied. The green rect in this test should not be rotated. The green rect should completely cover the red rect."> + <style type="text/css"> + svg { + width: 200px; + height: 200px; + } + </style> +</head> +<body> + <p>The test passes if there is a green square and no red.</p> + <svg> + <rect x="1" y="1" width="78" height="78" fill="red"/> + <rect x="0" y="0" width="80" height="80" fill="green" transform="rotate(90 30%)"/> + </svg> +</body> +</html> diff --git a/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-3args-invalid-005.html b/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-3args-invalid-005.html new file mode 100644 index 0000000000..0b48a82cbf --- /dev/null +++ b/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-3args-invalid-005.html @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Transforms Test: SVG rotate with three arguments, with a third relative translation-value argument</title> + <link rel="author" title="David Alcala" href="mailto:dalcala@adobe.com"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-functions"> + <link rel="match" href="reference/svg-rotate-3args-ref.html"> + <meta name="flags" content="svg"> + <meta name="assert" content="The rotate transform function takes two optional translation values. If a third relative translation-value argument is provided, then the entire argument list is invalid and therefore no transform is applied. The green rect in this test should not be rotated. The green rect should completely cover the red rect."> + <style type="text/css"> + svg { + width: 200px; + height: 200px; + } + </style> +</head> +<body> + <p>The test passes if there is a green square and no red.</p> + <svg> + <rect x="1" y="1" width="78" height="78" fill="red"/> + <rect x="0" y="0" width="80" height="80" fill="green" transform="rotate(90,30%,20%,40%)"/> + </svg> +</body> +</html> diff --git a/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-angle-45-001.html b/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-angle-45-001.html new file mode 100644 index 0000000000..ff51737536 --- /dev/null +++ b/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-angle-45-001.html @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Transforms Test: SVG presentation attribute and angle argument without unit on rotate</title> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-angle"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-transform-rotate"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value"> + <link rel="match" href="reference/svg-rotate-angle-45-ref.html"> + <meta name="flags" content="svg"> + <meta name="assert" content="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."> + <style type="text/css"> + svg { + width: 250px; + height: 250px; + background: green; + } + </style> +</head> +<body> + <p>The test passes if there is a green square and no red.</p> + <svg> + <path d="M 106,37 175,106 106,175 37,106 Z" fill="red"/> + <rect x="100" y="-50" width="100" height="100" fill="green" transform="rotate(45)"/> + </svg> +</body> +</html> diff --git a/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-angle-45-011.html b/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-angle-45-011.html new file mode 100644 index 0000000000..94f1bf5121 --- /dev/null +++ b/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-angle-45-011.html @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Transforms Test: SVG presentation attribute and more than full circle rotate with unit less angle</title> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-angle"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-transform-rotate"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value"> + <link rel="match" href="reference/svg-rotate-angle-45-ref.html"> + <meta name="flags" content="svg"> + <meta name="assert" content="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."> + <style type="text/css"> + svg { + width: 250px; + height: 250px; + background: green; + } + </style> +</head> +<body> + <p>The test passes if there is a green square and no red.</p> + <svg> + <path d="M 106,37 175,106 106,175 37,106 Z" fill="red"/> + <rect x="100" y="-50" width="100" height="100" fill="green" transform="rotate(405)"/> + </svg> +</body> +</html> diff --git a/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-angle-45-022.html b/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-angle-45-022.html new file mode 100644 index 0000000000..b4d7019a90 --- /dev/null +++ b/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-angle-45-022.html @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Transforms Test: SVG presentation attribute and rotate with scientific numbers with negative exponents for arguments in degree</title> + <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-angle"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-transform-rotate"> + <link rel="match" href="reference/svg-rotate-angle-45-ref.html"> + <meta name="flags" content="svg"> + <meta name="assert" content="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."> + <style type="text/css"> + svg { + width: 250px; + height: 250px; + background: green; + } + </style> +</head> +<body> + <p>The test passes if there is a green square and no red.</p> + <svg> + <path d="M 106,37 175,106 106,175 37,106 Z" fill="red"/> + <rect x="100" y="-50" width="100" height="100" fill="green" transform="rotate(450e-1)"/> + </svg> +</body> +</html> diff --git a/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-angle-90-001.html b/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-angle-90-001.html new file mode 100644 index 0000000000..86956f7bca --- /dev/null +++ b/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-angle-90-001.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Transforms Test: SVG presentation attribute and angle argument without unit on rotate</title> + <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-angle"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-transform-rotate"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value"> + <link rel="match" href="reference/svg-rotate-angle-90-ref.html"> + <meta name="flags" content="svg"> + <meta name="assert" content="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."> + <style type="text/css"> + svg { + width: 200px; + height: 200px; + } + </style> +</head> +<body> + <p>The test passes if there is a green square and no red.</p> + <svg> + <rect x="1" y="1" width="98" height="98" fill="red"/> + <rect x="0" y="-100" width="100" height="100" fill="green" transform="rotate(90)"/> + </svg> +</body> +</html> diff --git a/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-angle-90-006.html b/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-angle-90-006.html new file mode 100644 index 0000000000..80bf689cf2 --- /dev/null +++ b/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-angle-90-006.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Transforms Test: SVG presentation attribute and rotate with negative, unit less turn</title> + <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-angle"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-transform-rotate"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value"> + <link rel="match" href="reference/svg-rotate-angle-90-ref.html"> + <meta name="flags" content="svg"> + <meta name="assert" content="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."> + <style type="text/css"> + svg { + width: 200px; + height: 200px; + } + </style> +</head> +<body> + <p>The test passes if there is a green square and no red.</p> + <svg> + <rect x="1" y="1" width="98" height="98" fill="red"/> + <rect x="0" y="-100" width="100" height="100" fill="green" transform="rotate(-270)"/> + </svg> +</body> +</html> diff --git a/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-angle-90-011.html b/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-angle-90-011.html new file mode 100644 index 0000000000..94dd286f49 --- /dev/null +++ b/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-angle-90-011.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Transforms Test: SVG presentation attribute and more than full circle rotate with unit less angle</title> + <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-angle"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-transform-rotate"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value"> + <link rel="match" href="reference/svg-rotate-angle-90-ref.html"> + <meta name="flags" content="svg"> + <meta name="assert" content="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."> + <style type="text/css"> + svg { + width: 200px; + height: 200px; + } + </style> +</head> +<body> + <p>The test passes if there is a green square and no red.</p> + <svg> + <rect x="1" y="1" width="98" height="98" fill="red"/> + <rect x="0" y="-100" width="100" height="100" fill="green" transform="rotate(450)"/> + </svg> +</body> +</html> diff --git a/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-angle-90-016.html b/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-angle-90-016.html new file mode 100644 index 0000000000..8d8f8f9940 --- /dev/null +++ b/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-angle-90-016.html @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Transforms Test: SVG presentation attribute and rotate with scientific numbers on unit less angles</title> + <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-angle"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-transform-rotate"> + <link rel="match" href="reference/svg-rotate-angle-90-ref.html"> + <meta name="flags" content="svg"> + <meta name="assert" content="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."> + <style type="text/css"> + svg { + width: 200px; + height: 200px; + } + </style> +</head> +<body> + <p>The test passes if there is a green square and no red.</p> + <svg> + <rect x="1" y="1" width="98" height="98" fill="red"/> + <rect x="0" y="-100" width="100" height="100" fill="green" transform="rotate(9.0e1)"/> + </svg> +</body> +</html> diff --git a/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-angle-90-021.html b/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-angle-90-021.html new file mode 100644 index 0000000000..f72e05af03 --- /dev/null +++ b/testing/web-platform/tests/css/css-transforms/rotate/svg-rotate-angle-90-021.html @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Transforms Test: SVG presentation attribute and rotate with scientific numbers with negative exponents for unit less arguments</title> + <link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-angle"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-transform-rotate"> + <link rel="match" href="reference/svg-rotate-angle-90-ref.html"> + <meta name="flags" content="svg"> + <meta name="assert" content="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."> + <style type="text/css"> + svg { + width: 200px; + height: 200px; + } + </style> +</head> +<body> + <p>The test passes if there is a green square and no red.</p> + <svg> + <rect x="1" y="1" width="98" height="98" fill="red"/> + <rect x="0" y="-100" width="100" height="100" fill="green" transform="rotate(900e-1)"/> + </svg> +</body> +</html> |