update tests to reflect Lightning CSS bump

+ solves an issue we had where `height: 100vh; height: -moz-available;` was missing. Nice!
tailwindlabs · Jan 22, 2024 · f945fc8 · f945fc8
1 parent 9c626a5
commit f945fc8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/tests/collapse-duplicate-declarations.test.js b/tests/collapse-duplicate-declarations.test.js
@@ -161,12 +161,11 @@ it('should work on a real world example', () => {
     }
   `
 
-  // TODO: This seems like a bug with compat data
-  // `-moz-available` should still be listed
-  // and most like `100vh` as well
   return run(input, config).then((result) => {
     expect(result.css).toMatchFormattedCss(css`
       .h-available {
+        height: 100vh;
+        height: -moz-available;
         height: -webkit-fill-available;
       }
     `)

diff --git a/tests/detect-nesting.test.js b/tests/detect-nesting.test.js
@@ -35,15 +35,15 @@ it('should not warn when we detect nested css inside css @layer rules', () => {
   }
 
   let input = css`
-    @layer tw-base, tw-components, tw-utilities;
+    @layer tw-base, tw-components;
     @layer tw-utilities {
       @tailwind utilities;
     }
   `
 
   return run(input, config).then((result) => {
     expect(result.css).toMatchFormattedCss(css`
-      @layer tw-base, tw-components, tw-utilities;
+      @layer tw-base, tw-components;
       @layer tw-utilities {
         .underline {
           text-decoration-line: underline;