@probolabs/playwright 0.4.21 → 1.0.2

package/README.md

@@ -1,136 +1,227 @@
-# Probolib: drive your playwright scripts with AI superpowers
-
-Probolib is a powerful AI-driven automation library that enhances Playwright testing and automation by making your scripts more robust and maintainable. Instead of relying on brittle CSS selectors or complex XPath expressions, Probolib uses natural language to interact with web elements.
-
-## Why Probolib?
-
-- **Natural Language Automation**: Write human-readable instructions instead of complex selectors
-- **More Resilient Tests**: AI-powered element detection that adapts to UI changes
-- **Simpler Maintenance**: Reduce the need to update selectors when the UI changes
-- **Faster Development**: Write automation scripts in plain English
-
-## Example
-
-Instead of writing:
-
-```
-page.click('some > super > complex > css > and non robust selector')
-```
-
-You can simply write:
-
-```
-probo.runStep(page, 'click on the save button')
-```
-
-## Quickstart
-
-```
-npm install @probolabs/playwright
-```
-
-## Accessing our backend
-
-the heavy lifting of the AI reasoning is done at the moment on our backend server. in order to access it you would need to tell the library how to access it.
-
-## easyiest - set ENV var
-
-probolib expects the existance of 2 env vars:
-
-```
-export PROBO_API_ENDPOINT=api.probolabs.ai
-export PROBO_API_KEY=<api key we will give you>
-
-```
-
-Or use dotenv
-
-```
-// npm install dotenv
-// in your script add this line
-import 'dotenv/config' // ES6
-
-// .env file located in the root of your project (the same level as your package.json)
-PROBO_API_ENDPOINT=https://api.probolabs.ai
-PROBO_API_KEY=<api key we will give you>
-
-```
-
-## A complete example for Playwright integration. step by step
-
-**step 1:** init a playwright project
-
-```
-# from your work directory
-mkdir probo-example
-cd probo-example
-npm init playwright@latest
-# follow the instructions and wait till the installation is finished
-# verify that playwright is installed properly
-npx playwright test --project chromium
-```
-
-**step 2**: integrate probolabs
-
-```
-npm install @probolabs/playwright dotenv
-```
-
-**step 3:** configure the env with our endpoint and api key
-
-```
-touch .env
-```
-
-edit the .env file
-
-```
-#.env
-PROBO_API_ENDPOINT=https://api.probolabs.ai
-PROBO_API_KEY=<api key we will give you>
-
-```
-
-**step 4:** create a file under the tests folder named `probo-example-todo-mvc.spec.mjs`
-
-```
-// tests/probo-example-todo-mvc.spec.mjs
-import 'dotenv/config';
-import { test} from '@playwright/test';
-import { Probo } from '@probolabs/playwright';
-
-//
-// Important: Before running this script set PROBO_API_KEY and PROBO_API_ENDPOINT
-//
-
-test.describe('Todo MVC', () => {
-  test('basic example', async ({ page }) => {
-    try {
-      // Initialize Probo
-      const probo = new Probo({
-        scenarioName: 'probo-example-todo-mvc' // important for caching the AI reasoning
-      });
-
-      //Goto page
-      await page.goto('https://demo.playwright.dev/todomvc');
-
-      // Run test steps
-      console.log('Running test steps...');
-      await probo.runStep(page, 'enter a new todo item: "Buy groceries"');
-      await probo.runStep(page, 'press the Enter key');
-
-      console.log('✨ Test completed successfully!');
-    } catch (error) {
-      console.error('❌ Test failed:', error);
-      throw error; // Re-throw to mark the test as failed
-    }
-  });
-});
-
-```
-
-**run the example**
-
-```
-npx playwright test tests/probo-example-todo-mvc.spec.mjs --headed --project chromium
-```
+# Probolib: drive your playwright scripts with AI superpowers
+
+Probolib is a powerful AI-driven automation library that enhances Playwright testing and automation by making your scripts more robust and maintainable. Instead of relying on brittle CSS selectors or complex XPath expressions, Probolib uses natural language to interact with web elements.
+
+## Why Probolib?
+
+- **Natural Language Automation**: Write human-readable instructions instead of complex selectors
+- **More Resilient Tests**: AI-powered element detection that adapts to UI changes
+- **Simpler Maintenance**: Reduce the need to update selectors when the UI changes
+- **Faster Development**: Write automation scripts in plain English
+
+## Example
+
+Instead of writing:
+
+```
+page.click('some > super > complex > css > and non robust selector')
+```
+
+You can simply write:
+
+```
+probo.runStep(page, 'click on the save button')
+```
+
+## Quickstart
+
+```
+npm install @probolabs/playwright
+```
+
+## Accessing our backend
+
+the heavy lifting of the AI reasoning is done at the moment on our backend server. in order to access it you would need to tell the library how to access it.
+
+## easyiest - set ENV var
+
+probolib expects the existance of 2 env vars:
+
+```
+export PROBO_API_ENDPOINT=api.probolabs.ai
+export PROBO_API_KEY=<api key we will give you>
+
+```
+
+Or use dotenv
+
+```
+// npm install dotenv
+// in your script add this line
+import 'dotenv/config' // ES6
+
+// .env file located in the root of your project (the same level as your package.json)
+PROBO_API_ENDPOINT=https://api.probolabs.ai
+PROBO_API_KEY=<api key we will give you>
+
+```
+
+## A complete example for Playwright integration. step by step
+
+**step 1:** init a playwright project
+
+```
+# from your work directory
+mkdir probo-example
+cd probo-example
+npm init playwright@latest
+# follow the instructions and wait till the installation is finished
+# verify that playwright is installed properly
+npx playwright test --project chromium
+```
+
+**step 2**: integrate probolabs
+
+```
+npm install @probolabs/playwright dotenv
+```
+
+**step 3:** configure the env with our endpoint and api key
+
+```
+touch .env
+```
+
+edit the .env file
+
+```
+#.env
+PROBO_API_ENDPOINT=https://api.probolabs.ai
+PROBO_API_KEY=<api key we will give you>
+
+```
+
+**step 4:** create a file under the tests folder named `probo-example-todo-mvc.spec.mjs`
+
+```
+// tests/probo-example-todo-mvc.spec.mjs
+import 'dotenv/config';
+import { test} from '@playwright/test';
+import { Probo } from '@probolabs/playwright';
+
+//
+// Important: Before running this script set PROBO_API_KEY and PROBO_API_ENDPOINT
+//
+
+test.describe('Todo MVC', () => {
+  test('basic example', async ({ page }) => {
+    try {
+      // Initialize Probo
+      const probo = new Probo({
+        scenarioName: 'probo-example-todo-mvc' // important for caching the AI reasoning
+      });
+
+      //Goto page
+      await page.goto('https://demo.playwright.dev/todomvc');
+
+      // Run test steps
+      console.log('Running test steps...');
+      await probo.runStep(page, 'enter a new todo item: "Buy groceries"');
+      await probo.runStep(page, 'press the Enter key');
+
+      console.log('✨ Test completed successfully!');
+    } catch (error) {
+      console.error('❌ Test failed:', error);
+      throw error; // Re-throw to mark the test as failed
+    }
+  });
+});
+
+```
+
+**run the example**
+
+```
+npx playwright test tests/probo-example-todo-mvc.spec.mjs --headed --project chromium
+```
+
+## Using Probo Fixtures (Connect to Existing Browser)
+
+Probo fixtures allow you to connect to an existing Chrome instance (like your recorder app) instead of launching a new browser. This is useful when you want to run tests against a browser that's already running with specific extensions or configurations.
+
+### Quick Setup
+
+**Step 1:** Install the package
+
+```bash
+npm install @probolabs/playwright
+```
+
+**Step 2:** Create a `playwright.config.ts` file
+
+```typescript
+// playwright.config.ts
+import { defineConfig } from "@playwright/test";
+
+export default defineConfig({
+  testDir: "./tests",
+  use: {
+    // Don't launch a new browser - Probo fixtures will connect to existing one
+    launchOptions: {},
+  },
+  workers: 1, // Use 1 worker to avoid conflicts with existing browser
+});
+```
+
+**Step 3:** Use Probo fixtures in your test files
+
+```typescript
+// tests/example.spec.ts
+import { test, expect } from "@probolabs/playwright/fixtures";
+
+test.describe("My Tests", () => {
+  test("should work with existing browser", async ({ page }) => {
+    // This page comes from your existing Chrome instance
+    await page.goto("https://example.com");
+    await page.click("button");
+
+    // Your test code here...
+  });
+});
+```
+
+**Step 4:** Make sure your recorder app is running, then run tests
+
+```bash
+npx playwright test
+```
+
+### Advanced Configuration
+
+You can customize the fixtures with different options:
+
+```typescript
+// tests/example.spec.ts
+import { createProboFixtures, expect } from "@probolabs/playwright/fixtures";
+
+// Create custom fixtures with specific configuration
+const test = createProboFixtures({
+  debugPort: 9333, // Default port where your recorder app runs
+  showBrowserConsole: true, // Show browser console logs
+});
+
+test.describe("My Tests", () => {
+  test("custom configuration", async ({ page }) => {
+    // Your test code here...
+  });
+});
+```
+
+### Requirements
+
+- Your recorder app must be running with Chrome accessible via CDP
+- Chrome must be launched with `--remote-debugging-port=9333` (or your custom port)
+- The browser must have at least one page open (not just extension pages)
+
+### Troubleshooting
+
+**Error: "No browser context found"**
+
+- Make sure your recorder app is running
+- Check that Chrome is accessible at `http://localhost:9333`
+- Verify the debug port matches your configuration
+
+**Error: "No main page found"**
+
+- Make sure your recorder app has opened a page
+- The page should not be a chrome-extension:// URL

