@immense/vue-pom-generator 1.0.43 → 1.0.45

package/dist/index.mjs

@@ -3312,7 +3312,10 @@ function generateGoToSelfMethod(componentName) {
     "        if (!route) {",
     `            throw new Error("[pom] No router path found for component/page-object '${componentName}'.");`,
     "        }",
-    "        await this.page.goto(route.template);",
+    "        const runtimeEnv = (globalThis as { process?: { env?: Record<string, string | undefined> } }).process?.env;",
+    "        const runtimeBaseUrl = runtimeEnv?.PLAYWRIGHT_RUNTIME_BASE_URL ?? runtimeEnv?.PLAYWRIGHT_TEST_BASE_URL ?? runtimeEnv?.VITE_PLAYWRIGHT_BASE_URL;",
+    "        const targetUrl = runtimeBaseUrl ? new URL(route.template, runtimeBaseUrl).toString() : route.template;",
+    "        await this.page.goto(targetUrl);",
     "    }",
     ""
   ].join("\n");
@@ -3671,6 +3674,26 @@ function generateAggregatedCSharpFiles(componentHierarchyMap, outDir, options =
     "    protected IPage Page { get; }",
     `    protected ILocator LocatorByTestId(string testId) => Page.Locator($"[${testIdAttribute}=\\"{testId}\\"]");`,
     "    protected ILocator LocatorWithinTestIdByLabel(string rootTestId, string label, bool exact = true) => LocatorByTestId(rootTestId).GetByLabel(label, new() { Exact = exact });",
+    "    protected async Task<ILocator> ResolveEditableLocatorAsync(ILocator locator)",
+    "    {",
+    '        var isEditable = await locator.EvaluateAsync<bool>(@"el => {',
+    "            if (!el || !(el instanceof HTMLElement)) return false;",
+    "            const tagName = el.tagName.toLowerCase();",
+    "            return tagName === 'input' || tagName === 'textarea' || tagName === 'select' || el.isContentEditable;",
+    '        }");',
+    "        if (isEditable)",
+    "        {",
+    "            return locator;",
+    "        }",
+    "",
+    `        var descendant = locator.Locator("input, textarea, select, [contenteditable=''], [contenteditable='true'], [contenteditable]:not([contenteditable='false'])").First;`,
+    "        if (await descendant.CountAsync() > 0)",
+    "        {",
+    "            return descendant;",
+    "        }",
+    "",
+    "        return locator;",
+    "    }",
     "    protected async Task ClickWithinTestIdByLabelAsync(string rootTestId, string label, bool exact = true)",
     "    {",
     "        await LocatorWithinTestIdByLabel(rootTestId, label, exact).ClickAsync();",
@@ -3772,7 +3795,8 @@ function generateAggregatedCSharpFiles(componentHierarchyMap, outDir, options =
       const callSuffix = pom.formattedDataTestId.includes("${") ? `(${args})` : "";
       const emitActionCall = (locatorAccess) => {
         if (pom.nativeRole === "input") {
-          chunks.push(`        await ${locatorAccess}.FillAsync(text);`);
+          chunks.push(`        var editableLocator = await ResolveEditableLocatorAsync(${locatorAccess});`);
+          chunks.push("        await editableLocator.FillAsync(text);");
         } else if (pom.nativeRole === "select") {
           chunks.push(`        await ${locatorAccess}.SelectOptionAsync(value);`);
         } else if (pom.nativeRole === "vselect") {
@@ -3800,7 +3824,8 @@ function generateAggregatedCSharpFiles(componentHierarchyMap, outDir, options =
           chunks.push("                if (await locator.CountAsync() > 0)");
           chunks.push("                {");
           if (pom.nativeRole === "input") {
-            chunks.push("                    await locator.FillAsync(text);");
+            chunks.push("                    var editableLocator = await ResolveEditableLocatorAsync(locator);");
+            chunks.push("                    await editableLocator.FillAsync(text);");
           } else if (pom.nativeRole === "select") {
             chunks.push("                    await locator.SelectOptionAsync(value);");
           } else {
@@ -4024,7 +4049,8 @@ function generateViewObjectModelContent(componentName, dependencies, componentHi
     if (!Object.prototype.hasOwnProperty.call(customPomClassIdentifierMap, a.className))
       return false;
     const scope = a.attachTo ?? "views";
-    const scopeOk = isView ? scope === "views" || scope === "both" : scope === "components" || scope === "both";
+    const scopeMatchesBoth = scope === "both" || scope === "pagesAndComponents";
+    const scopeOk = isView ? scope === "views" || scopeMatchesBoth : scope === "components" || scopeMatchesBoth;
     if (!scopeOk)
       return false;
     return a.attachWhenUsesComponents.some((c) => hasChildComponent(c));