diff --git a/tests/plugins/variants/__snapshots__/scriptingVariants.test.js.snap b/tests/plugins/variants/__snapshots__/scriptingVariants.test.js.snap
new file mode 100644
index 000000000000..3706825974b7
--- /dev/null
+++ b/tests/plugins/variants/__snapshots__/scriptingVariants.test.js.snap
@@ -0,0 +1,17 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should test the 'scriptingVariants' plugin 1`] = `
+"
+@media (scripting: none) {
+  .noscript\\:flex {
+    display: flex;
+  }
+}
+
+@media (scripting: enabled) {
+  .scripting\\:flex {
+    display: flex;
+  }
+}
+"
+`;
diff --git a/tests/plugins/variants/scriptingVariants.test.js b/tests/plugins/variants/scriptingVariants.test.js
index a279c533b541..e815c1f2d0d2 100644
--- a/tests/plugins/variants/scriptingVariants.test.js
+++ b/tests/plugins/variants/scriptingVariants.test.js
@@ -1,14 +1,3 @@
-import { css, quickVariantPluginTest } from '../../util/run'
+import { quickVariantPluginTest } from '../../util/run'
 
-quickVariantPluginTest('scriptingVariants').toMatchFormattedCss(css`
-  @media (scripting: none) {
-    .noscript\:flex {
-      display: flex;
-    }
-  }
-  @media (scripting: enabled) {
-    .scripting\:flex {
-      display: flex;
-    }
-  }
-`)
+quickVariantPluginTest('scriptingVariants').toMatchSnapshot()