Write a test case that fails for #27

garronej · Oct 14, 2021 · 2173500 · 2173500
1 parent 9632899
commit 2173500
Showing 1 changed file with 31 additions and 3 deletions.
diff --git a/src/test/apps/ssr/pages/index.tsx b/src/test/apps/ssr/pages/index.tsx
@@ -277,6 +277,34 @@ const { App } = (() => {
                     <MyAnchorStyled href="https://exampe.com">
                         Background should be limegreen
                     </MyAnchorStyled>
+                    <div className={cx(
+                        css({
+                            "@media screen and (min-width: 1px)": {
+                                "backgroundColor": "red"
+                            },
+                            "height": 50
+                        }),
+                        css({
+                            "&&": {
+                                "backgroundColor": "lightgreen"
+                            }
+                        })
+                    )}>
+                        background should be lightgreen
+                    </div>
+                    <div className={cx(
+                        css({
+                            "@media screen and (min-width: 1px)": {
+                                "backgroundColor": "red"
+                            },
+                            "height": 50
+                        }),
+                        css({
+                            "backgroundColor": "lightgreen"
+                        })
+                    )}>
+                        background should be lightgreen
+                    </div>
                 </div>
             </>
         );
@@ -331,9 +359,9 @@ const MyAnchorStyled = withStyles(
     (theme, { href }) => ({
         "root": {
             "border": "1px solid black",
-            "backgroundColor": 
-                href?.startsWith("https") ? 
-                    theme.palette.primary.main : 
+            "backgroundColor":
+                href?.startsWith("https") ?
+                    theme.palette.primary.main :
                     "red"
         }
     })