From 3f6d31e3ae56dcee53a1f4bdf2ec4530d4e9d3a5 Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Wed, 15 Jul 2020 17:09:58 -0400
Subject: [PATCH] Add failing test

---
 __tests__/variantsAtRule.test.js | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/__tests__/variantsAtRule.test.js b/__tests__/variantsAtRule.test.js
index 12f836f9a..25f950d21 100644
--- a/__tests__/variantsAtRule.test.js
+++ b/__tests__/variantsAtRule.test.js
@@ -684,3 +684,32 @@ test('plugin variants can wrap rules in another at-rule using the raw PostCSS AP
     expect(result.warnings().length).toBe(0)
   })
 })
+
+test('nested variants are all applied', () => {
+  const input = `
+    @variants responsive {
+      @variants hover {
+        @variants focus {
+          .banana { color: yellow; }
+          .chocolate { color: brown; }
+        }
+      }
+    }
+  `
+
+  const output = `
+    @responsive {
+      .banana { color: yellow; }
+      .chocolate { color: brown; }
+      .focus\\:banana:focus { color: yellow; }
+      .focus\\:chocolate:focus { color: brown; }
+      .hover\\:banana:hover { color: yellow; }
+      .hover\\:chocolate:hover { color: brown; }
+    }
+  `
+
+  return run(input).then(result => {
+    expect(result.css).toMatchCss(output)
+    expect(result.warnings().length).toBe(0)
+  })
+})