commit da83c2944f5f344b79d8d4b3ec43f42f9d19f7b5 parent 608d033fe97165b3891510bf20f81972cbd97439 Author: anonmiraj <ezzibrahimx@gmail.com> Date: Mon, 8 Dec 2025 12:30:02 +0000 Bug 2004633 [wpt PR 56546] - layout: Pass degrees to the WebRender hue rotate filter, a=testonly Automatic update from web-platform-tests add test Signed-off-by: anonmiraj <ezzibrahimx@gmail.com> -- wpt-commits: 83f5e995fe93ba9ce18ff4d21728051a799588c6 wpt-pr: 56546 Diffstat:
| A | testing/web-platform/tests/css/filter-effects/filter-hue_rotate-002-ref.html | | | 22 | ++++++++++++++++++++++ |
| A | testing/web-platform/tests/css/filter-effects/filter-hue_rotate-002-test.html | | | 28 | ++++++++++++++++++++++++++++ |
2 files changed, 50 insertions(+), 0 deletions(-)
diff --git a/testing/web-platform/tests/css/filter-effects/filter-hue_rotate-002-ref.html b/testing/web-platform/tests/css/filter-effects/filter-hue_rotate-002-ref.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<html> + +<head> + <title>CSS filter: hue-rotate turns red to green reference</title> + <link rel="author" title="Ezzeldin Ibrahim" href="mailto:ezzibrahimx@gmail.com"> + <style type="text/css"> + div { + width: 200px; + height: 200px; + background-color: #007100; + } + </style> +</head> + +<body> + <p>You should see a green(#007100) rectangle.</p> + + <div></div> +</body> + +</html> diff --git a/testing/web-platform/tests/css/filter-effects/filter-hue_rotate-002-test.html b/testing/web-platform/tests/css/filter-effects/filter-hue_rotate-002-test.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html> +<head> + <title>CSS filter: hue-rotate turns red to green</title> + <link rel="author" title="Ezzeldin Ibrahim" href="mailto:ezzibrahimx@gmail.com"> + <link rel="help" href="https://www.w3.org/TR/filter-effects-1/#funcdef-filter-hue-rotate"> + <link rel="help" href="https://www.w3.org/TR/filter-effects-1/#huerotateEquivalent"> + <link rel="match" href="filter-hue_rotate-002-ref.html"> + + <meta name="assert" + content="Applying filter: hue-rotate(120deg) to a red rectangle should produce a green(#007100) rectangle."> + + <style type="text/css"> + div { + width: 200px; + height: 200px; + background-color: red; + filter: hue-rotate(120deg); + } + </style> +</head> + +<body> + <p>You should see a green(#007100) rectangle.</p> + <div></div> +</body> + +</html>