From 5370ea71c0b3a6759c481f96608ce855bd043bc8 Mon Sep 17 00:00:00 2001
From: Jarred Sumner <jarred@jarredsumner.com>
Date: Wed, 6 Oct 2021 16:49:26 -0700
Subject: Add support for reading JSX config from tsconfig.json

---
 integration/snippets/custom-emotion-jsx/file.jsx      | 15 +++++++++++++++
 integration/snippets/custom-emotion-jsx/tsconfig.json |  5 +++++
 2 files changed, 20 insertions(+)
 create mode 100644 integration/snippets/custom-emotion-jsx/file.jsx
 create mode 100644 integration/snippets/custom-emotion-jsx/tsconfig.json

(limited to 'integration/snippets/custom-emotion-jsx')

diff --git a/integration/snippets/custom-emotion-jsx/file.jsx b/integration/snippets/custom-emotion-jsx/file.jsx
new file mode 100644
index 000000000..c00cb0543
--- /dev/null
+++ b/integration/snippets/custom-emotion-jsx/file.jsx
@@ -0,0 +1,15 @@
+import * as ReactDOM from "react-dom";
+export const Foo = () => <div css={{ content: '"it worked!"' }}></div>;
+
+export function test() {
+  const element = document.createElement("div");
+  element.id = "custom-emotion-jsx";
+  document.body.appendChild(element);
+  ReactDOM.render(<Foo />, element);
+  const style = window.getComputedStyle(element.firstChild);
+  if (!(style["content"] ?? "").includes("it worked!")) {
+    throw new Error('Expected "it worked!" but received: ' + style["content"]);
+  }
+
+  return testDone(import.meta.url);
+}
diff --git a/integration/snippets/custom-emotion-jsx/tsconfig.json b/integration/snippets/custom-emotion-jsx/tsconfig.json
new file mode 100644
index 000000000..7bb0f58a0
--- /dev/null
+++ b/integration/snippets/custom-emotion-jsx/tsconfig.json
@@ -0,0 +1,5 @@
+{
+  "compilerOptions": {
+    "jsxImportSource": "@emotion/react"
+  }
+}
-- 
cgit v1.2.3