From fd2519b7822537a808afbc98cc505fb1945a181c Mon Sep 17 00:00:00 2001
From: Robin Malfait <malfait.robin@gmail.com>
Date: Fri, 27 Aug 2021 15:09:17 +0200
Subject: [PATCH] ensure purge tests work even for version mismatches

We applied the same treatment for the sanity tests, where we ignore the
first line (the tailwind header).

An odd issue I have found is that diffing of big css files is _very_
slow. When te tests pass, then the first test takes `3302 ms`, however,
when it fails it takes `477482 ms` on my machine. That's almost 8
minutes.
---
 tests/purgeUnusedStyles.test.js | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/tests/purgeUnusedStyles.test.js b/tests/purgeUnusedStyles.test.js
index 20411061253b..2e9b0cb074d5 100644
--- a/tests/purgeUnusedStyles.test.js
+++ b/tests/purgeUnusedStyles.test.js
@@ -20,6 +20,16 @@ function suppressConsoleLogs(cb, type = 'warn') {
   }
 }
 
+function dropTailwindHeader(css) {
+  let [header, ...lines] = css.split('\n')
+
+  expect(
+    /\/*! tailwindcss v\d*\.\d*\.\d* \| MIT License \| https:\/\/tailwindcss.com \*\//g.test(header)
+  ).toBe(true)
+
+  return lines.join('\n')
+}
+
 function extractRules(root) {
   let rules = []
 
@@ -450,7 +460,7 @@ test(
           'utf8'
         )
 
-        expect(result.css).toMatchCss(expected)
+        expect(dropTailwindHeader(result.css)).toMatchCss(dropTailwindHeader(expected))
       })
   })
 )
@@ -477,7 +487,7 @@ test('does not purge if the array is empty', () => {
             'utf8'
           )
 
-          expect(result.css).toMatchCss(expected)
+          expect(dropTailwindHeader(result.css)).toMatchCss(dropTailwindHeader(expected))
         })
     })
   )
@@ -502,7 +512,7 @@ test('does not purge if explicitly disabled', () => {
             'utf8'
           )
 
-          expect(result.css).toMatchCss(expected)
+          expect(dropTailwindHeader(result.css)).toMatchCss(dropTailwindHeader(expected))
         })
     })
   )
@@ -527,7 +537,7 @@ test('does not purge if purge is simply false', () => {
             'utf8'
           )
 
-          expect(result.css).toMatchCss(expected)
+          expect(dropTailwindHeader(result.css)).toMatchCss(dropTailwindHeader(expected))
         })
     })
   )