Update test refs

swc-project · Apr 29, 2024 · b975de0 · b975de0
1 parent d5109c6
commit b975de0
Show file tree

Hide file tree

Showing 4 changed files with 78 additions and 0 deletions.
diff --git a/packages/styled-jsx/transform/tests/fixture/next-65066/output.lightningcss.js b/packages/styled-jsx/transform/tests/fixture/next-65066/output.lightningcss.js
@@ -0,0 +1,27 @@
+import _JSXStyle from "styled-jsx/style";
+import React from "react";
+// This should error with https://nextjs.org/docs/messages/nested-styled-jsx-tags
+// but instead it crashes SWC.
+export default function Home() {
+    return <div className={"jsx-915beb22be3340e9"}>
+
+            <div className={"jsx-915beb22be3340e9"}>
+
+                <div className={"jsx-915beb22be3340e9" + " " + "text animated"}>Text</div>
+
+
+
+                <_JSXStyle id={"915beb22be3340e9"}>{".text.jsx-915beb22be3340e9:hover{color:#ff0!important}"}</_JSXStyle>
+
+            </div>
+
+
+
+            <style jsx>{`
+        .text:hover {
+          color: yellow !important;
+        }
+      `}</style>
+
+        </div>;
+}
diff --git a/packages/styled-jsx/transform/tests/fixture/next-65066/output.lightningcss.stderr b/packages/styled-jsx/transform/tests/fixture/next-65066/output.lightningcss.stderr
@@ -0,0 +1,12 @@
+
+  x Detected nested styled-jsx tag.
+  | Read more: https://nextjs.org/docs/messages/nested-styled-jsx-tags
+    ,-[input.js:21:1]
+ 21 |     
+ 22 | ,->             <style jsx>{`
+ 23 | |           .text:hover {
+ 24 | |             color: yellow !important;
+ 25 | |           }
+ 26 | `->       `}</style>
+ 27 |             </div>
+    `----
diff --git a/packages/styled-jsx/transform/tests/fixture/next-65066/output.swc.js b/packages/styled-jsx/transform/tests/fixture/next-65066/output.swc.js
@@ -0,0 +1,27 @@
+import _JSXStyle from "styled-jsx/style";
+import React from "react";
+// This should error with https://nextjs.org/docs/messages/nested-styled-jsx-tags
+// but instead it crashes SWC.
+export default function Home() {
+    return <div className={"jsx-915beb22be3340e9"}>
+
+            <div className={"jsx-915beb22be3340e9"}>
+
+                <div className={"jsx-915beb22be3340e9" + " " + "text animated"}>Text</div>
+
+
+
+                <_JSXStyle id={"915beb22be3340e9"}>{".text.jsx-915beb22be3340e9:hover{color:#ff0!important}"}</_JSXStyle>
+
+            </div>
+
+
+
+            <style jsx>{`
+        .text:hover {
+          color: yellow !important;
+        }
+      `}</style>
+
+        </div>;
+}
diff --git a/packages/styled-jsx/transform/tests/fixture/next-65066/output.swc.stderr b/packages/styled-jsx/transform/tests/fixture/next-65066/output.swc.stderr
@@ -0,0 +1,12 @@
+
+  x Detected nested styled-jsx tag.
+  | Read more: https://nextjs.org/docs/messages/nested-styled-jsx-tags
+    ,-[input.js:21:1]
+ 21 |     
+ 22 | ,->             <style jsx>{`
+ 23 | |           .text:hover {
+ 24 | |             color: yellow !important;
+ 25 | |           }
+ 26 | `->       `}</style>
+ 27 |             </div>
+    `----