package/dist/fixtures.d.ts

@@ -0,0 +1,28 @@
+import * as _playwright_test from '@playwright/test';
+export { expect } from '@playwright/test';
+
+/**
+ * Configuration options for Probo fixtures
+ */
+interface ProboFixturesConfig {
+    /** The debug port where your recorder app's Chrome instance is running */
+    debugPort?: number;
+    /** Whether to show browser console logs */
+    showBrowserConsole?: boolean;
+}
+/**
+ * Creates Probo fixtures that connect to an existing Chrome instance
+ * instead of launching a new browser.
+ *
+ * @param config Configuration options for the fixtures
+ * @returns Extended test function with Probo fixtures
+ */
+declare function createProboFixtures(config?: ProboFixturesConfig): _playwright_test.TestType<_playwright_test.PlaywrightTestArgs & _playwright_test.PlaywrightTestOptions, _playwright_test.PlaywrightWorkerArgs & _playwright_test.PlaywrightWorkerOptions>;
+/**
+ * Default Probo fixtures with standard configuration
+ * Connects to Chrome instance running on port 9333
+ */
+declare const test: _playwright_test.TestType<_playwright_test.PlaywrightTestArgs & _playwright_test.PlaywrightTestOptions, _playwright_test.PlaywrightWorkerArgs & _playwright_test.PlaywrightWorkerOptions>;
+
+export { createProboFixtures, test };
+export type { ProboFixturesConfig };

