inokawa
diff --git a/‎fixtures/app-export-default-with-backticks.jsx‎
Lines changed: 14 additions & 0 deletions b/‎fixtures/app-export-default-with-backticks.jsx‎
Lines changed: 14 additions & 0 deletions
diff --git a/‎src/plugin/__snapshots__/html.spec.js.snap‎
Lines changed: 0 additions & 27 deletions b/‎src/plugin/__snapshots__/html.spec.js.snap‎
Lines changed: 0 additions & 27 deletions
diff --git a/‎src/plugin/__snapshots__/index.spec.js.snap‎
Lines changed: 3572 additions & 0 deletions b/‎src/plugin/__snapshots__/index.spec.js.snap‎
Lines changed: 3572 additions & 0 deletions
diff --git a/‎src/plugin/__snapshots__/metro.spec.js.snap‎
Lines changed: 20 additions & 0 deletions b/‎src/plugin/__snapshots__/metro.spec.js.snap‎
Lines changed: 20 additions & 0 deletions
diff --git a/‎src/plugin/html.js‎
Lines changed: 3 additions & 1 deletion b/‎src/plugin/html.js‎
Lines changed: 3 additions & 1 deletion
diff --git a/‎src/plugin/html.spec.js‎
Lines changed: 0 additions & 14 deletions b/‎src/plugin/html.spec.js‎
Lines changed: 0 additions & 14 deletions
diff --git a/‎src/plugin/index.spec.js‎
Lines changed: 36 additions & 0 deletions b/‎src/plugin/index.spec.js‎
Lines changed: 36 additions & 0 deletions
diff --git a/‎src/plugin/metro.spec.js‎
Lines changed: 7 additions & 0 deletions b/‎src/plugin/metro.spec.js‎
Lines changed: 7 additions & 0 deletions
@@ -0,0 +1,14 @@
+import React from "react";
+import { webViewRender } from "react-native-react-bridge/lib/web";
+import Comp from "./Component";
+import "./example.css";
+
+const text = "foo `bar`";
+console.log(text);
+console.log(`baz`);
+
+const App = () => {
+  return <Comp />;
+};
+
+export default webViewRender(App);
@@ -1,7 +1,9 @@
 import { ROOT_ID } from "../common";
 
+const escape = (src) => src.replace(/`/g, "\\`");
+
 export const createContent = (js) =>
-  `export default String.raw\`${wrapByHtml(js)}\`;`;
+  `export default String.raw\`${escape(wrapByHtml(js))}\`;`;
 
 const wrapByHtml = (js) => `
 <!DOCTYPE html>
 
@@ -0,0 +1,36 @@
+import * as fs from "fs";
+import * as path from "path";
+import { transform } from "./";
+
+const createPath = (filename) =>
+  path.join(__dirname, "../../fixtures", filename);
+const readFixture = (filename) => fs.readFileSync(filename, "utf-8");
+
+describe("transform", () => {
+  it("export default", async () => {
+    const filename = "app-export-default.jsx";
+    const filePath = createPath(filename);
+    const src = readFixture(filePath);
+    expect(
+      await transform({ filename: filePath, src, options: {} })
+    ).toMatchSnapshot();
+  });
+
+  it("export default with backticks", async () => {
+    const filename = "app-export-default-with-backticks.jsx";
+    const filePath = createPath(filename);
+    const src = readFixture(filePath);
+    expect(
+      await transform({ filename: filePath, src, options: {} })
+    ).toMatchSnapshot();
+  });
+
+  it("export default with md", async () => {
+    const filename = "app-export-default-with-md.jsx";
+    const filePath = createPath(filename);
+    const src = readFixture(filePath);
+    expect(
+      await transform({ filename: filePath, src, options: {} })
+    ).toMatchSnapshot();
+  });
+});
@@ -66,6 +66,13 @@ describe("bundle", () => {
     expect(res).toMatchSnapshot();
   });
 
+  it("with backticks", async () => {
+    const filename = "app-export-default-with-backticks.jsx";
+    const filePath = resolvePath(filename);
+    const res = await bundle(filePath);
+    expect(res).toMatchSnapshot();
+  });
+
   it("default (preact)", async () => {
     const filename = "app-export-default-preact.jsx";
     const filePath = resolvePath(filename);