deno-js-loader/tests/jsx/main.test.ts at facaafee1cc489de72a39e4bac44b71eb31840b6 · denoland/deno-js-loader · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
import { assert } from "node:console";
import {
  assertResponseText,
  createLoader,
  ResolutionMode,
} from "../helpers.ts";

Deno.test("loads jsx transpiled", async () => {
  const mainJsx = import.meta.dirname + "/testdata/main.jsx";
  const mainTsx = import.meta.dirname + "/testdata/main.tsx";
  const { loader, workspace } = await createLoader({
    configPath: import.meta.dirname + "/testdata/deno.json",
  }, {
    entrypoints: [mainJsx],
  });

  const mainJsxSourceMappingURL =
    "//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4uanN4Il0sInNvdXJjZXNDb250ZW50IjpbImNvbnNvbGUubG9nKDxkaXYgLz4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxRQUFRLEdBQUcifQ==";
  const mainTsxSourceMappingURL =
    "//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImNvbnN0IHZhbHVlOiBzdHJpbmcgPSBcIlwiO1xuY29uc29sZS5sb2coPGRpdiAvPiwgdmFsdWUpO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sUUFBZ0I7QUFDdEIsUUFBUSxHQUFHLEVBQUUsT0FBUSJ9";
  const mainJsxUrl = loader.resolve(mainJsx, undefined, ResolutionMode.Import);
  const mainTsxUrl = loader.resolve(mainTsx, undefined, ResolutionMode.Import);

  assertResponseText(
    await loader.load(mainJsxUrl),
    `import { jsxTemplate as _jsxTemplate } from "react/jsx-runtime";
const $$_tpl_1 = [
  "<div></div>"
];
console.log(_jsxTemplate($$_tpl_1));
${mainJsxSourceMappingURL}`,
  );

  // resolves jsx-dev
  const jsx = loader.resolve(
    "react/jsx-dev-runtime",
    mainTsx,
    ResolutionMode.Import,
  );
  assert(jsx.startsWith("file:"));

  {
    const newLoader = await workspace.createLoader({
      entrypoints: [mainJsx, mainTsxUrl],
      preserveJsx: true,
    });
    assertResponseText(
      await newLoader.load(mainJsxUrl),
      "console.log(<div />);\n",
    );
    assertResponseText(
      await newLoader.load(mainTsxUrl),
      `const value = "";\nconsole.log(<div/>, value);\n${mainTsxSourceMappingURL}`,
    );
  }
  {
    const newLoader = await workspace.createLoader({
      entrypoints: [mainJsx, mainTsx],
      noTranspile: true,
    });
    assertResponseText(
      await newLoader.load(mainJsxUrl),
      `console.log(<div />);\n`,
    );
    assertResponseText(
      await newLoader.load(mainTsxUrl),
      `const value: string = "";\nconsole.log(<div />, value);\n`,
    );
  }
});