package/dist/fixtures.js

@@ -0,0 +1,52 @@
+import { test as test$1, chromium } from '@playwright/test';
+export { expect } from '@playwright/test';
+
+/**
+ * Creates Probo fixtures that connect to an existing Chrome instance
+ * instead of launching a new browser.
+ *
+ * @param config Configuration options for the fixtures
+ * @returns Extended test function with Probo fixtures
+ */
+function createProboFixtures(config = {}) {
+    const { debugPort = 9333, showBrowserConsole = false } = config;
+    return test$1.extend({
+        browser: async ({}, use) => {
+            // Connect to your existing recorder app's browser
+            const browser = await chromium.connectOverCDP(`http://localhost:${debugPort}`);
+            // Get the existing browser context (the one from your recorder app)
+            const context = browser.contexts()[0];
+            if (!context) {
+                throw new Error(`No browser context found at http://localhost:${debugPort}. Make sure your recorder app is running.`);
+            }
+            // Use the existing context
+            await use(browser);
+            // Don't close the browser - it's managed by your recorder app
+        },
+        // Override the page fixture to use existing page
+        page: async ({ browser }, use) => {
+            const context = browser.contexts()[0];
+            const allPages = context.pages();
+            // Find the main page (not chrome-extension pages)
+            const mainPage = allPages.find(page => !page.url().startsWith('chrome-extension://'));
+            if (!mainPage) {
+                throw new Error('No main page found in existing browser context. Make sure your recorder app has opened a page.');
+            }
+            // Set up console logging if requested
+            if (showBrowserConsole) {
+                mainPage.on('console', msg => console.log('Browser console:', msg.text()));
+            }
+            // Use the existing page
+            await use(mainPage);
+            // Don't close the page - it's managed by your recorder app
+        },
+    });
+}
+/**
+ * Default Probo fixtures with standard configuration
+ * Connects to Chrome instance running on port 9333
+ */
+const test = createProboFixtures();
+
+export { createProboFixtures, test };
+//# sourceMappingURL=fixtures.js.map

