Add test coverage for purging with important string

adamwathan · adamwathan · commit 2903811767fa · 2020-08-20T13:25:18.000-04:00
diff --git a/__tests__/fixtures/purge-example.html b/__tests__/fixtures/purge-example.html
@@ -3,7 +3,7 @@
   <head>
     <title>My Page</title>
   </head>
-  <body>
+  <body id="tailwind">
     <main>
       <div class="bg-red-500 md:bg-blue-300 w-1/2"></div>
     </main>
diff --git a/__tests__/purgeUnusedStyles.test.js b/__tests__/purgeUnusedStyles.test.js
@@ -80,6 +80,27 @@ test('purges unused classes', () => {
     })
 })
 
+test('purges unused classes with important string', () => {
+  const OLD_NODE_ENV = process.env.NODE_ENV
+  process.env.NODE_ENV = 'production'
+  const inputPath = path.resolve(`${__dirname}/fixtures/tailwind-input.css`)
+  const input = fs.readFileSync(inputPath, 'utf8')
+
+  return postcss([
+    tailwind({
+      ...config,
+      important: '#tailwind',
+      purge: [path.resolve(`${__dirname}/fixtures/**/*.html`)],
+    }),
+  ])
+    .process(input, { from: inputPath })
+    .then(result => {
+      process.env.NODE_ENV = OLD_NODE_ENV
+
+      assertPurged(result)
+    })
+})
+
 test('does not purge components', () => {
   const OLD_NODE_ENV = process.env.NODE_ENV
   process.env.NODE_ENV = 'production'
