Add failing test for #4823

tailwindlabs · Jul 1, 2021 · 7523a44 · 7523a44
1 parent 369c7b5
commit 7523a44
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 0 deletions.
diff --git a/tests/jit/apply.test.css b/tests/jit/apply.test.css
@@ -323,6 +323,13 @@ h2 {
   padding-left: 1rem;
   padding-right: 1rem;
 }
+.important-modifier-variant {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.important-modifier-variant:hover {
+  border-radius: 0.375rem !important;
+}
 @keyframes spin {
   to {
     transform: rotate(360deg);

diff --git a/tests/jit/apply.test.html b/tests/jit/apply.test.html
@@ -33,6 +33,7 @@
     <div class="use-with-other-properties-base use-with-other-properties-component"></div>
     <div class="add-sibling-properties"></div>
     <div class="important-modifier"></div>
+    <div class="important-modifier-variant"></div>
     <div class="a b"></div>
     <div class="foo"></div>
     <div class="bar"></div>

diff --git a/tests/jit/apply.test.js b/tests/jit/apply.test.js
@@ -122,6 +122,10 @@ test('@apply', () => {
     .important-modifier {
       @apply px-4 !rounded-md;
     }
+
+    .important-modifier-variant {
+      @apply px-4 hover:!rounded-md;
+    }
   }
 
   @layer utilities {