From 2433d997164e95b5099c8346ac73766fb2700a25 Mon Sep 17 00:00:00 2001 From: Adam Wathan <4323180+adamwathan@users.noreply.github.com> Date: Fri, 22 Dec 2023 15:39:24 -0500 Subject: [PATCH] Finish updating tests --- tests/important-boolean.test.js | 6 +++--- tests/kitchen-sink.test.js | 10 +++++----- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/tests/important-boolean.test.js b/tests/important-boolean.test.js index ec49b4243..116d97ec8 100644 --- a/tests/important-boolean.test.js +++ b/tests/important-boolean.test.js @@ -7,7 +7,7 @@ import { run, html, css, defaults } from './util/run' test('important boolean', () => { let config = { important: true, - darkMode: 'class', + darkMode: 'selector', content: [ { raw: html` @@ -147,10 +147,10 @@ test('important boolean', () => { text-align: right !important; } } - :is(:where([dir='rtl']) .rtl\:active\:text-center:active) { + .rtl\:active\:text-center:active:where([dir='rtl'], [dir='rtl'] *) { text-align: center !important; } - :is(:where(.dark) .dark\:focus\:text-left:focus) { + .dark\:focus\:text-left:focus:where(.dark, .dark *) { text-align: left !important; } `) diff --git a/tests/kitchen-sink.test.js b/tests/kitchen-sink.test.js index 2151f22db..a869ad4c8 100644 --- a/tests/kitchen-sink.test.js +++ b/tests/kitchen-sink.test.js @@ -2,7 +2,7 @@ import { run, html, css, defaults } from './util/run' test('it works', () => { let config = { - darkMode: 'class', + darkMode: 'selector', content: [ { raw: html` @@ -304,7 +304,7 @@ test('it works', () => { } .drop-empty-rules:hover, .group:hover .apply-group, - :is(:where(.dark) .apply-dark-mode) { + .apply-dark-mode:where(.dark, .dark *) { font-weight: 700; } .apply-with-existing:hover { @@ -339,7 +339,7 @@ test('it works', () => { .apply-order-b { margin: 1.5rem 1.25rem 1.25rem; } - :is(:where(.dark) .group:hover .apply-dark-group-example-a) { + .group:hover .apply-dark-group-example-a:where(.dark, .dark *) { --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity)); } @@ -806,12 +806,12 @@ test('it works', () => { text-align: left; } } - :is(:where(.dark) .dark\:custom-util) { + .dark\:custom-util:where(.dark, .dark *) { background: #abcdef; } @media (min-width: 768px) { @media (prefers-reduced-motion: no-preference) { - :is(:where(.dark) .md\:dark\:motion-safe\:foo\:active\:custom-util:active) { + .md\:dark\:motion-safe\:foo\:active\:custom-util:active:where(.dark, .dark *) { background: #abcdef !important; } }