add sort test for utilities with the important modifier e.g.: !p-4

tailwindlabs · Feb 10, 2022 · 378ca4f · 378ca4f
1 parent 19a2340
commit 378ca4f
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/tests/sortClassList.test.js b/tests/sortClassList.test.js
@@ -11,6 +11,10 @@ it.each([
   // Utilities with variants
   ['px-3 focus:hover:p-3 hover:p-1 py-3', 'px-3 py-3 hover:p-1 focus:hover:p-3'],
 
+  // Utitlies with important
+  ['px-3 !py-4', 'px-3 !py-4'],
+  ['!py-4 px-3', '!py-4 px-3'],
+
   // Components with variants
   ['hover:container container', 'container hover:container'],
 
@@ -45,6 +49,10 @@ it.each([
     'tw-px-3 tw-py-3 hover:tw-p-1 focus:hover:tw-p-3',
   ],
 
+  // Utitlies with important
+  ['tw-px-3 !tw-py-4', 'tw-px-3 !tw-py-4'],
+  ['!tw-py-4 tw-px-3', '!tw-py-4 tw-px-3'],
+
   // Components with variants
   ['hover:tw-container tw-container', 'tw-container hover:tw-container'],