@immense/vue-pom-generator 1.0.10 → 1.0.11

package/RELEASE_NOTES.md

@@ -1,28 +1,26 @@
 ● ## Highlights
-  - Adopt native Playwright Page and Locator types for PwPage and PwLocator.
-  - Add test for existingIdBehavior error handling.
-  - Improve type safety in tests by replacing any with specific types.
-  - Fix type error in existing-id-error.test.ts.
-  - Updates across class-generation and plugin modules.
+  - TestID click instrumentation is now optional by default.
+  - Fixed packaged runtime type path resolution.
+  - Aggregate mode now emits runtime dependencies.
+  - Updates across BasePage and method generation to support new behavior.
 
   ## Changes
-  - Types
-    - Use native Playwright Page/Locator for PwPage/PwLocator (class-generation/index.ts,
-  class-generation/playwright-types.ts)
-  - Tests
-    - Add tests/existing-id-error.test.ts for existingIdBehavior error handling
-    - Fix type error in tests/existing-id-error.test.ts
-    - Update tests/utils-coverage.test.ts
-  - Plugin
-    - Update plugin/vue-plugin.ts
-  - Tooling/Config
-    - Update eslint.config.ts
-    - Update package.json
+  - Instrumentation
+    - Make TestID click instrumentation optional by default (method-generation.ts updates).
+  - Runtime packaging and dependencies
+    - Fix resolution of packaged runtime type paths.
+    - Emit runtime dependencies in aggregate mode.
+  - Code updates
+    - Modified class-generation/BasePage.ts and class-generation/index.ts.
+    - package.json updated.
+
+  ## Breaking Changes
+  - None noted.
 
   ## Pull Requests Included
   - #1 Add PR release-notes preview comments — https://github.com/immense/vue-pom-generator/pull/1
    (by @dkattan)
 
   ## Testing
-  - New test added and existing tests updated; type errors addressed.
+  - No testing changes or additions mentioned.
 

package/class-generation/BasePage.ts

@@ -4,8 +4,15 @@ import type { TestIdClickEventDetail } from "../click-instrumentation";
 import { Pointer } from "./Pointer";
 import type { AfterPointerClick, AfterPointerClickInfo } from "./Pointer";
 
-// Click instrumentation is a core contract for generated POMs.
-const REQUIRE_CLICK_EVENT = true;
+// Click instrumentation is optional for generated POMs.
+//
+// When enabled, POM click/fill helpers will wait for the app to emit
+// `__testid_event__` { testId, phase: "after" } after interacting with an
+// element that has a data-testid.
+//
+// Default: disabled. (Playwright already has robust auto-waiting; requiring a
+// custom event makes tests depend on app runtime instrumentation.)
+const REQUIRE_CLICK_EVENT = false;
 
 // Keep logging off by default.
 const CLICK_EVENT_DEBUG = false;
