From 64d21763633188658962c6dc854bc43e5de2db9b Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Fri, 2 Mar 2018 07:54:42 -0500
Subject: [PATCH] Test that "@" is optional in at-rule definitions

---
 __tests__/processPlugins.test.js | 41 ++++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)

diff --git a/__tests__/processPlugins.test.js b/__tests__/processPlugins.test.js
index ab4c4ff0a..09a422d6c 100644
--- a/__tests__/processPlugins.test.js
+++ b/__tests__/processPlugins.test.js
@@ -273,3 +273,44 @@ test('plugins can provide fallbacks to keys missing from the config', () => {
     }
   `)
 })
+
+test('the "@" sign is optional in at-rules', () => {
+  const [components, utilities] = processPlugins({
+    plugins: [
+      function ({ rule, atRule, addComponents }) {
+        addComponents([
+          rule('.card', {
+            padding: '.5rem',
+          }),
+          atRule('media (min-width: 500px)', [
+            rule('.card', {
+              padding: '1rem',
+            }),
+          ]),
+          atRule('@media (min-width: 800px)', [
+            rule('.card', {
+              padding: '1.5rem',
+            }),
+          ])
+        ])
+      }
+    ],
+  })
+
+  expect(utilities.length).toBe(0)
+  expect(css(components)).toMatchCss(`
+    .card {
+      padding: .5rem
+    }
+    @media (min-width: 500px) {
+      .card {
+        padding: 1rem
+      }
+    }
+    @media (min-width: 800px) {
+      .card {
+        padding: 1.5rem
+      }
+    }
+  `)
+})