@swc/plugin-styled-jsx 1.3.0 → 1.5.0

package/tests/fixture/transform-css-nth-1/input.js

@@ -0,0 +1,10 @@
+export default () => (
+    <div>
+      <p>test</p>
+      <style jsx>{`
+        li:nth-child(2) {
+          color: lime;
+        }
+      `}</style>
+    </div>
+  )

package/tests/fixture/transform-css-nth-1/output.js

@@ -0,0 +1,8 @@
+import _JSXStyle from "styled-jsx/style";
+export default (()=><div className={"jsx-938ca197692ef624"}>
+
+      <p className={"jsx-938ca197692ef624"}>test</p>
+
+      <_JSXStyle id={"938ca197692ef624"}>{"li.jsx-938ca197692ef624:nth-child(2){color:lime}"}</_JSXStyle>
+
+    </div>);

package/tests/fixture/whitespace/input.js

@@ -0,0 +1,12 @@
+export default () => (
+  <div>
+    <p>test</p>
+    <p>woot</p>
+    <p>woot</p>
+    <style jsx>
+      {
+        'p { color: red }'
+      }
+    </style>
+  </div>
+)

package/tests/fixture/whitespace/output.js

@@ -0,0 +1,12 @@
+import _JSXStyle from "styled-jsx/style";
+export default (()=><div className={"jsx-94239b6d6b42c9b5"}>
+
+    <p className={"jsx-94239b6d6b42c9b5"}>test</p>
+
+    <p className={"jsx-94239b6d6b42c9b5"}>woot</p>
+
+    <p className={"jsx-94239b6d6b42c9b5"}>woot</p>
+
+    <_JSXStyle id={"94239b6d6b42c9b5"}>{"p.jsx-94239b6d6b42c9b5{color:red}"}</_JSXStyle>
+
+  </div>);

package/tests/fixture.rs

@@ -0,0 +1,87 @@
+use std::path::PathBuf;
+
+use swc_core::{
+    common::{chain, FileName, Mark, Span, DUMMY_SP},
+    ecma::{
+        parser::{EsConfig, Syntax},
+        transforms::{
+            base::resolver,
+            testing::{test_fixture, test_fixture_allowing_error},
+        },
+    },
+};
+use swc_plugin_styled_jsx::visitor::styled_jsx;
+use testing::fixture;
+
+fn syntax() -> Syntax {
+    Syntax::Es(EsConfig {
+        jsx: true,
+        ..Default::default()
+    })
+}
+
+#[fixture("tests/fixture/**/input.js")]
+fn styled_jsx_fixture(input: PathBuf) {
+    let output = input.parent().unwrap().join("output.js");
+    test_fixture(
+        syntax(),
+        &|t| {
+            chain!(
+                resolver(Mark::new(), Mark::new(), false),
+                styled_jsx(
+                    t.cm.clone(),
+                    FileName::Real(PathBuf::from("/some-project/src/some-file.js"))
+                )
+            )
+        },
+        &input,
+        &output,
+    );
+
+    test_fixture(
+        syntax(),
+        &|t| {
+            // `resolver` uses `Mark` which is stored in a thread-local storage (namely
+            // swc_common::GLOBALS), and this loop will make `Mark` to be different from the
+            // invocation above.
+            //
+            // 1000 is used because in future I (kdy1) may optimize logic of resolver.
+            for _ in 0..1000 {
+                let _mark = Mark::fresh(Mark::root());
+            }
+
+            chain!(
+                resolver(Mark::new(), Mark::new(), false),
+                styled_jsx(
+                    t.cm.clone(),
+                    FileName::Real(PathBuf::from("/some-project/src/some-file.js"))
+                )
+            )
+        },
+        &input,
+        &output,
+    );
+}
+
+pub struct DropSpan;
+impl swc_core::ecma::visit::VisitMut for DropSpan {
+    fn visit_mut_span(&mut self, span: &mut Span) {
+        *span = DUMMY_SP
+    }
+}
+
+#[fixture("tests/errors/**/input.js")]
+fn styled_jsx_errors(input: PathBuf) {
+    let output = input.parent().unwrap().join("output.js");
+    let file_name = match input.to_str().unwrap().contains("ts-with-css-resolve") {
+        true => FileName::Real(PathBuf::from("/some-project/src/some-file.ts")),
+        false => FileName::Real(PathBuf::from("/some-project/src/some-file.js")),
+    };
+
+    test_fixture_allowing_error(
+        syntax(),
+        &|t| styled_jsx(t.cm.clone(), file_name.clone()),
+        &input,
+        &output,
+    );
+}