From 2817408e48ac4153d0de40282d8781273e749efc Mon Sep 17 00:00:00 2001
From: Robin Malfait <malfait.robin@gmail.com>
Date: Tue, 10 Oct 2023 14:45:07 +0200
Subject: [PATCH] add tests that shows that you can override a built-in variant

---
 tests/variants.test.js | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/tests/variants.test.js b/tests/variants.test.js
index 51980d8a0..34e3dca16 100644
--- a/tests/variants.test.js
+++ b/tests/variants.test.js
@@ -1167,3 +1167,26 @@ test('stacking dark and rtl variants with pseudo elements', async () => {
     }
   `)
 })
+
+test('users can override built-in variants', () => {
+  let config = {
+    content: [{ raw: html`<div class="dark:flex"></div>` }],
+    plugins: [
+      function ({ addVariant }) {
+        addVariant('dark', '[data-theme="dark"] &')
+      },
+    ],
+  }
+
+  let input = css`
+    @tailwind utilities;
+  `
+
+  return run(input, config).then((result) => {
+    expect(result.css).toMatchFormattedCss(css`
+      [data-theme='dark'] .dark\:flex {
+        display: flex;
+      }
+    `)
+  })
+})