refactor test to read file

.vscode/launch.json

@@ -0,0 +1,14 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Deno test",
+      "type": "pwa-node",
+      "request": "launch",
+      "cwd": "${workspaceFolder}",
+      "runtimeExecutable": "deno",
+      "runtimeArgs": ["test", "--inspect-brk", "-A", "--unstable"],
+      "attachSimplePort": 9229
+    }
+  ]
+}

www-snippet/__mocks__/react-component/LoremIpsum

@@ -0,0 +1,8 @@
+import React, { memo, PropsWithChildren } from "react";
+export interface LoremIpsumProps {}
+
+const LoremIpsum = (({}: PropsWithChildren<LoremIpsumProps>) => {
+  return <>LoremIpsum</>;
+});
+
+export default memo(LoremIpsum);

www-snippet/__mocks__/react-component/LoremIpsumWithRef

@@ -0,0 +1,12 @@
+import React, { forwardRef, memo } from "react";
+type TypeRef = any;
+
+export interface LoremIpsumProps {}
+
+const LoremIpsum = forwardRef<TypeRef, LoremIpsumProps>(({}, ref) => {
+  return <>LoremIpsum</>;
+});
+
+export default memo(LoremIpsum);
+
+LoremIpsum.displayName = "LoremIpsum";

www-snippet/react-component.test.ts

@@ -1,48 +1,37 @@
 import { createReactComponentContent } from "./react-component.ts";
 import { assertEquals } from "https://deno.land/[email protected]/testing/asserts.ts";
+import * as log from "https://deno.land/[email protected]/log/mod.ts";
+import * as path from "https://deno.land/[email protected]/path/mod.ts";
+
+const readMockFile = async (
+  subPath: "react-component/LoremIpsum" | "react-component/LoremIpsumWithRef",
+) => {
+  const url = new URL(import.meta.url);
+  const pathname = decodeURI(url.pathname);
+
+  return await Deno.readTextFile(
+    path.resolve(
+      pathname,
+      `../__mocks__/${subPath}`,
+    ),
+  );
+};
 
 Deno.test(
-  `createReactComponentContent("LoremIpsum", {
-  forwardRef: false,
-}`,
-  () => {
+  `should return correct react component.`,
+  async () => {
     assertEquals(
       createReactComponentContent("LoremIpsum", {
         forwardRef: false,
       }),
-      `import React, { PropsWithChildren, memo } from "react";
-export interface LoremIpsumProps {}
-
-const LoremIpsum = (({}: PropsWithChildren<LoremIpsumProps>) => {
-  return <>LoremIpsum</>;
-});
-
-export default memo(LoremIpsum);`,
+      await readMockFile("react-component/LoremIpsum"),
     );
-  },
-);
 
-Deno.test(
-  `createReactComponentContent("LoremIpsum", {
-  forwardRef: true,
-})`,
-  () => {
     assertEquals(
       createReactComponentContent("LoremIpsum", {
         forwardRef: true,
       }),
-      `import React, { forwardRef, memo } from "react";
-type TypeRef = any;
-
-export interface LoremIpsumProps {}
-
-const LoremIpsum = forwardRef<TypeRef, LoremIpsumProps>(({}, ref) => {
-  return <>LoremIpsum</>;
-});
-
-export default memo(LoremIpsum);
-
-LoremIpsum.displayName = "LoremIpsum";`,
+      await readMockFile("react-component/LoremIpsumWithRef"),
     );
   },
 );