@@ -97,6 +104,10 @@ export class BasePage {
   }
 
   private async waitForTestIdClickEventAfter(testId: string, options?: { timeoutMs?: number }): Promise<void> {
+    if (!REQUIRE_CLICK_EVENT) {
+      return;
+    }
+
     const timeoutMs = options?.timeoutMs ?? 2_000;
     const requireEvent = REQUIRE_CLICK_EVENT;
 

package/class-generation/index.ts

@@ -1163,133 +1163,21 @@ async function generateAggregatedFiles(
       throw new Error("basePageClassPath is required for aggregated generation");
     }
 
-    // Inline BasePage into the aggregated output.
+    // Aggregate mode goal: consolidate all generated POM classes into one file.
+    // Instead of inlining BasePage/Pointer helpers and stripping imports via regex, we
+    // emit/copy those dependencies into the output folder and import them normally.
     //
-    // Why:
-    // - Playwright's runtime loader can treat workspace packages (like `vue-pom-generator`)
-    //   as external and not apply TS transforms/module resolution consistently.
-    // - Importing a .ts file from inside a "type": "module" package can fail with
-    //   "Cannot find module" at runtime.
-    //
-    // Inlining keeps the generated POMs self-contained and stable across platforms.
-    const clickInstrumentationInline = [
-      "export const TESTID_CLICK_EVENT_NAME = \"__testid_event__\";",
-      "export const TESTID_CLICK_EVENT_STRICT_FLAG = \"__testid_click_event_strict__\";",
-      "export interface TestIdClickEventDetail {",
-      "  testId?: string;",
-      "  phase?: \"before\" | \"after\" | \"error\" | string;",
-      "  err?: string;",
-      "}",
-    ].join("\n");
-
-    const inlinePlaywrightTypesModule = () => {
-      const typesPath = fileURLToPath(new URL("./playwright-types.ts", import.meta.url));
-
-      let typesSource = "";
-      try {
-        typesSource = fs.readFileSync(typesPath, "utf8");
-      }
-      catch {
-        throw new Error(`Failed to read playwright-types.ts at ${typesPath}`);
-      }
-
-      // Strip the import from the inlined types.
-      typesSource = typesSource.replace(
-        /import\s+type\s*\{\s*Locator\s+as\s+PwLocator\s*,\s*Page\s+as\s+PwPage\s*\}\s*from\s*["']@playwright\/test["'];?\s*/,
-        "",
-      );
-
-      return typesSource.trim();
-    };
-
-    const inlinePointerModule = () => {
-      // Inline Pointer.ts from this package so generated POMs are self-contained and do not
-      // rely on runtime TS module resolution within workspace packages.
-      const pointerPath = fileURLToPath(new URL("./Pointer.ts", import.meta.url));
-
-      let pointerSource = "";
-      try {
-        pointerSource = fs.readFileSync(pointerPath, "utf8");
-      }
-      catch {
-        throw new Error(`Failed to read Pointer.ts at ${pointerPath}`);
-      }
-
-      // Replace the click-instrumentation import with an inline copy.
-      pointerSource = pointerSource.replace(
-        /import\s*\{[\s\S]*?\}\s*from\s*["']\.\.\/click-instrumentation["'];?\s*/,
-        `${clickInstrumentationInline}\n\n`,
-      );
-
-      // If Pointer uses a split value import + type-only import, remove the type-only import too.
-      // The inline block already declares TestIdClickEventDetail.
-      pointerSource = pointerSource.replace(
-        /import\s+type\s*\{\s*TestIdClickEventDetail\s*\}\s*from\s*["']\.\.\/click-instrumentation["'];?\s*/g,
-        "",
-      );
-
-      // The aggregated file already imports these Playwright types once at the top.
-      pointerSource = pointerSource.replace(
-        /import\s+type\s*\{\s*Locator\s+as\s+PwLocator\s*,\s*Page\s+as\s+PwPage\s*\}\s*from\s*["']@playwright\/test["'];?\s*/,
-        "",
-      );
-
-      // The aggregated file inlines these structural types once at the top.
-      pointerSource = pointerSource.replace(
-        /import\s+type\s*\{\s*PwLocator\s*,\s*PwPage\s*\}\s*from\s*["']\.\/playwright-types["'];?\s*/,
-        "",
-      );
-
-      return pointerSource.trim();
-    };
-
-    const inlineBasePageModule = () => {
-      let basePageSource = "";
-      try {
-        basePageSource = fs.readFileSync(basePageClassPath, "utf8");
-      }
-      catch {
-        throw new Error(`Failed to read BasePage.ts at ${basePageClassPath}`);
-      }
-
-      // Replace the click-instrumentation import with an inline copy.
-      basePageSource = basePageSource.replace(
-        /import\s*\{[\s\S]*?\}\s*from\s*["']\.\.\/click-instrumentation["'];?\s*/,
-        `${clickInstrumentationInline}\n\n`,
-      );
-
-      // If BasePage uses a split value import + type-only import, remove the type-only import too.
-      // The inline block already declares TestIdClickEventDetail.
-      basePageSource = basePageSource.replace(
-        /import\s+type\s*\{\s*TestIdClickEventDetail\s*\}\s*from\s*["']\.\.\/click-instrumentation["'];?\s*/g,
-        "",
-      );
-
-      // The aggregated file already imports these Playwright types once at the top.
-      // Remove BasePage's own import to avoid duplicate identifiers.
-      basePageSource = basePageSource.replace(
-        /import\s+type\s*\{\s*Locator\s+as\s+PwLocator\s*,\s*Page\s+as\s+PwPage\s*\}\s*from\s*["']@playwright\/test["'];?\s*/,
-        "",
-      );
-
-      // The aggregated file inlines these structural types once at the top.
-      basePageSource = basePageSource.replace(
-        /import\s+type\s*\{\s*PwLocator\s*,\s*PwPage\s*\}\s*from\s*["']\.\/playwright-types["'];?\s*/,
-        "",
-      );
-
-      // BasePage references Pointer, but in aggregated output we inline Pointer above.
-      basePageSource = basePageSource.replace(
-        /import\s+(?:type\s*)?\{[\s\S]*?\}\s*from\s*["']\.\/Pointer["'];?\s*/g,
-        "",
-      );
-
-      return basePageSource.trim();
-    };
-
-    const playwrightTypesInline = inlinePlaywrightTypesModule();
-    const pointerInline = inlinePointerModule();
-    const basePageInline = inlineBasePageModule();
+    // This keeps output deterministic and avoids fragile source rewriting.
+    const runtimeDirRel = "./_pom-runtime";
+    const runtimeClassGenRel = `${runtimeDirRel}/class-generation`;
+
+    imports.push(`import type { PwLocator, PwPage } from "${runtimeClassGenRel}/playwright-types";`);
+    imports.push(`import { BasePage } from "${runtimeClassGenRel}/BasePage";`);
+    imports.push(`import type { Fluent } from "${runtimeClassGenRel}/BasePage";`);
+    imports.push(`export * from "${runtimeDirRel}/click-instrumentation";`);
+    imports.push(`export * from "${runtimeClassGenRel}/playwright-types";`);
+    imports.push(`export * from "${runtimeClassGenRel}/Pointer";`);
+    imports.push(`export * from "${runtimeClassGenRel}/BasePage";`);
 
     // Handwritten POM helpers for complicated/third-party widgets.
     // Convention: place them in `tests/playwright/pom/custom/*.ts`.
@@ -1545,13 +1433,6 @@ async function generateAggregatedFiles(
     const baseContent = [
       header,
       ...imports,
-      "",
-      playwrightTypesInline,
-      "",
-      pointerInline,
-      "",
-      basePageInline,
-      "",
       ...classes,
       ...(stubs.length ? ["", ...stubs] : []),
     ].filter(Boolean).join("\n\n");
@@ -1561,15 +1442,56 @@ async function generateAggregatedFiles(
 
   const base = ensureDir(outDir);
   const outputFile = path.join(base, "page-object-models.g.ts");
-  const header = `/// <reference lib="es2015" />\n${eslintSuppressionHeader}import type { Locator as PwLocator, Page as PwPage } from "@playwright/test";\n/**\n * Aggregated generated POMs\n${AUTO_GENERATED_COMMENT}`;
+  const header = `/// <reference lib="es2015" />\n${eslintSuppressionHeader}/**\n * Aggregated generated POMs\n${AUTO_GENERATED_COMMENT}`;
   const content = makeAggregatedContent(header, path.dirname(outputFile), [...views, ...components]);
 
   const indexFile = path.join(base, "index.ts");
   const indexContent = `${eslintSuppressionHeader}/**\n * POM exports\n${AUTO_GENERATED_COMMENT}\n\nexport * from "./page-object-models.g";\n`;
 
+  const runtimeDirAbs = path.join(base, "_pom-runtime");
+  const runtimeClassGenAbs = path.join(runtimeDirAbs, "class-generation");
+
+  const readText = (absPath: string, description: string) => {
+    try {
+      return fs.readFileSync(absPath, "utf8");
+    }
+    catch {
+      throw new Error(`Failed to read ${description} at ${absPath}`);
+    }
+  };
+
+  // Copy runtime dependencies into the output folder so the aggregated POM file can
+  // import them without relying on workspace package resolution.
+  const clickInstrumentationAbs = fileURLToPath(new URL("../click-instrumentation.ts", import.meta.url));
+  // These runtime .ts files must resolve correctly both when running from source
+  // (e.g. during development/tests) and when bundled into dist/index.* for npm.
+  // Resolving via package-root `class-generation/*` is stable across both.
+  const pointerAbs = fileURLToPath(new URL("../class-generation/Pointer.ts", import.meta.url));
+  const playwrightTypesAbs = fileURLToPath(new URL("../class-generation/playwright-types.ts", import.meta.url));
+
+  const runtimeFiles: Array<{ filePath: string; content: string }> = [
+    {
+      filePath: path.join(runtimeDirAbs, "click-instrumentation.ts"),
+      content: readText(clickInstrumentationAbs, "click-instrumentation.ts"),
+    },
+    {
+      filePath: path.join(runtimeClassGenAbs, "Pointer.ts"),
+      content: readText(pointerAbs, "Pointer.ts"),
+    },
+    {
+      filePath: path.join(runtimeClassGenAbs, "playwright-types.ts"),
+      content: readText(playwrightTypesAbs, "playwright-types.ts"),
+    },
+    {
+      filePath: path.join(runtimeClassGenAbs, "BasePage.ts"),
+      content: readText(basePageClassPath, "BasePage.ts"),
+    },
+  ];
+
   return [
     { filePath: outputFile, content },
     { filePath: indexFile, content: indexContent },
+    ...runtimeFiles,
   ];
 }
 

package/click-instrumentation.ts

@@ -0,0 +1,14 @@
+// Shared click-instrumentation contract between the Vue template transform and
+// the generated Playwright Page Object Model runtime.
+
+export const TESTID_CLICK_EVENT_NAME = "__testid_event__";
+
+// When strict mode is enabled, the injected click wrapper will fail fast if it
+// cannot emit the expected event.
+export const TESTID_CLICK_EVENT_STRICT_FLAG = "__testid_click_event_strict__";
+
+export interface TestIdClickEventDetail {
+  testId?: string;
+  phase?: "before" | "after" | "error" | string;
+  err?: string;
+}

package/dist/index.cjs

@@ -151,8 +151,10 @@ function testIdExpression(formattedDataTestId) {
 function generateClickMethod(methodName, formattedDataTestId, alternateFormattedDataTestIds, params) {
   let content;
   const name = `click${methodName}`;
+  const noWaitName = `${name}NoWait`;
   const paramBlock = formatParams(params);
   const paramBlockWithWait = paramBlock ? `${paramBlock}, wait: boolean = true` : "wait: boolean = true";
+  const argsForForward = Object.keys(params).join(", ");
   const alternates = uniqueAlternates(formattedDataTestId, alternateFormattedDataTestIds);
   if (alternates.length > 0) {
     const candidatesExpr = [formattedDataTestId, ...alternates].map(testIdExpression).join(", ");
@@ -174,6 +176,13 @@ ${INDENT3}}
 ${INDENT2}}
 ${INDENT2}throw (lastError instanceof Error) ? lastError : new Error("[pom] Failed to click any candidate locator for ${name}.");
 ${INDENT}}
+`;
+    const noWaitSig = hasParam(params, "key") ? paramBlock : "";
+    const noWaitArgs = argsForForward ? `${argsForForward}, false` : "false";
+    content += `
+${INDENT}async ${noWaitName}(${noWaitSig}) {
+${INDENT2}await this.${name}(${noWaitArgs});
+${INDENT}}
 `;
     return content;
   }
@@ -181,11 +190,21 @@ ${INDENT}}
     content = `${INDENT}async ${name}(${paramBlockWithWait}) {
 ${INDENT2}await this.clickByTestId(\`${formattedDataTestId}\`, "", wait);
 ${INDENT}}
+`;
+    content += `
+${INDENT}async ${noWaitName}(${paramBlock}) {
+${INDENT2}await this.${name}(${argsForForward}, false);
+${INDENT}}
 `;
   } else {
     content = `${INDENT}async ${name}(wait: boolean = true) {
 ${INDENT2}await this.clickByTestId("${formattedDataTestId}", "", wait);
 ${INDENT}}
+`;
+    content += `
+${INDENT}async ${noWaitName}() {
+${INDENT2}await this.${name}(false);
+${INDENT}}
 `;
   }
   return content;
@@ -3445,91 +3464,15 @@ async function generateAggregatedFiles(componentHierarchyMap, vueFilesPathMap, b
     if (!basePageClassPath) {
       throw new Error("basePageClassPath is required for aggregated generation");
     }
-    const clickInstrumentationInline = [
-      'export const TESTID_CLICK_EVENT_NAME = "__testid_event__";',
-      'export const TESTID_CLICK_EVENT_STRICT_FLAG = "__testid_click_event_strict__";',
-      "export interface TestIdClickEventDetail {",
-      "  testId?: string;",
-      '  phase?: "before" | "after" | "error" | string;',
-      "  err?: string;",
-      "}"
-    ].join("\n");
-    const inlinePlaywrightTypesModule = () => {
-      const typesPath = node_url.fileURLToPath(new URL("./playwright-types.ts", typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("index.cjs", document.baseURI).href));
-      let typesSource = "";
-      try {
-        typesSource = fs.readFileSync(typesPath, "utf8");
-      } catch {
-        throw new Error(`Failed to read playwright-types.ts at ${typesPath}`);
-      }
-      typesSource = typesSource.replace(
-        /import\s+type\s*\{\s*Locator\s+as\s+PwLocator\s*,\s*Page\s+as\s+PwPage\s*\}\s*from\s*["']@playwright\/test["'];?\s*/,
-        ""
-      );
-      return typesSource.trim();
-    };
-    const inlinePointerModule = () => {
-      const pointerPath = node_url.fileURLToPath(new URL("./Pointer.ts", typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("index.cjs", document.baseURI).href));
-      let pointerSource = "";
-      try {
-        pointerSource = fs.readFileSync(pointerPath, "utf8");
-      } catch {
-        throw new Error(`Failed to read Pointer.ts at ${pointerPath}`);
-      }
-      pointerSource = pointerSource.replace(
-        /import\s*\{[\s\S]*?\}\s*from\s*["']\.\.\/click-instrumentation["'];?\s*/,
-        `${clickInstrumentationInline}
-
-`
-      );
-      pointerSource = pointerSource.replace(
-        /import\s+type\s*\{\s*TestIdClickEventDetail\s*\}\s*from\s*["']\.\.\/click-instrumentation["'];?\s*/g,
-        ""
-      );
-      pointerSource = pointerSource.replace(
-        /import\s+type\s*\{\s*Locator\s+as\s+PwLocator\s*,\s*Page\s+as\s+PwPage\s*\}\s*from\s*["']@playwright\/test["'];?\s*/,
-        ""
-      );
-      pointerSource = pointerSource.replace(
-        /import\s+type\s*\{\s*PwLocator\s*,\s*PwPage\s*\}\s*from\s*["']\.\/playwright-types["'];?\s*/,
-        ""
-      );
-      return pointerSource.trim();
-    };
-    const inlineBasePageModule = () => {
-      let basePageSource = "";
-      try {
-        basePageSource = fs.readFileSync(basePageClassPath, "utf8");
-      } catch {
-        throw new Error(`Failed to read BasePage.ts at ${basePageClassPath}`);
-      }
-      basePageSource = basePageSource.replace(
-        /import\s*\{[\s\S]*?\}\s*from\s*["']\.\.\/click-instrumentation["'];?\s*/,
-        `${clickInstrumentationInline}
-
-`
-      );
-      basePageSource = basePageSource.replace(
-        /import\s+type\s*\{\s*TestIdClickEventDetail\s*\}\s*from\s*["']\.\.\/click-instrumentation["'];?\s*/g,
-        ""
-      );
-      basePageSource = basePageSource.replace(
-        /import\s+type\s*\{\s*Locator\s+as\s+PwLocator\s*,\s*Page\s+as\s+PwPage\s*\}\s*from\s*["']@playwright\/test["'];?\s*/,
-        ""
-      );
-      basePageSource = basePageSource.replace(
-        /import\s+type\s*\{\s*PwLocator\s*,\s*PwPage\s*\}\s*from\s*["']\.\/playwright-types["'];?\s*/,
-        ""
-      );
-      basePageSource = basePageSource.replace(
-        /import\s+(?:type\s*)?\{[\s\S]*?\}\s*from\s*["']\.\/Pointer["'];?\s*/g,
-        ""
-      );
-      return basePageSource.trim();
-    };
-    const playwrightTypesInline = inlinePlaywrightTypesModule();
-    const pointerInline = inlinePointerModule();
-    const basePageInline = inlineBasePageModule();
+    const runtimeDirRel = "./_pom-runtime";
+    const runtimeClassGenRel = `${runtimeDirRel}/class-generation`;
+    imports.push(`import type { PwLocator, PwPage } from "${runtimeClassGenRel}/playwright-types";`);
+    imports.push(`import { BasePage } from "${runtimeClassGenRel}/BasePage";`);
+    imports.push(`import type { Fluent } from "${runtimeClassGenRel}/BasePage";`);
+    imports.push(`export * from "${runtimeDirRel}/click-instrumentation";`);
+    imports.push(`export * from "${runtimeClassGenRel}/playwright-types";`);
+    imports.push(`export * from "${runtimeClassGenRel}/Pointer";`);
+    imports.push(`export * from "${runtimeClassGenRel}/BasePage";`);
     const addCustomPomImports = () => {
       const importAliases = {
         Toggle: "ToggleWidget",
@@ -3716,13 +3659,6 @@ async function generateAggregatedFiles(componentHierarchyMap, vueFilesPathMap, b
     const baseContent = [
       header2,
       ...imports,
-      "",
-      playwrightTypesInline,
-      "",
-      pointerInline,
-      "",
-      basePageInline,
-      "",
       ...classes,
       ...stubs.length ? ["", ...stubs] : []
     ].filter(Boolean).join("\n\n");
@@ -3731,8 +3667,7 @@ async function generateAggregatedFiles(componentHierarchyMap, vueFilesPathMap, b
   const base = ensureDir(outDir);
   const outputFile = path.join(base, "page-object-models.g.ts");
   const header = `/// <reference lib="es2015" />
-${eslintSuppressionHeader}import type { Locator as PwLocator, Page as PwPage } from "@playwright/test";
-/**
+${eslintSuppressionHeader}/**
  * Aggregated generated POMs
 ${AUTO_GENERATED_COMMENT}`;
   const content = makeAggregatedContent(header, path.dirname(outputFile), [...views, ...components]);
@@ -3743,9 +3678,40 @@ ${AUTO_GENERATED_COMMENT}
 
 export * from "./page-object-models.g";
 `;
+  const runtimeDirAbs = path.join(base, "_pom-runtime");
+  const runtimeClassGenAbs = path.join(runtimeDirAbs, "class-generation");
+  const readText = (absPath, description) => {
+    try {
+      return fs.readFileSync(absPath, "utf8");
+    } catch {
+      throw new Error(`Failed to read ${description} at ${absPath}`);
+    }
+  };
+  const clickInstrumentationAbs = node_url.fileURLToPath(new URL("../click-instrumentation.ts", typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("index.cjs", document.baseURI).href));
+  const pointerAbs = node_url.fileURLToPath(new URL("../class-generation/Pointer.ts", typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("index.cjs", document.baseURI).href));
+  const playwrightTypesAbs = node_url.fileURLToPath(new URL("../class-generation/playwright-types.ts", typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("index.cjs", document.baseURI).href));
+  const runtimeFiles = [
+    {
+      filePath: path.join(runtimeDirAbs, "click-instrumentation.ts"),
+      content: readText(clickInstrumentationAbs, "click-instrumentation.ts")
+    },
+    {
+      filePath: path.join(runtimeClassGenAbs, "Pointer.ts"),
+      content: readText(pointerAbs, "Pointer.ts")
+    },
+    {
+      filePath: path.join(runtimeClassGenAbs, "playwright-types.ts"),
+      content: readText(playwrightTypesAbs, "playwright-types.ts")
+    },
+    {
+      filePath: path.join(runtimeClassGenAbs, "BasePage.ts"),
+      content: readText(basePageClassPath, "BasePage.ts")
+    }
+  ];
   return [
     { filePath: outputFile, content },
-    { filePath: indexFile, content: indexContent }
+    { filePath: indexFile, content: indexContent },
+    ...runtimeFiles
   ];
 }
 function createFile(filePath, content) {