Add tests for the css filter property

Test that we can parse filters.

2 files changed, 46 insertions, 0 deletions

diff --git a/testsuite/css/parser/filter.css b/testsuite/css/parser/filter.css
new file mode 100644
index 0000000000..8a114e590a
--- /dev/null
+++ b/testsuite/css/parser/filter.css
@@ -0,0 +1,23 @@
+a {
+  filter: initial;
+}
+
+b {
+  filter: inherit;
+}
+
+c {
+  filter: unset;
+}
+
+d {
+  filter: none;
+}
+
+e {
+  filter: blur(2px) brightness(20%) contrast(120%) grayscale(100%) hue-rotate(45deg) invert(50%) opacity(25%) saturate(90%) sepia(100%);
+}
+
+f {
+  filter: drop-shadow(rgb(255,0,0) 1px 2px);
+}
diff --git a/testsuite/css/parser/filter.ref.css b/testsuite/css/parser/filter.ref.css
new file mode 100644
index 0000000000..70b733b325
--- /dev/null
+++ b/testsuite/css/parser/filter.ref.css
@@ -0,0 +1,23 @@
+a {
+  filter: initial;
+}
+
+b {
+  filter: inherit;
+}
+
+c {
+  filter: unset;
+}
+
+d {
+  filter: none;
+}
+
+e {
+  filter: blur(2px) brightness(20%) contrast(120%) grayscale(100%) hue-rotate(45deg) invert(50%) opacity(25%) saturate(90%) sepia(100%);
+}
+
+f {
+  filter: drop_shadow(1px 2px rgb(255,0,0));
+}