From 20480d90bf18a56a52b7fc5b902847c0c044292f Mon Sep 17 00:00:00 2001
From: Robin Malfait <malfait.robin@gmail.com>
Date: Mon, 9 Oct 2023 17:43:30 +0200
Subject: [PATCH] use `toMatchSnapshot` instead of `toMatchFormattedCss`

More info: https://github.com/tailwindlabs/tailwindcss/pull/12170
---
 .../__snapshots__/invertedColorsVariants.test.js.snap | 11 +++++++++++
 tests/plugins/variants/invertedColorsVariants.test.js | 10 ++--------
 2 files changed, 13 insertions(+), 8 deletions(-)
 create mode 100644 tests/plugins/variants/__snapshots__/invertedColorsVariants.test.js.snap

diff --git a/tests/plugins/variants/__snapshots__/invertedColorsVariants.test.js.snap b/tests/plugins/variants/__snapshots__/invertedColorsVariants.test.js.snap
new file mode 100644
index 000000000000..107326ee4467
--- /dev/null
+++ b/tests/plugins/variants/__snapshots__/invertedColorsVariants.test.js.snap
@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should test the 'invertedColorsVariants' plugin 1`] = `
+"
+@media (inverted-colors: inverted) {
+  .inverted-colors\\:flex {
+    display: flex;
+  }
+}
+"
+`;
diff --git a/tests/plugins/variants/invertedColorsVariants.test.js b/tests/plugins/variants/invertedColorsVariants.test.js
index 273bc264d2c5..71591bbc2567 100644
--- a/tests/plugins/variants/invertedColorsVariants.test.js
+++ b/tests/plugins/variants/invertedColorsVariants.test.js
@@ -1,9 +1,3 @@
-import { css, quickVariantPluginTest } from '../../util/run'
+import { quickVariantPluginTest } from '../../util/run'
 
-quickVariantPluginTest('invertedColorsVariants').toMatchFormattedCss(css`
-  @media (inverted-colors: inverted) {
-    .inverted-colors\:flex {
-      display: flex;
-    }
-  }
-`)
+quickVariantPluginTest('invertedColorsVariants').toMatchSnapshot()