playwright-cucumber-ts-steps 1.2.0 → 1.3.1

package/dist/backend/actions/find.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"find.d.ts","sourceRoot":"","sources":["../../../src/backend/actions/find.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"find.d.ts","sourceRoot":"","sources":["../../../src/backend/actions/find.ts"],"names":[],"mappings":"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"}

package/dist/backend/actions/find.js

@@ -24,6 +24,7 @@ exports.findInputByPlaceholder = findInputByPlaceholder;
 exports.findInputByValue = findInputByValue;
 exports.findTextareaByLabel = findTextareaByLabel;
 exports.storeElementText = storeElementText;
+//src/backend/actions/find.ts
 const test_1 = require("@playwright/test");
 const registry_1 = require("../../core/registry");
 const state_1 = require("../utils/state");

package/dist/backend/actions/form.d.ts

@@ -3,28 +3,23 @@
  * Iterates through a Data Table and performs actions based on the Target and Value columns.
  * @example
  * When I fill the following "Login Flow" form data:
+ * ```gherkin
  * | Target                  | Value                |
- * | #username               | myuser               |
- * | #password               | @secretPassword      |
- * | #login-btn              | click                |
+ * | login.usernameField     | myuser               |
+ * | login.passwordField     | \{@link @secretPassword\      |
+ * | login.submitButton      | click                |
  * | wait                    | wait:500             |
  * | .error-msg              | assert:visible       |
  * | request:GET:/api/status | body: {}             |
- * @remarks
- * **Columns:**
- * - Target: The CSS selector, or a special keyword (request:, set:localStorage:, wait).
- * - Value: The value to input, the action (click, check), or assertion pattern.
- * **Supported UI Actions:**
- * - Fill: Default behavior. Types Value into Target.
- * - Click: Set Value to "click".
- * - Check: Set Value to "check".
- * - Select: Set Value to "select".
- * - Assert Visible: Set Value to "assert:visible".
- * - Assert Text: Set Value to "assert:text:Expected Text".
- * **Supported Special Actions:**
- * - API Request: Target = "request:METHOD:URL", Value = "payload_filename.json".
- * - Local Storage: Target = "set:localStorage:key", Value = "value".
- * - Wait: Target = "wait", Value = "wait:1000" (ms).
+ * ```
+ * @param formName - A descriptive name for the form being filled (used for logging only).
+ * @param table - The Data Table provided in the step definition.
  */
 export declare function fillFormData(page: any, formName: string, table: any): Promise<void>;
+/**
+ * Selects an option from a React select component.
+ * This handles React's custom select implementations that may not use standard <select> elements.
+ * @example When I select react option "Option 3" from "#react-select-id"
+ */
+export declare function selectReactOption(page: any, optionText: string, selectorKey: string): Promise<void>;
 //# sourceMappingURL=form.d.ts.map

package/dist/backend/actions/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/backend/actions/form.ts"],"names":[],"mappings":"AAuFA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAsB,YAAY,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CA6HzF"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/backend/actions/form.ts"],"names":[],"mappings":"AA4FA;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAsB,YAAY,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAmIzF;AAED;;;;GAIG;AACH,wBAAsB,iBAAiB,CAAC,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAWzG"}

package/dist/backend/actions/form.js

@@ -34,11 +34,14 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.fillFormData = fillFormData;
+exports.selectReactOption = selectReactOption;
+//src/backend/actions/form.ts
 const fs = __importStar(require("fs"));
 const path = __importStar(require("path"));
 const test_1 = require("@playwright/test");
 const registry_1 = require("../../core/registry");
 const state_1 = require("../utils/state");
+const fixtures_1 = require("../utils/fixtures");
 // ==================================================
 // HELPER FUNCTIONS (Internal)
 // ==================================================
