From cc42cc3bcd418928ac66f09d4e6677ded888ea69 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Donny/=EA=B0=95=EB=8F=99=EC=9C=A4?= <kdy1997.dev@gmail.com>
Date: Mon, 12 Dec 2022 14:19:57 +0900
Subject: [PATCH] Add tests

---
 .../swc_css_compat/tests/custom-media-query/basic/2.css  | 9 +++++++++
 .../swc_css_compat/tests/custom-media-query/basic/3.css  | 9 +++++++++
 .../swc_css_compat/tests/custom-media-query/basic/4.css  | 9 +++++++++
 3 files changed, 27 insertions(+)
 create mode 100644 crates/swc_css_compat/tests/custom-media-query/basic/2.css
 create mode 100644 crates/swc_css_compat/tests/custom-media-query/basic/3.css
 create mode 100644 crates/swc_css_compat/tests/custom-media-query/basic/4.css

diff --git a/crates/swc_css_compat/tests/custom-media-query/basic/2.css b/crates/swc_css_compat/tests/custom-media-query/basic/2.css
new file mode 100644
index 000000000000..1ce9b453defe
--- /dev/null
+++ b/crates/swc_css_compat/tests/custom-media-query/basic/2.css
@@ -0,0 +1,9 @@
+@custom-media --mq-a (max-width: 30em), (max-height: 30em);
+@custom-media --mq-b screen and (max-width: 30em);
+@custom-media --not-mq-a not all and (--mq-a);
+
+@media not all and (--mq-a) {
+	body {
+		order: 2;
+	}
+}
diff --git a/crates/swc_css_compat/tests/custom-media-query/basic/3.css b/crates/swc_css_compat/tests/custom-media-query/basic/3.css
new file mode 100644
index 000000000000..cb0bd3ceebc1
--- /dev/null
+++ b/crates/swc_css_compat/tests/custom-media-query/basic/3.css
@@ -0,0 +1,9 @@
+@custom-media --mq-a (max-width: 30em), (max-height: 30em);
+@custom-media --mq-b screen and (max-width: 30em);
+@custom-media --not-mq-a not all and (--mq-a);
+
+@media (--not-mq-a) {
+	body {
+		order: 1;
+	}
+}
\ No newline at end of file
diff --git a/crates/swc_css_compat/tests/custom-media-query/basic/4.css b/crates/swc_css_compat/tests/custom-media-query/basic/4.css
new file mode 100644
index 000000000000..c16a9d0199f3
--- /dev/null
+++ b/crates/swc_css_compat/tests/custom-media-query/basic/4.css
@@ -0,0 +1,9 @@
+@custom-media --mq-a (max-width: 30em), (max-height: 30em);
+@custom-media --mq-b screen and (max-width: 30em);
+@custom-media --not-mq-a not all and (--mq-a);
+
+@media not all and (--not-mq-a) {
+	body {
+		order: 2;
+	}
+}