use toMatchSnapshot instead of toMatchFormattedCss

More info: #12170
tailwindlabs · Nov 7, 2023 · 687b869 · 687b869
1 parent 27510c0
commit 687b869
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 13 deletions.
diff --git a/tests/plugins/variants/__snapshots__/reducedTransparencyVariants.test.js.snap b/tests/plugins/variants/__snapshots__/reducedTransparencyVariants.test.js.snap
@@ -0,0 +1,17 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should test the 'reducedTransparencyVariants' plugin 1`] = `
+"
+@media (prefers-reduced-transparency: no-preference) {
+  .transparency-safe\\:flex {
+    display: flex;
+  }
+}
+
+@media (prefers-reduced-transparency: reduce) {
+  .transparency-reduce\\:flex {
+    display: flex;
+  }
+}
+"
+`;
diff --git a/tests/plugins/variants/reducedTransparencyVariants.test.js b/tests/plugins/variants/reducedTransparencyVariants.test.js
@@ -1,14 +1,3 @@
-import { css, quickVariantPluginTest } from '../../util/run'
+import { quickVariantPluginTest } from '../../util/run'
 
-quickVariantPluginTest('reducedTransparencyVariants').toMatchFormattedCss(css`
-  @media (prefers-reduced-transparency: no-preference) {
-    .transparency-safe\:flex {
-      display: flex;
-    }
-  }
-  @media (prefers-reduced-transparency: reduce) {
-    .transparency-reduce\:flex {
-      display: flex;
-    }
-  }
-`)
+quickVariantPluginTest('reducedTransparencyVariants').toMatchSnapshot()