@@ -78,7 +81,7 @@ function resolveValue(page, rawValue) {
     if (!rawValue)
         return "";
     const trimmed = rawValue.trim();
-    // Handle Alias (e.g. @adminPassword)
+    // Handle Alias (e.g., @adminPassword)
     if (trimmed.startsWith("@")) {
         const alias = trimmed.slice(1);
         const stored = (0, state_1.getVariable)(page, alias);
@@ -98,28 +101,17 @@ function resolveValue(page, rawValue) {
  * Iterates through a Data Table and performs actions based on the Target and Value columns.
  * @example
  * When I fill the following "Login Flow" form data:
+ * ```gherkin
  * | Target                  | Value                |
- * | #username               | myuser               |
- * | #password               | @secretPassword      |
- * | #login-btn              | click                |
+ * | login.usernameField     | myuser               |
+ * | login.passwordField     | \{@link @secretPassword\      |
+ * | login.submitButton      | click                |
  * | wait                    | wait:500             |
  * | .error-msg              | assert:visible       |
  * | request:GET:/api/status | body: {}             |
- * @remarks
- * **Columns:**
- * - Target: The CSS selector, or a special keyword (request:, set:localStorage:, wait).
- * - Value: The value to input, the action (click, check), or assertion pattern.
- * **Supported UI Actions:**
- * - Fill: Default behavior. Types Value into Target.
- * - Click: Set Value to "click".
- * - Check: Set Value to "check".
- * - Select: Set Value to "select".
- * - Assert Visible: Set Value to "assert:visible".
- * - Assert Text: Set Value to "assert:text:Expected Text".
- * **Supported Special Actions:**
- * - API Request: Target = "request:METHOD:URL", Value = "payload_filename.json".
- * - Local Storage: Target = "set:localStorage:key", Value = "value".
- * - Wait: Target = "wait", Value = "wait:1000" (ms).
+ * ```
+ * @param formName - A descriptive name for the form being filled (used for logging only).
+ * @param table - The Data Table provided in the step definition.
  */
 async function fillFormData(page, formName, table) {
     console.log(`📝 Processing Form: "${formName}"`);
@@ -135,9 +127,14 @@ async function fillFormData(page, formName, table) {
             console.error("❌ Invalid Row Detected (Missing Target):", JSON.stringify(row));
             continue;
         }
-        const target = row.Target; // Already trimmed in parser
+        let target = row.Target; // Already trimmed in parser
         const rawValue = row.Value || "";
         const resolvedValue = resolveValue(page, rawValue);
+        // Resolve target from fixtures if applicable
+        const selectors = (0, fixtures_1.loadFixture)("selectors.json");
+        if (!(target.startsWith("request:") || target.startsWith("set:localStorage:") || target === "wait")) {
+            target = (0, fixtures_1.getFixtureValue)(selectors, target);
+        }
         // ============================================
         // 1. SPECIAL ACTIONS
         // ============================================
@@ -206,17 +203,17 @@ async function fillFormData(page, formName, table) {
             continue;
         }
         // ✅ Interactions
-        if (rawValue === "click") {
+        if (resolvedValue === "click") {
             await locator.click();
             console.log(`👆 Clicked: ${target}`);
             continue;
         }
-        if (rawValue === "check") {
+        if (resolvedValue === "check") {
             await locator.check();
             console.log(`☑️ Checked: ${target}`);
             continue;
         }
-        if (rawValue === "select") {
+        if (resolvedValue === "select") {
             await locator.selectOption({ index: 0 });
             console.log(`🔽 Selected index 0: ${target}`);
             continue;
@@ -226,7 +223,22 @@ async function fillFormData(page, formName, table) {
         console.log(`✍️ Filled ${target} with "${resolvedValue}"`);
     }
 }
+/**
+ * Selects an option from a React select component.
+ * This handles React's custom select implementations that may not use standard <select> elements.
+ * @example When I select react option "Option 3" from "#react-select-id"
+ */
+async function selectReactOption(page, optionText, selectorKey) {
+    const selectors = (0, fixtures_1.loadFixture)("selectors.json");
+    const selector = (0, fixtures_1.getFixtureValue)(selectors, selectorKey);
+    // Click the select dropdown to reveal options
+    await page.locator(selector).click();
+    // Wait for options to appear and then click the desired option
+    await page.locator(`text=${optionText}`).click();
+    console.log(`✅ Selected react option "${optionText}" from "${selector}"`);
+}
 // ==================================================
 // GLUE STEPS
 // ==================================================
-(0, registry_1.Step)("I fill the following {string} form data", fillFormData);
+(0, registry_1.Step)("I fill the following {string} form data", fillFormData, "When");
+(0, registry_1.Step)("I select react option {string} from {string}", selectReactOption, "When");

package/dist/backend/actions/formTable.d.ts

@@ -2,10 +2,16 @@
  * Iterates through a provided Data Table to fill inputs, click elements, or perform assertions.
  * This function is designed for bulk form interaction without writing repetitive "When I..." steps.
  * @example
- * When I fill the following "Login" test form data
- * | #username | tomsmith |
- * | #password | SuperSecretPassword! |
- * | #login    | click |
+ * When I fill the following "Login" test form data:
+ * ```gherkin
+ * | Target                  | Value                |
+ * | login.usernameField     | myuser               |
+ * | login.passwordField     | \{@link @secretPassword\      |
+ * | login.submitButton      | click                |
+ * | wait                    | wait:500             |
+ * | .error-msg              | assert:visible       |
+ * | request:GET:/api/status | body: {}             |
+ * ```
  * @param formName - A descriptive name for the form being filled (used for logging only).
  * @param tableData - A 2D array representing the data table rows.
  * @remarks

package/dist/backend/actions/formTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formTable.d.ts","sourceRoot":"","sources":["../../../src/backend/actions/formTable.ts"],"names":[],"mappings":"AAOA;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAsB,gBAAgB,CACpC,IAAI,EAAE,GAAG,EACT,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,MAAM,EAAE,EAAE,GACpB,OAAO,CAAC,IAAI,CAAC,CA2Bf"}
+{"version":3,"file":"formTable.d.ts","sourceRoot":"","sources":["../../../src/backend/actions/formTable.ts"],"names":[],"mappings":"AAWA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAsB,gBAAgB,CACpC,IAAI,EAAE,GAAG,EACT,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,MAAM,EAAE,EAAE,GACpB,OAAO,CAAC,IAAI,CAAC,CAwCf"}

package/dist/backend/actions/formTable.js

@@ -1,8 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.fillTestFormData = fillTestFormData;
+//src/backend/actions/formTable.ts
 const test_1 = require("@playwright/test");
 const registry_1 = require("../../core/registry");
+const state_1 = require("../utils/state");
+const fixtures_1 = require("../utils/fixtures");
 // ==================================================
 // CORE FUNCTIONS
 // ==================================================
@@ -10,10 +13,16 @@ const registry_1 = require("../../core/registry");
  * Iterates through a provided Data Table to fill inputs, click elements, or perform assertions.
  * This function is designed for bulk form interaction without writing repetitive "When I..." steps.
  * @example
- * When I fill the following "Login" test form data
- * | #username | tomsmith |
- * | #password | SuperSecretPassword! |
- * | #login    | click |
+ * When I fill the following "Login" test form data:
+ * ```gherkin
+ * | Target                  | Value                |
+ * | login.usernameField     | myuser               |
+ * | login.passwordField     | \{@link @secretPassword\      |
+ * | login.submitButton      | click                |
+ * | wait                    | wait:500             |
+ * | .error-msg              | assert:visible       |
+ * | request:GET:/api/status | body: {}             |
+ * ```
  * @param formName - A descriptive name for the form being filled (used for logging only).
  * @param tableData - A 2D array representing the data table rows.
  * @remarks
@@ -32,27 +41,38 @@ async function fillTestFormData(page, formName, tableData) {
         throw new Error(`❌ The step "I fill the following '${formName}' form data" requires a Data Table below it.`);
     }
     for (const row of tableData) {
-        const selector = row[0];
-        const value = row[1];
-        if (value === "click") {
+        const rawSelector = row[0];
+        const rawValue = row[1];
+        // Resolve selector from fixtures if applicable
+        const selectors = (0, fixtures_1.loadFixture)("selectors.json");
+        const selector = (0, fixtures_1.getFixtureValue)(selectors, rawSelector);
+        // Resolve value, handling variable aliases (e.g., "@alias")
+        const resolvedValue = (0, state_1.resolveValue)(page, rawValue);
+        // Perform actions based on the resolved value
+        if (resolvedValue === "click") {
             await page.click(selector);
+            console.log(`👆 Clicked: ${selector}`);
         }
-        else if (value === "check") {
+        else if (resolvedValue === "check") {
             await page.check(selector);
+            console.log(`☑️ Checked: ${selector}`);
         }
-        else if (value === "assert:visible") {
+        else if (resolvedValue === "assert:visible") {
             await (0, test_1.expect)(page.locator(selector)).toBeVisible();
+            console.log(`🔎 Asserted visible: ${selector}`);
         }
-        else if (value.startsWith("assert:text:")) {
-            const text = value.replace("assert:text:", "");
-            await (0, test_1.expect)(page.locator(selector)).toHaveText(text);
+        else if (resolvedValue.startsWith("assert:text:")) {
+            const expectedText = resolvedValue.replace("assert:text:", "");
+            await (0, test_1.expect)(page.locator(selector)).toHaveText(expectedText);
+            console.log(`🔎 Asserted text "${expectedText}" in: ${selector}`);
         }
         else {
-            await page.fill(selector, value);
+            await page.fill(selector, resolvedValue);
+            console.log(`✍️ Filled ${selector} with "${resolvedValue}"`);
         }
     }
 }
 // ==================================================
 // GLUE STEPS
 // ==================================================
-(0, registry_1.Step)("I fill the following {string} test form data", fillTestFormData);
+(0, registry_1.Step)("I fill the following {string} test form data", fillTestFormData, "When");

package/dist/backend/actions/frames.d.ts

@@ -1,26 +1,22 @@
 /**
  * Attempts to switch the logical context to a specific iframe.
  * Verifies the frame exists and logs a warning about frame scope limitations.
- * @example
- * When I switch to frame "#payment-iframe"
- * @param selector - The CSS selector of the iframe element.
+ * @example When I switch to frame "payment-iframe"
+ * @param selectorKey - The key of the iframe selector in the fixtures or a raw CSS selector.
  */
-export declare function switchToFrame(page: any, selector: string): Promise<void>;
+export declare function switchToFrame(page: any, selectorKey: string): Promise<void>;
 /**
  * Finds an element inside a specific iframe and sets it as the active element.
  * This is the robust way to interact with iframe content (e.g., Stripe forms, embedded videos).
- * @example
- * When I find element "#card-number" in frame "#stripe-element"
- * @param elementSelector - The selector of the element INSIDE the iframe.
- * @param frameSelector - The selector of the iframe element itself.
+ * @example When I find element "card-number" in frame "stripe-element"
+ * @param elementSelectorKey - The key of the element selector in the fixtures or a raw CSS selector.
+ * @param frameSelectorKey - The key of the iframe selector in the fixtures or a raw CSS selector.
  */
-export declare function findElementInFrame(page: any, elementSelector: string, frameSelector: string): Promise<void>;
+export declare function findElementInFrame(page: any, elementSelectorKey: string, frameSelectorKey: string): Promise<void>;
 /**
  * Waits for a new browser tab (popup) to open.
  * Useful for validating `target="_blank"` links.
- * @example
- * When I click on link "Open Dashboard"
- * And I switch to new tab
+ * @example When I click on link "Open Dashboard" And I switch to new tab
  */
 export declare function switchToNewTab(page: any): Promise<void>;
 //# sourceMappingURL=frames.d.ts.map

package/dist/backend/actions/frames.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"frames.d.ts","sourceRoot":"","sources":["../../../src/backend/actions/frames.ts"],"names":[],"mappings":"AAOA;;;;;;GAMG;AACH,wBAAsB,aAAa,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAS9E;AAED;;;;;;;GAOG;AACH,wBAAsB,kBAAkB,CACtC,IAAI,EAAE,GAAG,EACT,eAAe,EAAE,MAAM,EACvB,aAAa,EAAE,MAAM,GACpB,OAAO,CAAC,IAAI,CAAC,CAOf;AAED;;;;;;GAMG;AACH,wBAAsB,cAAc,CAAC,IAAI,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAM7D"}
+{"version":3,"file":"frames.d.ts","sourceRoot":"","sources":["../../../src/backend/actions/frames.ts"],"names":[],"mappings":"AAWA;;;;;GAKG;AACH,wBAAsB,aAAa,CAAC,IAAI,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAcjF;AAED;;;;;;GAMG;AACH,wBAAsB,kBAAkB,CACtC,IAAI,EAAE,GAAG,EACT,kBAAkB,EAAE,MAAM,EAC1B,gBAAgB,EAAE,MAAM,GACvB,OAAO,CAAC,IAAI,CAAC,CAaf;AAED;;;;GAIG;AACH,wBAAsB,cAAc,CAAC,IAAI,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAU7D"}

package/dist/backend/actions/frames.js

@@ -3,34 +3,41 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.switchToFrame = switchToFrame;
 exports.findElementInFrame = findElementInFrame;
 exports.switchToNewTab = switchToNewTab;
+//src/backend/actions/frames.ts
 const registry_1 = require("../../core/registry");
 const state_1 = require("../utils/state");
+const fixtures_1 = require("../utils/fixtures");
 // ==================================================
 // CORE FUNCTIONS
 // ==================================================
 /**
  * Attempts to switch the logical context to a specific iframe.
  * Verifies the frame exists and logs a warning about frame scope limitations.
- * @example
- * When I switch to frame "#payment-iframe"
- * @param selector - The CSS selector of the iframe element.
+ * @example When I switch to frame "payment-iframe"
+ * @param selectorKey - The key of the iframe selector in the fixtures or a raw CSS selector.
  */
-async function switchToFrame(page, selector) {
+async function switchToFrame(page, selectorKey) {
+    const selectors = (0, fixtures_1.loadFixture)("selectors.json");
+    const selector = (0, fixtures_1.getFixtureValue)(selectors, selectorKey);
     const frameElement = page.locator(selector);
-    const frame = frameElement.contentFrame();
-    if (!frame)
+    const frame = await frameElement.contentFrame();
+    if (!frame) {
         throw new Error(`❌ Iframe "${selector}" not found or has no content.`);
+    }
     console.log(`⚠️ Switching Frames requires a Scope manager. For now, use 'I find element ... in frame ...'`);
 }
 /**
  * Finds an element inside a specific iframe and sets it as the active element.
  * This is the robust way to interact with iframe content (e.g., Stripe forms, embedded videos).
- * @example
- * When I find element "#card-number" in frame "#stripe-element"
- * @param elementSelector - The selector of the element INSIDE the iframe.
- * @param frameSelector - The selector of the iframe element itself.
+ * @example When I find element "card-number" in frame "stripe-element"
+ * @param elementSelectorKey - The key of the element selector in the fixtures or a raw CSS selector.
+ * @param frameSelectorKey - The key of the iframe selector in the fixtures or a raw CSS selector.
  */
-async function findElementInFrame(page, elementSelector, frameSelector) {
+async function findElementInFrame(page, elementSelectorKey, frameSelectorKey) {
+    const selectors = (0, fixtures_1.loadFixture)("selectors.json");
+    // Resolve selectors from fixtures or use raw values
+    const frameSelector = (0, fixtures_1.getFixtureValue)(selectors, frameSelectorKey);
+    const elementSelector = (0, fixtures_1.getFixtureValue)(selectors, elementSelectorKey);
     const frame = page.frameLocator(frameSelector);
     const element = frame.locator(elementSelector).first();
     await element.waitFor();
@@ -40,19 +47,20 @@ async function findElementInFrame(page, elementSelector, frameSelector) {
 /**
  * Waits for a new browser tab (popup) to open.
  * Useful for validating `target="_blank"` links.
- * @example
- * When I click on link "Open Dashboard"
- * And I switch to new tab
+ * @example When I click on link "Open Dashboard" And I switch to new tab
  */
 async function switchToNewTab(page) {
     console.log("⚠️ Multi-tab support requires Runner updates. Verifying popup event only.");
-    const popup = await page.waitForEvent("popup");
+    const [popup] = await Promise.all([
+        page.waitForEvent("popup"),
+        page.click("a[target='_blank']"), // Simulate clicking a link that opens a new tab
+    ]);
     await popup.waitForLoadState();
     console.log(`📑 New tab opened: ${await popup.title()}`);
 }
 // ==================================================
 // GLUE STEPS
 // ==================================================
-(0, registry_1.Step)("I switch to frame {string}", switchToFrame);
-(0, registry_1.Step)("I find element {string} in frame {string}", findElementInFrame);
-(0, registry_1.Step)("I switch to new tab", switchToNewTab);
+(0, registry_1.Step)("I switch to frame {string}", switchToFrame, "When");
+(0, registry_1.Step)("I find element {string} in frame {string}", findElementInFrame, "When");
+(0, registry_1.Step)("I switch to new tab", switchToNewTab, "When");

package/dist/backend/actions/index.d.ts

@@ -1,3 +1,16 @@
+export * from "./navigation";
+export * from "./interactions";
+export * from "./formTable";
+export * from "./click";
+export * from "./inputs";
+export * from "./form";
+export * from "./mouse";
+export * from "./misc";
+export * from "./mobile";
+export * from "./visual";
+export * from "./waits";
+export * from "./frames";
+export * from "./keyboard";
 import "./navigation";
 import "./interactions";
 import "./formTable";
@@ -7,6 +20,7 @@ import "./form";
 import "./mouse";
 import "./misc";
 import "./mobile";
+import "./visual";
 import "./waits";
 import "./frames";
 import "./keyboard";

package/dist/backend/actions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/backend/actions/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AACtB,OAAO,gBAAgB,CAAC;AACxB,OAAO,aAAa,CAAC;AACrB,OAAO,SAAS,CAAC;AACjB,OAAO,UAAU,CAAC;AAClB,OAAO,QAAQ,CAAC;AAChB,OAAO,SAAS,CAAC;AACjB,OAAO,QAAQ,CAAC;AAChB,OAAO,UAAU,CAAC;AAClB,OAAO,SAAS,CAAC;AACjB,OAAO,UAAU,CAAC;AAClB,OAAO,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/backend/actions/index.ts"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAI3B,OAAO,cAAc,CAAC;AACtB,OAAO,gBAAgB,CAAC;AACxB,OAAO,aAAa,CAAC;AACrB,OAAO,SAAS,CAAC;AACjB,OAAO,UAAU,CAAC;AAClB,OAAO,QAAQ,CAAC;AAChB,OAAO,SAAS,CAAC;AACjB,OAAO,QAAQ,CAAC;AAChB,OAAO,UAAU,CAAC;AAClB,OAAO,UAAU,CAAC;AAClB,OAAO,SAAS,CAAC;AACjB,OAAO,UAAU,CAAC;AAClB,OAAO,YAAY,CAAC"}

package/dist/backend/actions/index.js

@@ -1,5 +1,34 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+//src/backend/actions/index.ts
+__exportStar(require("./navigation"), exports);
+__exportStar(require("./interactions"), exports);
+__exportStar(require("./formTable"), exports);
+__exportStar(require("./click"), exports);
+__exportStar(require("./inputs"), exports);
+__exportStar(require("./form"), exports);
+__exportStar(require("./mouse"), exports);
+__exportStar(require("./misc"), exports);
+__exportStar(require("./mobile"), exports);
+__exportStar(require("./visual"), exports);
+__exportStar(require("./waits"), exports);
+__exportStar(require("./frames"), exports);
+__exportStar(require("./keyboard"), exports);
+// Import all side-effect modules (steps registration)
 require("./navigation");
 require("./interactions");
 require("./formTable");
@@ -9,6 +38,7 @@ require("./form");
 require("./mouse");
 require("./misc");
 require("./mobile");
+require("./visual");
 require("./waits");
 require("./frames");
 require("./keyboard");

package/dist/backend/actions/inputs.d.ts

@@ -1,96 +1,68 @@
 /**
  * Fills the currently stored (active) input element with specific text.
  * Supports variable aliases using the "@" prefix.
- * @example
- * When I type "hello world"
- * When I type "@storedPassword"
- * @param page - Playwright page object
- * @param textOrAlias - The text to type OR a variable key prefixed with "@".
- * @param table - Optional data table for options (e.g., force: true).
+ * @example When I type "hello world"
+ *          When I type "@storedPassword"
  */
 export declare function typeText(page: any, textOrAlias: string, table?: any): Promise<void>;
 /**
  * Fills the active input with a value explicitly retrieved from the variable store.
- * @example
- * When I type stored "userEmail"
- * @param alias - The key of the stored variable.
+ * @example When I type stored "userEmail"
  */
 export declare function typeStoredText(page: any, alias: string, table?: any): Promise<void>;
 /**
  * Types text character-by-character with a 100ms delay.
- * @example
- * When I slowly type "Playwright"
- * @param text - The text to type sequentially.
+ * @example When I slowly type "Playwright"
  */
 export declare function typeSlowly(page: any, text: string): Promise<void>;
 /**
  * Sets the value of an input directly (alias for filling).
- * @example
- * When I set value "12345"
- * @param value - The value to set.
+ * @example When I set value "12345"
  */
 export declare function setInputValue(page: any, value: string, table?: any): Promise<void>;
 /**
  * Clears the text content of the active input field.
- * @example
- * When I clear
+ * @example When I clear
  */
 export declare function clearInput(page: any): Promise<void>;
 /**
  * Simulates pressing a specific keyboard key on the active element.
- * @example
- * When I press "Enter"
- * When I press "Tab"
- * @param key - The key name (e.g., "Enter", "Escape", "ArrowDown").
+ * @example When I press "Enter"
  */
 export declare function pressKeyOnInput(page: any, key: string): Promise<void>;
 /**
  * Checks the currently active checkbox or radio button.
- * @example
- * When I check
+ * @example When I check
  */
 export declare function checkElement(page: any, table?: any): Promise<void>;
 /**
  * Unchecks the currently active checkbox.
- * @example
- * When I uncheck
+ * @example When I uncheck
  */
 export declare function uncheckElement(page: any, table?: any): Promise<void>;
 /**
  * Checks/Unchecks the Nth checkbox or radio button matching a selector.
- * @example
- * When I check 1st selector "input[type='checkbox']"
- * When I uncheck 2nd selector ".terms-check"
+ * @example When I check 1st selector "input[type='checkbox']"
  */
-export declare function checkNthElementBySelector(page: any, action: string, indexStr: string, selector: string, table?: any): Promise<void>;
+export declare function checkNthElementBySelector(page: any, action: string, indexStr: string, selectorKey: string, table?: any): Promise<void>;
 /**
  * Selects an option in a `<select>` dropdown by its visible label.
- * @example
- * When I select option "California"
- * @param option - The visible text label of the option to select.
+ * @example When I select option "California"
  */
 export declare function selectOption(page: any, option: string, table?: any): Promise<void>;
 /**
  * Submits the form related to the active element.
- * Logic:
- * 1. Tries to find the parent `<form>` of the currently stored element.
- * 2. If no parent form is found, finds the first form on the page.
- * @example
- * When I submit
+ * @example When I submit
  */
 export declare function submitForm(page: any): Promise<void>;
 /**
  * Uploads a file to the active file input element.
- * @example
- * When I select file "data/invoice.pdf"
- * @param filePath - The path to the file (relative to the project root).
+ * @example When I select file "data/invoice.pdf"
  */
 export declare function selectFile(page: any, filePath: string): Promise<void>;
 /**
  * Uploads a file to the active file input element (alias for selectFile).
- * @example
- * When I upload file "images/logo.png"
- * @param filePath - The path to the file.
+ * @example When I upload file "images/logo.png"
  */
 export declare function uploadFile(page: any, filePath: string): Promise<void>;
 //# sourceMappingURL=inputs.d.ts.map

package/dist/backend/actions/inputs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inputs.d.ts","sourceRoot":"","sources":["../../../src/backend/actions/inputs.ts"],"names":[],"mappings":"AAOA;;;;;;;;;GASG;AACH,wBAAsB,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAgBzF;AAED;;;;;GAKG;AACH,wBAAsB,cAAc,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CASzF;AAED;;;;;GAKG;AACH,wBAAsB,UAAU,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAIvE;AAED;;;;;GAKG;AACH,wBAAsB,aAAa,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAKxF;AAED;;;;GAIG;AACH,wBAAsB,UAAU,CAAC,IAAI,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAIzD;AAED;;;;;;GAMG;AACH,wBAAsB,eAAe,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAI3E;AAED;;;;GAIG;AACH,wBAAsB,YAAY,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAKxE;AAED;;;;GAIG;AACH,wBAAsB,cAAc,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAK1E;AAED;;;;;GAKG;AACH,wBAAsB,yBAAyB,CAC7C,IAAI,EAAE,GAAG,EACT,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,KAAK,CAAC,EAAE,GAAG,GACV,OAAO,CAAC,IAAI,CAAC,CAiBf;AAED;;;;;GAKG;AACH,wBAAsB,YAAY,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAMxF;AAED;;;;;;;GAOG;AACH,wBAAsB,UAAU,CAAC,IAAI,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAiBzD;AAED;;;;;GAKG;AACH,wBAAsB,UAAU,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAI3E;AAED;;;;;GAKG;AACH,wBAAsB,UAAU,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAI3E"}
+{"version":3,"file":"inputs.d.ts","sourceRoot":"","sources":["../../../src/backend/actions/inputs.ts"],"names":[],"mappings":"AAaA;;;;;GAKG;AACH,wBAAsB,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAgBzF;AAED;;;GAGG;AACH,wBAAsB,cAAc,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CASzF;AAED;;;GAGG;AACH,wBAAsB,UAAU,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAIvE;AAED;;;GAGG;AACH,wBAAsB,aAAa,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAKxF;AAED;;;GAGG;AACH,wBAAsB,UAAU,CAAC,IAAI,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAIzD;AAED;;;GAGG;AACH,wBAAsB,eAAe,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAI3E;AAED;;;GAGG;AACH,wBAAsB,YAAY,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAKxE;AAED;;;GAGG;AACH,wBAAsB,cAAc,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAK1E;AAED;;;GAGG;AACH,wBAAsB,yBAAyB,CAC7C,IAAI,EAAE,GAAG,EACT,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,EACnB,KAAK,CAAC,EAAE,GAAG,GACV,OAAO,CAAC,IAAI,CAAC,CAqBf;AAED;;;GAGG;AACH,wBAAsB,YAAY,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAMxF;AAED;;;GAGG;AACH,wBAAsB,UAAU,CAAC,IAAI,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAiBzD;AAED;;;GAGG;AACH,wBAAsB,UAAU,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAI3E;AAED;;;GAGG;AACH,wBAAsB,UAAU,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAI3E"}