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/skewY | |
| parent | Initial commit. (diff) | |
| download | firefox-upstream.tar.xz firefox-upstream.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/skewY')
7 files changed, 181 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-transforms/skewY/reference/svg-skewy-ref.html b/testing/web-platform/tests/css/css-transforms/skewY/reference/svg-skewy-ref.html new file mode 100644 index 0000000000..60135e94fe --- /dev/null +++ b/testing/web-platform/tests/css/css-transforms/skewY/reference/svg-skewy-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/skewY/svg-skewy-001.html b/testing/web-platform/tests/css/css-transforms/skewY/svg-skewy-001.html new file mode 100644 index 0000000000..898e62411e --- /dev/null +++ b/testing/web-platform/tests/css/css-transforms/skewY/svg-skewy-001.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Transforms Test: SVG presentation attribute and angle argument without unit on skewY</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/#two-d-transform-functions"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-transform-skewy"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value"> + <link rel="match" href="reference/svg-skewy-ref.html"> + <meta name="flags" content="svg"> + <meta name="assert" content="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."> + <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 1,2 2,99 99,197 99,101 Z" fill="red"/> + <rect width="100" height="100" fill="green" transform="skewY(45)"/> + </svg> +</body> +</html> diff --git a/testing/web-platform/tests/css/css-transforms/skewY/svg-skewy-006.html b/testing/web-platform/tests/css/css-transforms/skewY/svg-skewy-006.html new file mode 100644 index 0000000000..a4d6bdd90b --- /dev/null +++ b/testing/web-platform/tests/css/css-transforms/skewY/svg-skewy-006.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Transforms Test: SVG presentation attribute and skewY with negative, unit less turn</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/#two-d-transform-functions"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-transform-skewy"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value"> + <link rel="match" href="reference/svg-skewy-ref.html"> + <meta name="flags" content="svg"> + <meta name="assert" content="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."> + <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 1,2 2,99 99,197 99,101 Z" fill="red"/> + <rect width="100" height="100" fill="green" transform="skewY(-315)"/> + </svg> +</body> +</html> diff --git a/testing/web-platform/tests/css/css-transforms/skewY/svg-skewy-011.html b/testing/web-platform/tests/css/css-transforms/skewY/svg-skewy-011.html new file mode 100644 index 0000000000..15f6208cf1 --- /dev/null +++ b/testing/web-platform/tests/css/css-transforms/skewY/svg-skewy-011.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Transforms Test: SVG presentation attribute and more than full circle skewY 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/#two-d-transform-functions"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-transform-skewy"> + <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value"> + <link rel="match" href="reference/svg-skewy-ref.html"> + <meta name="flags" content="svg"> + <meta name="assert" content="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."> + <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 1,2 2,99 99,197 99,101 Z" fill="red"/> + <rect width="100" height="100" fill="green" transform="skewY(405)"/> + </svg> +</body> +</html> diff --git a/testing/web-platform/tests/css/css-transforms/skewY/svg-skewy-016.html b/testing/web-platform/tests/css/css-transforms/skewY/svg-skewy-016.html new file mode 100644 index 0000000000..ce22ab40b0 --- /dev/null +++ b/testing/web-platform/tests/css/css-transforms/skewY/svg-skewy-016.html @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Transforms Test: SVG presentation attribute and skewY with scientific numbers on unit less angles</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-transform-value"> + <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-skewy"> + <link rel="match" href="reference/svg-skewy-ref.html"> + <meta name="flags" content="svg"> + <meta name="assert" content="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."> + <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 1,2 2,99 99,197 99,101 Z" fill="red"/> + <rect width="100" height="100" fill="green" transform="skewY(4.5e1)"/> + </svg> +</body> +</html> diff --git a/testing/web-platform/tests/css/css-transforms/skewY/svg-skewy-021.html b/testing/web-platform/tests/css/css-transforms/skewY/svg-skewy-021.html new file mode 100644 index 0000000000..207bfa4c8f --- /dev/null +++ b/testing/web-platform/tests/css/css-transforms/skewY/svg-skewy-021.html @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Transforms Test: SVG presentation attribute and skewY with scientific numbers with negative exponents for unit less arguments</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-transform-value"> + <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-skewy"> + <link rel="match" href="reference/svg-skewy-ref.html"> + <meta name="flags" content="svg"> + <meta name="assert" content="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."> + <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 1,2 2,99 99,197 99,101 Z" fill="red"/> + <rect width="100" height="100" fill="green" transform="skewY(450e-1)"/> + </svg> +</body> +</html> diff --git a/testing/web-platform/tests/css/css-transforms/skewY/svg-skewy-with-units.html b/testing/web-platform/tests/css/css-transforms/skewY/svg-skewy-with-units.html new file mode 100644 index 0000000000..c724051ae8 --- /dev/null +++ b/testing/web-platform/tests/css/css-transforms/skewY/svg-skewy-with-units.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS Transforms Test: SVG transform attribute with units on skewY</title> + <link rel="author" title="Philip Rogers" href="mailto:pdr@chromium.org"> + <link rel="help" href="https://www.w3.org/TR/css-transforms-1/#svg-syntax"> + <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/2623"> + <link rel="match" href="reference/svg-skewy-ref.html"> + <meta name="assert" content="The skewY transform function should not support the CSS transform syntax with units. The green rects in this test should have no transform applied."> +</head> +<body> + <p>The test passes if there is a green square and no red.</p> + <svg width="250" height="250" style="background: green"> + <rect width="100" height="100" fill="red"/> + <rect y="0" width="100" height="50" fill="green" transform="skewY(45deg)"/> + <rect y="50" width="100" height="50" fill="green" transform="skewY(45rad)"/> + </svg> +</body> +</html> |