improve test case

jantimon · Jul 23, 2024 · e65f61a · e65f61a
1 parent 22aa8b1
commit e65f61a
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/packages/yak-swc/yak_swc/tests/fixture/css-mixin-nested/input.tsx b/packages/yak-swc/yak_swc/tests/fixture/css-mixin-nested/input.tsx
@@ -5,10 +5,12 @@ const buttonStyles = css`
   border: none;
   border-radius: 5px;
   cursor: pointer;
-  ${({ $active }) => $active && css`
-    background-color: #f0f0f0;
-    max-width: ${({ $letters }) => $letters * 15}px;
-  `}
+  @media (max-width: 600px) {
+    ${({ $active }) => $active && css`
+      background-color: #f0f0f0;
+      max-width: ${({ $letters }) => $letters * 15}px;
+    `}
+  }
   width: ${({ $letters }) => $letters * 10}px;
 `;
 

diff --git a/packages/yak-swc/yak_swc/tests/fixture/css-mixin-nested/output.tsx b/packages/yak-swc/yak_swc/tests/fixture/css-mixin-nested/output.tsx
@@ -8,8 +8,10 @@ const buttonStyles = /*YAK Extracted CSS:
   cursor: pointer;
 }
 .buttonStyles__$active {
-  background-color: #f0f0f0;
-  max-width: var(--buttonStyles__max-width_o1wkyu);
+  @media (max-width: 600px) {
+    background-color: #f0f0f0;
+    max-width: var(--buttonStyles__max-width_o1wkyu);
+  }
 }
 .buttonStyles {
   width: var(--buttonStyles__width_o1wkyu);