From a9b3dfc5158de84716c48b82ed14559e5629430b Mon Sep 17 00:00:00 2001
From: Robin Malfait <malfait.robin@gmail.com>
Date: Tue, 10 Oct 2023 13:08:51 +0200
Subject: [PATCH] update tests to reflect variant order change

---
 tests/collapse-adjacent-rules.test.js | 12 +++++-------
 tests/kitchen-sink.test.js            |  8 ++++----
 2 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/tests/collapse-adjacent-rules.test.js b/tests/collapse-adjacent-rules.test.js
index 69c471686..e38c4d5be 100644
--- a/tests/collapse-adjacent-rules.test.js
+++ b/tests/collapse-adjacent-rules.test.js
@@ -99,13 +99,6 @@ test('collapse adjacent rules', () => {
         color: #000;
         font-weight: 700;
       }
-      @supports (foo: bar) {
-        .some-apply-thing {
-          --tw-text-opacity: 1;
-          color: rgb(0 0 0 / var(--tw-text-opacity));
-          font-weight: 700;
-        }
-      }
       @media (min-width: 768px) {
         .some-apply-thing {
           --tw-text-opacity: 1;
@@ -114,6 +107,11 @@ test('collapse adjacent rules', () => {
         }
       }
       @supports (foo: bar) {
+        .some-apply-thing {
+          --tw-text-opacity: 1;
+          color: rgb(0 0 0 / var(--tw-text-opacity));
+          font-weight: 700;
+        }
         @media (min-width: 768px) {
           .some-apply-thing {
             --tw-text-opacity: 1;
diff --git a/tests/kitchen-sink.test.js b/tests/kitchen-sink.test.js
index c91365732..15f3164f1 100644
--- a/tests/kitchen-sink.test.js
+++ b/tests/kitchen-sink.test.js
@@ -727,10 +727,6 @@ test('it works', () => {
       .group:active .group-active\:opacity-10 {
         opacity: 0.1;
       }
-      .foo\:custom-util,
-      .foo\:hover\:custom-util:hover {
-        background: #abcdef !important;
-      }
       @media (prefers-reduced-motion: no-preference) {
         .motion-safe\:transition {
           transition-property: color, background-color, border-color, text-decoration-color, fill,
@@ -753,6 +749,10 @@ test('it works', () => {
       :is(.dark .dark\:custom-util) {
         background: #abcdef;
       }
+      .foo\:custom-util,
+      .foo\:hover\:custom-util:hover {
+        background: #abcdef !important;
+      }
       @media (min-width: 640px) {
         .sm\:text-center {
           text-align: center;