chore: Add TypeScript tests and update example

packages/plop/tests/examples/typescript/.gitignore

@@ -0,0 +1,4 @@
+.js
+.map
+.nyc_output
+node_modules

packages/plop/tests/examples/typescript/plopfile.ts

@@ -0,0 +1,32 @@
+import { NodePlopAPI } from "plop";
+
+module.exports = function (plop: NodePlopAPI) {
+  plop.setGenerator("test", {
+    description: "this is a test",
+    prompts: [
+      {
+        type: "input",
+        name: "name",
+        message: "What is your name?",
+        validate: function (value) {
+          if (/.+/.test(value)) {
+            return true;
+          }
+          return "name is required";
+        },
+      },
+      {
+        type: "checkbox",
+        name: "toppings",
+        message: "What pizza toppings do you like?",
+        choices: [
+          { name: "Cheese", value: "cheese", checked: true },
+          { name: "Pepperoni", value: "pepperoni" },
+          { name: "Pineapple", value: "pineapple" },
+          { name: "Mushroom", value: "mushroom" },
+          { name: "Bacon", value: "bacon", checked: true },
+        ],
+      },
+    ],
+  });
+};

packages/plop/example/typescript/tsconfig.json → packages/plop/tests/examples/typescript/tsconfig.json

@@ -1,12 +1,12 @@
 {
   "compilerOptions": {
     // Required
-    "module": "commonjs",
+    "module": "esnext",
     "esModuleInterop": true,
     "moduleResolution": "node",
     // Not required
     "strict": true,
-    "baseUrl": ".",
+    "baseUrl": "./",
     "paths": {
       "plop": ["../../src/plop.d.ts"]
     }

packages/plop/tests/typescript.spec.js

@@ -0,0 +1,25 @@
+import { resolve, dirname } from "node:path";
+import { waitFor } from "cli-testing-library";
+import { renderScript } from "./render.js";
+import { fileURLToPath } from "node:url";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+const renderWrapper = (...props) => {
+  return renderScript(
+    resolve(__dirname, "./examples/wrap-plop/index.js"),
+    ...props
+  );
+};
+
+test("wrapper should prompts", async () => {
+  const props = await renderScript("yarn", ["tsc"], {
+    cwd: resolve(__dirname, "./examples/typescript"),
+  });
+  await waitFor(() => props.hasExit());
+  const { findByText } = await renderWrapper([""], {
+    cwd: resolve(__dirname, "./examples/typescript"),
+  });
+
+  expect(await findByText("What is your name?")).toBeInTheConsole();
+});