commit de9163d2d7841a3bc1bbe5be0d5c627f4db47496
parent 7bdd1bb9f50162e2f8b6fe19bc4bc7682152e7aa
Author: Ahmad Saleem <52317531+Ahmad-S792@users.noreply.github.com>
Date: Mon, 5 Jan 2026 10:22:32 +0000
Bug 2007796 [wpt PR 56930] - [Manual] WebKit Export - https://bugs.webkit.org/show_bug.cgi?id=298540, a=testonly
Automatic update from web-platform-tests
[Manual] WebKit Export - https://bugs.webkit.org/show_bug.cgi?id=298540 (#56930)
This is manual export of test cases added locally in WebKit below bug:
https://bugs.webkit.org/show_bug.cgi?id=298540
--
wpt-commits: 6840e222885eefc3934d47dad19b04e14fc8564e
wpt-pr: 56930
Diffstat:
4 files changed, 257 insertions(+), 0 deletions(-)
diff --git a/testing/web-platform/tests/css/filter-effects/reference/svg-filter-filter-units-user-space-ref.html b/testing/web-platform/tests/css/filter-effects/reference/svg-filter-filter-units-user-space-ref.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <style>
+ .container {
+ width: 200px;
+ height: 200px;
+ display: inline-block;
+ vertical-align: top;
+ margin-right: 2px;
+ margin-bottom: 4px;
+ background-color: lightgray;
+ }
+
+ .green-box {
+ background-color: red;
+ width: 50px;
+ height: 50px;
+ background-color: green;
+ transform: translate(10px, 10px);
+ }
+
+ svg {
+ background-color: rgb(160, 160, 160);
+ }
+ </style>
+</head>
+<body>
+ <div>
+ <div class="container"></div>
+ <div class="container">
+ <svg width="150" height="150">
+ <rect x="0" y="0" width="75" height="75" fill="green" />
+ </svg>
+ </div>
+ <div class="container">
+ <div class="green-box"></div>
+ </div>
+ </div>
+ <div>
+ <div class="container">
+ <svg width="200" height="200">
+ <rect x="0" y="0" width="100" height="100" fill="green" />
+ </svg>
+ </div>
+ <div class="container">
+ <svg width="150" height="150">
+ <rect x="0" y="0" width="75" height="75" fill="green" />
+ </svg>
+ </div>
+ <div class="container">
+ <div class="green-box"></div>
+ </div>
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/filter-effects/reference/svg-filter-primitive-units-user-space-ref.html b/testing/web-platform/tests/css/filter-effects/reference/svg-filter-primitive-units-user-space-ref.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <style>
+ .container {
+ width: 200px;
+ height: 200px;
+ display: inline-block;
+ vertical-align: top;
+ margin-right: 2px;
+ margin-bottom: 4px;
+ background-color: lightgray;
+ }
+
+ .filtered-box {
+ background-color: green;
+ width: 100px;
+ height: 100px;
+ }
+
+ svg {
+ background-color: rgb(160, 160, 160);
+ }
+ </style>
+</head>
+<body>
+ <div>
+ <div class="container"></div>
+ <div class="container">
+ <svg width="150" height="150">
+ <rect x="0" y="0" width="120" height="120" fill="green" />
+ </svg>
+ </div>
+ <div class="container">
+ <div class="filtered-box"></div>
+ </div>
+ </div>
+ <div>
+ <div class="container">
+ <svg width="200" height="200">
+ <rect x="0" y="0" width="120" height="120" fill="green" />
+ </svg>
+ </div>
+ <div class="container">
+ <svg width="150" height="150">
+ <rect x="0" y="0" width="120" height="120" fill="green" />
+ </svg>
+ </div>
+ <div class="container">
+ <div class="filtered-box"></div>
+ </div>
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/filter-effects/svg-filter-filter-units-user-space.html b/testing/web-platform/tests/css/filter-effects/svg-filter-filter-units-user-space.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <link rel="author" title="Said Abou-Hallawa" href="mailto:said@apple.com>">
+ <link rel="help" href="https://drafts.fxtf.org/filter-effects/#element-attrdef-filter-primitiveunits">
+ <link rel="help" href="https://drafts.csswg.org/css-transforms-1/#local-coordinate-system">
+ <link rel="match" href="reference/svg-filter-filter-units-user-space-ref.html">
+ <style>
+ .container {
+ width: 200px;
+ height: 200px;
+ display: inline-block;
+ vertical-align: top;
+ margin-right: 2px;
+ margin-bottom: 4px;
+ background-color: lightgray;
+ }
+
+ .filtered-box {
+ background-color: red;
+ width: 100px;
+ height: 100px;
+ transform: translate(10px, 10px);
+ }
+
+ svg {
+ background-color: rgb(160, 160, 160);
+ }
+ </style>
+</head>
+<body>
+ <div>
+ <div class="container">
+ <svg width="0" height="0" style="position: absolute;">
+ <defs>
+ <filter id="floodFilter-1" filterUnits="userSpaceOnUse" x="0" y="0" width="100%" height="100%">
+ <feFlood flood-color="green" width="50%" height="50%" />
+ </filter>
+ </defs>
+ </svg>
+ </div>
+ <div class="container">
+ <svg width="150" height="150">
+ <rect x="10" y="10" width="100" height="100" fill="red" filter="url(#floodFilter-1)" />
+ </svg>
+ </div>
+ <div class="container">
+ <div class="filtered-box" style="filter: url(#floodFilter-1);"></div>
+ </div>
+ </div>
+ <div>
+ <div class="container">
+ <svg width="200" height="200">
+ <defs>
+ <filter id="floodFilter-2" filterUnits="userSpaceOnUse" x="0" y="0" width="100%" height="100%">
+ <feFlood flood-color="green" width="50%" height="50%" />
+ </filter>
+ </defs>
+ <rect x="10" y="10" width="100" height="100" fill="red" filter="url(#floodFilter-2)" />
+ </svg>
+ </div>
+ <div class="container">
+ <svg width="150" height="150">
+ <rect x="10" y="10" width="100" height="100" fill="red" filter="url(#floodFilter-2)" />
+ </svg>
+ </div>
+ <div class="container">
+ <div class="filtered-box" style="filter: url(#floodFilter-2);"></div>
+ </div>
+ </div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/filter-effects/svg-filter-primitive-units-user-space.html b/testing/web-platform/tests/css/filter-effects/svg-filter-primitive-units-user-space.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <meta name="fuzzy" content="maxDifference=0-160; totalPixels=0-723">
+ <link rel="author" title="Said Abou-Hallawa" href="mailto:said@apple.com>">
+ <link rel="help" href="https://drafts.fxtf.org/filter-effects/#element-attrdef-filter-primitiveunits">
+ <link rel="help" href="https://drafts.csswg.org/css-transforms-1/#local-coordinate-system">
+ <link rel="match" href="reference/svg-filter-primitive-units-user-space-ref.html">
+ <style>
+ .container {
+ width: 200px;
+ height: 200px;
+ display: inline-block;
+ vertical-align: top;
+ margin-right: 2px;
+ margin-bottom: 4px;
+ background-color: lightgray;
+ }
+
+ .filtered-box {
+ background-color: red;
+ width: 100px;
+ height: 100px;
+ transform: translate(10px, 10px);
+ }
+
+ svg {
+ background-color: rgb(160, 160, 160);
+ }
+ </style>
+</head>
+<body>
+ <div>
+ <div class="container">
+ <svg width="0" height="0" style="position: absolute;">
+ <defs>
+ <filter id="floodFilter-1" primitiveUnits="userSpaceOnUse">
+ <feFlood flood-color="green" width="100%" height="100%" />
+ </filter>
+ </defs>
+ </svg>
+ </div>
+ <div class="container">
+ <svg width="150" height="150">
+ <rect x="10" y="10" width="100" height="100" fill="red" filter="url(#floodFilter-1)" />
+ </svg>
+ </div>
+ <div class="container">
+ <div class="filtered-box" style="filter: url(#floodFilter-1);"></div>
+ </div>
+ </div>
+ <div>
+ <div class="container">
+ <svg width="200" height="200">
+ <defs>
+ <filter id="floodFilter-2" primitiveUnits="userSpaceOnUse">
+ <feFlood flood-color="green" width="100%" height="100%" />
+ </filter>
+ </defs>
+ <rect x="10" y="10" width="100" height="100" fill="red" filter="url(#floodFilter-2)" />
+ </svg>
+ </div>
+ <div class="container">
+ <svg width="150" height="150">
+ <rect x="10" y="10" width="100" height="100" fill="red" filter="url(#floodFilter-2)" />
+ </svg>
+ </div>
+ <div class="container">
+ <div class="filtered-box" style="filter: url(#floodFilter-2);"></div>
+ </div>
+ </div>
+</body>
+</html>
