Add test to document checking the user's !important preference

2018-03-05 09:37:17 -05:00 · 2018-03-05 09:37:17 -05:00 · c67912af66
commit c67912af66
parent 2feac441e7
1 changed files with 25 additions and 0 deletions
--- a/tests/processPlugins.test.js
+++ b/tests/processPlugins.test.js
@ -470,3 +470,28 @@ test("leading '.' is optional when creating utilities via `utility`", () => {
    }
  `)
 })
+
+test("plugins can choose to make declarations !important", () => {
+  const [, utilities] = processPlugins({
+    plugins: [
+      function({ rule, addUtilities, config }) {
+        addUtilities([
+          rule('.skew-12deg', {
+            transform: `skewY(-12deg)${config('options.important') ? ' !important' : ''}`,
+          }),
+        ])
+      },
+    ],
+    options: {
+      important: true,
+    },
+  })
+
+  expect(css(utilities)).toMatchCss(`
+    @variants {
+      .skew-12deg {
+        transform: skewY(-12deg) !important
+      }
+    }
+  `)
+})