From 135372b8d5ba7563bf45c2737fbb9abc1404a29c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=80=E4=B8=9D?= <percyley@qq.com>
Date: Fri, 11 Apr 2025 21:42:35 +0800
Subject: [PATCH] [filter-effects-1] Add `filter()`

---
 tests/filter-effects-1.js | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/tests/filter-effects-1.js b/tests/filter-effects-1.js
index af0fdda0..19d2f18a 100644
--- a/tests/filter-effects-1.js
+++ b/tests/filter-effects-1.js
@@ -8,6 +8,33 @@ export default {
 	status: {
 		stability: 'stable',
 	},
+	values: {
+		properties: ['background-image', 'list-style-image', 'border-image-source', 'cursor', 'mask-image', 'mask-border-source', 'shape-outside', 'content'],
+		// https://caniuse.com/css-filter-function
+		// There was a bug in Safari before 18.4,
+		// https://bugs.webkit.org/show_bug.cgi?id=250303
+		'filter()': {
+			links: {
+				tr: '#FilterCSSImageValue',
+				dev: '#FilterCSSImageValue',
+			},
+			tests: [
+				// filter() = filter( [ <image> | <string> ], <filter-value-list> )
+				'filter(conic-gradient(red), invert(1))',
+				'filter(conic-gradient(red, orange), invert(1))',
+				'filter(conic-gradient(red 0 0), invert(1))',
+				'filter(conic-gradient(red 0 100%), invert(1))',
+				'filter(linear-gradient(red, orange), invert(1))',
+				'filter(radial-gradient(red, orange), invert(1))',
+				'filter(repeating-conic-gradient(red, red 5%, black 5%, black 10%), invert(1))',
+				'filter(repeating-linear-gradient(red, red 10px, black 10px, black 20px), invert(1))',
+				'filter(repeating-radial-gradient(red, red 10px, black 10px, black 20px), invert(1))',
+				'filter(url("#foo"), blur(8px))',
+				'filter(url(#foo), blur(8px))',
+				'filter(url(foo.png), blur(8px))',
+			],
+		},
+	},
 	properties: {
 		filter: {
 			links: {