package/dist/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fixtures.js","sources":["../src/fixtures.ts"],"sourcesContent":["import { test as base, chromium } from '@playwright/test';\n\n/**\n * Configuration options for Probo fixtures\n */\nexport interface ProboFixturesConfig {\n  /** The debug port where your recorder app's Chrome instance is running */\n  debugPort?: number;\n  /** Whether to show browser console logs */\n  showBrowserConsole?: boolean;\n}\n\n/**\n * Creates Probo fixtures that connect to an existing Chrome instance\n * instead of launching a new browser.\n * \n * @param config Configuration options for the fixtures\n * @returns Extended test function with Probo fixtures\n */\nexport function createProboFixtures(config: ProboFixturesConfig = {}) {\n  const { debugPort = 9333, showBrowserConsole = false } = config;\n\n  return base.extend({\n    browser: async ({}, use) => {\n      // Connect to your existing recorder app's browser\n      const browser = await chromium.connectOverCDP(`http://localhost:${debugPort}`);\n      \n      // Get the existing browser context (the one from your recorder app)\n      const context = browser.contexts()[0];\n      \n      if (!context) {\n        throw new Error(`No browser context found at http://localhost:${debugPort}. Make sure your recorder app is running.`);\n      }\n      \n      // Use the existing context\n      await use(browser);\n      \n      // Don't close the browser - it's managed by your recorder app\n    },\n    \n    // Override the page fixture to use existing page\n    page: async ({ browser }, use) => {\n      const context = browser.contexts()[0];\n      const allPages = context.pages();\n      \n      // Find the main page (not chrome-extension pages)\n      const mainPage = allPages.find(page => !page.url().startsWith('chrome-extension://'));\n      \n      if (!mainPage) {\n        throw new Error('No main page found in existing browser context. Make sure your recorder app has opened a page.');\n      }\n      \n      // Set up console logging if requested\n      if (showBrowserConsole) {\n        mainPage.on('console', msg => console.log('Browser console:', msg.text()));\n      }\n      \n      // Use the existing page\n      await use(mainPage);\n      \n      // Don't close the page - it's managed by your recorder app\n    },\n  });\n}\n\n/**\n * Default Probo fixtures with standard configuration\n * Connects to Chrome instance running on port 9333\n */\nexport const test = createProboFixtures();\n\n/**\n * Re-export expect from Playwright for convenience\n */\nexport { expect } from '@playwright/test';\n"],"names":["base"],"mappings":";;;AAYA;;;;;;AAMG;AACa,SAAA,mBAAmB,CAAC,MAAA,GAA8B,EAAE,EAAA;IAClE,MAAM,EAAE,SAAS,GAAG,IAAI,EAAE,kBAAkB,GAAG,KAAK,EAAE,GAAG,MAAM,CAAC;IAEhE,OAAOA,MAAI,CAAC,MAAM,CAAC;AACjB,QAAA,OAAO,EAAE,OAAO,EAAE,EAAE,GAAG,KAAI;;YAEzB,MAAM,OAAO,GAAG,MAAM,QAAQ,CAAC,cAAc,CAAC,CAAoB,iBAAA,EAAA,SAAS,CAAE,CAAA,CAAC,CAAC;;YAG/E,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC;YAEtC,IAAI,CAAC,OAAO,EAAE;AACZ,gBAAA,MAAM,IAAI,KAAK,CAAC,gDAAgD,SAAS,CAAA,yCAAA,CAA2C,CAAC,CAAC;aACvH;;AAGD,YAAA,MAAM,GAAG,CAAC,OAAO,CAAC,CAAC;;SAGpB;;QAGD,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,GAAG,KAAI;YAC/B,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC;AACtC,YAAA,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC;;YAGjC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC,CAAC;YAEtF,IAAI,CAAC,QAAQ,EAAE;AACb,gBAAA,MAAM,IAAI,KAAK,CAAC,gGAAgG,CAAC,CAAC;aACnH;;YAGD,IAAI,kBAAkB,EAAE;gBACtB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,IAAI,OAAO,CAAC,GAAG,CAAC,kBAAkB,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;aAC5E;;AAGD,YAAA,MAAM,GAAG,CAAC,QAAQ,CAAC,CAAC;;SAGrB;AACF,KAAA,CAAC,CAAC;AACL,CAAC;AAED;;;AAGG;AACU,MAAA,IAAI,GAAG,mBAAmB;;;;"}

package/dist/index.d.ts

@@ -1,16 +1,10 @@
-import { Page, Locator } from 'playwright';
-import { PlaywrightAction, ElementTag, PlaywrightTimeoutConfig, AIModel, ServerResponse, ProboLogLevel } from '@probolabs/probo-shared';
+import { Locator, Page } from 'playwright';
+import { ElementTag, PlaywrightTimeoutConfig, PlaywrightAction, AIModel, InitialPageState, FindCandidateInput, ServerResponse, ProboLogLevel } from '@probolabs/probo-shared';
 export { ElementInfo, ElementTag, PlaywrightAction, ProboLogLevel } from '@probolabs/probo-shared';
+import * as _playwright_test from '@playwright/test';
 import { Page as Page$1 } from '@playwright/test';
+export { expect } from '@playwright/test';
 
-/**
- * Execute a given Playwright action, mirroring Python's _perform_action
- */
-declare function executePlaywrightAction(page: Page, action: PlaywrightAction, value: string | boolean, iframe_selector: string, element_css_selector: string): Promise<boolean | string>;
-/**
- * Execute a given Playwright action using native Playwright functions where possible
- */
-declare function executeCachedPlaywrightAction(page: Page, action: PlaywrightAction, value: string | boolean, iframe_selector: string, element_css_selector: string): Promise<boolean | string>;
 /**
    * Traverses up the DOM from the given locator to find the closest visible ancestor.
    * Returns a Locator for the first visible element found, or null if none is visible up to <html>.
@@ -99,17 +93,16 @@ declare class Highlighter {
 interface RunStepParams extends Partial<PlaywrightTimeoutConfig> {
     iframeSelector?: string;
     elementSelector?: string;
-    action: PlaywrightAction | PlaywrightAction[] | string | string[];
+    action: PlaywrightAction;
     argument?: string | string[];
     annotation?: string;
-}
-interface RunStepResult {
-    key: string;
-    value: any;
+    pollingInterval?: number;
+    timeout?: number;
 }
 declare class ProboPlaywright {
     private readonly config;
     private page;
+    private lastNavigationTime;
     constructor(config?: PlaywrightTimeoutConfig, page?: Page$1 | null);
     /**
      * Sets the Playwright page instance for this ProboPlaywright instance.
@@ -118,6 +111,7 @@ declare class ProboPlaywright {
      * @param page - The Playwright Page instance to use, or null to unset.
      */
     setPage(page: Page$1 | null): void;
+    private onFrameNav;
     /**
      * Executes a single step in the test scenario with the specified action on the target element.
      * Handles iframe navigation, element highlighting, and various Playwright actions like click, fill, validate, etc.
@@ -126,7 +120,7 @@ declare class ProboPlaywright {
      * @returns Promise that resolves to a result object for extract actions, or void for other actions
      * @throws Error if element is not found or validation fails
      */
-    runStep(params: RunStepParams): Promise<RunStepResult | void>;
+    runStep(params: RunStepParams): Promise<string | void>;
     /**
      * Creates a visual highlight overlay on the target element with optional annotation text.
      * The highlight appears as a red border around the element and can include descriptive text.
@@ -169,6 +163,78 @@ declare class ProboPlaywright {
     private getTextValue;
 }
 
+interface NavTrackerOptions {
+    stabilizationTimeout?: number;
+}
+/**
+ * Global navigation tracker that monitors page navigation events
+ * and provides methods to check if navigation has stabilized
+ *
+ * This is a singleton class - only one instance can exist at a time
+ */
+declare class NavTracker {
+    private static instance;
+    private page;
+    private navigationCount;
+    private lastNavTime;
+    private stabilizationTimeout;
+    private isListening;
+    private onFrameNavHandler;
+    private instanceId;
+    /**
+     * Private constructor - use getInstance() to get the singleton instance
+     */
+    private constructor();
+    /**
+     * Start listening for navigation events (private method)
+     */
+    private start;
+    /**
+     * Stop listening for navigation events (private method)
+     */
+    private stop;
+    /**
+     * Check if navigation has stabilized (no navigation for stabilizationTimeout ms) (private method)
+     */
+    private hasNavigationStabilized;
+    /**
+     * Wait for navigation to stabilize
+     * Waits a short time to catch any missed navigation events, then ensures
+     * the latest navigation happened at least stabilizationTimeout ms ago
+     */
+    waitForNavigationToStabilize(): Promise<void>;
+    /**
+     * Get the singleton instance of NavTracker
+     * @param page The page to track (required for first creation)
+     * @param options Optional configuration
+     * @returns The singleton NavTracker instance
+     */
+    static getInstance(page?: Page, options?: NavTrackerOptions): NavTracker;
+}
+
+/**
+ * Configuration options for Probo fixtures
+ */
+interface ProboFixturesConfig {
+    /** The debug port where your recorder app's Chrome instance is running */
+    debugPort?: number;
+    /** Whether to show browser console logs */
+    showBrowserConsole?: boolean;
+}
+/**
+ * Creates Probo fixtures that connect to an existing Chrome instance
+ * instead of launching a new browser.
+ *
+ * @param config Configuration options for the fixtures
+ * @returns Extended test function with Probo fixtures
+ */
+declare function createProboFixtures(config?: ProboFixturesConfig): _playwright_test.TestType<_playwright_test.PlaywrightTestArgs & _playwright_test.PlaywrightTestOptions, _playwright_test.PlaywrightWorkerArgs & _playwright_test.PlaywrightWorkerOptions>;
+/**
+ * Default Probo fixtures with standard configuration
+ * Connects to Chrome instance running on port 9333
+ */
+declare const test: _playwright_test.TestType<_playwright_test.PlaywrightTestArgs & _playwright_test.PlaywrightTestOptions, _playwright_test.PlaywrightWorkerArgs & _playwright_test.PlaywrightWorkerOptions>;
+
 /**
  * Configuration options for Probo client
  */
@@ -181,11 +247,13 @@ interface ProboConfig {
     logToFile?: boolean;
     debugLevel?: ProboLogLevel;
     aiModel?: AIModel;
+    timeoutConfig?: PlaywrightTimeoutConfig;
 }
 interface RunStepOptions {
     useCache: boolean;
     stepIdFromServer?: number | null;
     aiModel?: AIModel;
+    timeoutConfig?: PlaywrightTimeoutConfig;
 }
 declare class Probo {
     private highlighter;
@@ -193,12 +261,15 @@ declare class Probo {
     private readonly enableConsoleLogs;
     private readonly scenarioName;
     private readonly aiModel;
-    constructor({ scenarioName, token, apiUrl, enableConsoleLogs, logToConsole, logToFile, debugLevel, aiModel }: ProboConfig);
+    private readonly timeoutConfig;
+    constructor({ scenarioName, token, apiUrl, enableConsoleLogs, logToConsole, logToFile, debugLevel, aiModel, timeoutConfig }: ProboConfig);
     askAI(page: Page, question: string): Promise<any>;
-    runStep(page: Page, stepPrompt: string, argument?: string | boolean | null, options?: RunStepOptions): Promise<boolean | string>;
+    runStep(page: Page, stepPrompt: string, argument?: string | boolean | null, options?: RunStepOptions): Promise<boolean | string | null>;
     private _handleCachedStep;
     private _handleStepCreation;
     private setupConsoleLogs;
+    getInitialPageState(page: Page): Promise<InitialPageState>;
+    findAndHighlightCandidateElements(page: Page, elementTags: string[]): Promise<FindCandidateInput>;
     highlightElements(page: Page, elementTags: [ElementTagType]): Promise<any>;
     unhighlightElements(page: Page): Promise<void>;
     highlightElement(page: Page, element_css_selector: string, iframe_selector: string, element_index: string): Promise<void>;
@@ -208,5 +279,5 @@ declare class Probo {
     askAIHelper(page: Page, question: string): Promise<ServerResponse>;
 }
 
-export { Highlighter, Probo, ProboPlaywright, executeCachedPlaywrightAction, executePlaywrightAction, findClosestVisibleElement };
-export type { ElementTagType, RunStepOptions };
+export { Highlighter, NavTracker, Probo, ProboPlaywright, createProboFixtures, findClosestVisibleElement, test };
+export type { ElementTagType, ProboFixturesConfig, RunStepOptions };