update tests

tailwindlabs · Oct 10, 2024 · 3a62eb0 · 3a62eb0
1 parent b2dab05
commit 3a62eb0
Showing 1 changed file with 30 additions and 3 deletions.
diff --git a/packages/@tailwindcss-upgrade/src/codemods/migrate-media-screen.test.ts b/packages/@tailwindcss-upgrade/src/codemods/migrate-media-screen.test.ts
@@ -33,15 +33,42 @@ it('should migrate a built-in breakpoint', async () => {
       }
     `),
   ).toMatchInlineSnapshot(`
-    "@media (width >= 48rem) {
+    "@media (width >= theme(--breakpoint-md)) {
       .foo {
         color: red;
       }
     }"
   `)
 })
 
-it('should migrate a custom min-width screen', async () => {
+it('should migrate a custom min-width screen (string)', async () => {
+  expect(
+    await migrate(
+      css`
+        @media screen(foo) {
+          .foo {
+            color: red;
+          }
+        }
+      `,
+      {
+        theme: {
+          screens: {
+            foo: '123px',
+          },
+        },
+      },
+    ),
+  ).toMatchInlineSnapshot(`
+    "@media (width >= theme(--breakpoint-foo)) {
+      .foo {
+        color: red;
+      }
+    }"
+  `)
+})
+
+it('should migrate a custom min-width screen (object)', async () => {
   expect(
     await migrate(
       css`
@@ -60,7 +87,7 @@ it('should migrate a custom min-width screen', async () => {
       },
     ),
   ).toMatchInlineSnapshot(`
-    "@media (width >= 123px) {
+    "@media (width >= theme(--breakpoint-foo)) {
       .foo {
         color: red;
       }