@browserstack/mcp-server 1.2.3 → 1.2.5

package/dist/tools/sdk-utils/{constants.js → bstack/constants.js}

@@ -1,7 +1,8 @@
 /**
  * ---------- PYTHON INSTRUCTIONS ----------
  */
-const pythonInstructions = (username, accessKey) => `
+export const pythonInstructions = (username, accessKey) => {
+    const setup = `
 ---STEP---
 
 Install the BrowserStack SDK:
@@ -15,7 +16,8 @@ Setup the BrowserStack SDK with your credentials:
 \`\`\`bash
 browserstack-sdk setup --username "${username}" --key "${accessKey}"
 \`\`\`
-
+`;
+    const run = `
 ---STEP---
 
 Run your tests on BrowserStack:
@@ -23,7 +25,10 @@ Run your tests on BrowserStack:
 browserstack-sdk python <path-to-test-file>
 \`\`\`
 `;
-const generatePythonFrameworkInstructions = (framework) => (username, accessKey) => `
+    return { setup, run };
+};
+export const generatePythonFrameworkInstructions = (framework) => (username, accessKey) => {
+    const setup = `
 ---STEP---
 
 Install the BrowserStack SDK:
@@ -38,7 +43,8 @@ Setup the BrowserStack SDK with framework-specific configuration:
 \`\`\`bash
 browserstack-sdk setup --framework "${framework}" --username "${username}" --key "${accessKey}"
 \`\`\`
-
+`;
+    const run = `
 ---STEP---
 
 Run your ${framework} tests on BrowserStack:
@@ -46,14 +52,17 @@ Run your ${framework} tests on BrowserStack:
 browserstack-sdk ${framework} <path-to-test-files>
 \`\`\`
 `;
-const robotInstructions = generatePythonFrameworkInstructions("robot");
-const behaveInstructions = generatePythonFrameworkInstructions("behave");
-const pytestInstructions = generatePythonFrameworkInstructions("pytest");
+    return { setup, run };
+};
+export const robotInstructions = generatePythonFrameworkInstructions("robot");
+export const behaveInstructions = generatePythonFrameworkInstructions("behave");
+export const pytestInstructions = generatePythonFrameworkInstructions("pytest");
 /**
  * ---------- JAVA INSTRUCTIONS ----------
  */
 const argsInstruction = '<argLine>-javaagent:"${com.browserstack:browserstack-java-sdk:jar}"</argLine>';
-const javaInstructions = (username, accessKey) => `
+export const javaInstructions = (username, accessKey) => {
+    const setup = `
 ---STEP---
 
 Add the BrowserStack Java SDK dependency to your \`pom.xml\`:
@@ -82,7 +91,8 @@ Export your BrowserStack credentials as environment variables:
 export BROWSERSTACK_USERNAME=${username}
 export BROWSERSTACK_ACCESS_KEY=${accessKey}
 \`\`\`
-
+`;
+    const run = `
 ---STEP---
 
 Run your tests using Maven:
@@ -95,66 +105,13 @@ Or for Gradle:
 gradle clean test
 \`\`\`
 `;
-const serenityInstructions = (username, accessKey) => `
----STEP---
-
-Set BrowserStack credentials as environment variables:
-For macOS/Linux:
-\`\`\`bash
-export BROWSERSTACK_USERNAME=${username}
-export BROWSERSTACK_ACCESS_KEY=${accessKey}
-\`\`\`
-
-For Windows Command Prompt:
-\`\`\`cmd
-set BROWSERSTACK_USERNAME=${username}
-set BROWSERSTACK_ACCESS_KEY=${accessKey}
-\`\`\`
-
----STEP---
-
-Add serenity-browserstack dependency in pom.xml:
-Add the following dependency to your pom.xml file and save it:
-\`\`\`xml
-<dependency>
-  <groupId>net.serenity-bdd</groupId>
-  <artifactId>serenity-browserstack</artifactId>
-  <version>3.3.4</version>
-</dependency>
-\`\`\`
-
----STEP---
-
-Set up serenity.conf file:
-Create or update your serenity.conf file in the project root with the following configuration:
-\`\`\`
-webdriver {
-  driver = remote
-  remote.url = "https://hub.browserstack.com/wd/hub"
-}
-browserstack.user="${username}"
-browserstack.key="${accessKey}"
-\`\`\`
-
----STEP---
-
-Run your Serenity tests:
-You can continue running your tests as you normally would. For example:
-
-Using Maven:
-\`\`\`bash
-mvn clean verify
-\`\`\`
-
-Using Gradle:
-\`\`\`bash
-gradle clean test
-\`\`\`
-`;
+    return { setup, run };
+};
 /**
  * ---------- CSharp INSTRUCTIONS ----------
  */
-const csharpCommonInstructions = (username, accessKey) => `
+export const csharpCommonInstructions = (username, accessKey) => {
+    const setup = `
 ---STEP---
 
 Install BrowserStack TestAdapter NuGet package:
@@ -203,7 +160,8 @@ Install the x64 version of .NET for BrowserStack compatibility.
   sudo dotnet browserstack-sdk setup-dotnet --dotnet-path "<your-chosen-path>" --dotnet-version "<your-dotnet-version>"
   \`\`\`
   Common paths: /usr/local/share/dotnet, ~/dotnet-x64, or /opt/dotnet-x64
-
+`;
+    const run = `
 ---STEP---
 
 Run the tests:
@@ -216,7 +174,10 @@ Run the tests:
   dotnet test
   \`\`\`
 `;
-const csharpPlaywrightCommonInstructions = (username, accessKey) => `
+    return { setup, run };
+};
+export const csharpPlaywrightCommonInstructions = (username, accessKey) => {
+    const setup = `
 ---STEP---
 
 Install BrowserStack TestAdapter NuGet package:
@@ -278,7 +239,8 @@ Fix for Playwright architecture (macOS only):
 If the folder exists:  
 \`<project-folder>/bin/Debug/net8.0/.playwright/node/darwin-arm64\`  
 Rename \`darwin-arm64\` to \`darwin-x64\`
-
+`;
+    const run = `
 ---STEP---
 
 Run the tests:
@@ -291,10 +253,13 @@ Run the tests:
   dotnet test
   \`\`\`
 `;
+    return { setup, run };
+};
 /**
  * ---------- NODEJS INSTRUCTIONS ----------
  */
-const nodejsInstructions = (username, accessKey) => `
+export const nodejsInstructions = (username, accessKey) => {
+    const setup = `
 ---STEP---
 
 Ensure \`browserstack-node-sdk\` is present in package.json with the latest version:
@@ -330,10 +295,21 @@ export BROWSERSTACK_ACCESS_KEY=${accessKey}
 Run your tests:
 You can now run your tests on BrowserStack using your standard command or Use the commands defined in your package.json file to run the tests.
 `;
+    const run = `
+---STEP---
+
+Run your tests on BrowserStack:
+\`\`\`bash
+npm run test:browserstack
+\`\`\`
+`;
+    return { setup, run };
+};
 /**
  * ---------- EXPORT CONFIG ----------
  */
-const webdriverioInstructions = (username, accessKey) => `
+export const webdriverioInstructions = (username, accessKey) => {
+    const setup = `
 ---STEP---
 
 Set BrowserStack Credentials:
@@ -432,13 +408,17 @@ exports.config.capabilities.forEach(function (caps) {
     caps[i] = { ...caps[i], ...exports.config.commonCapabilities[i]};
 });
 \`\`\`
-
+`;
+    const run = `
 ---STEP---
 
 Run your tests:
 You can now run your tests on BrowserStack using your standard WebdriverIO command or Use the commands defined in your package.json file to run the tests.
 `;
-const cypressInstructions = (username, accessKey) => `
+    return { setup, run };
+};
+export const cypressInstructions = (username, accessKey) => {
+    const setup = `
 ---STEP---
 
 Install the BrowserStack Cypress CLI:
@@ -499,7 +479,8 @@ Open the generated \`browserstack.json\` file and update it with your BrowserSta
 \`\`\`
 
 **Note:** For Cypress v9 or lower, use \`"cypress_config_file": "./cypress.json"\`. The \`testObservability: true\` flag enables the [Test Reporting & Analytics dashboard](https://www.browserstack.com/docs/test-management/test-reporting-and-analytics) for deeper insights into your test runs.
-
+`;
+    const run = `
 ---STEP---
 
 Run Your Tests on BrowserStack:
@@ -508,8 +489,69 @@ Execute your tests on BrowserStack using the following command:
 npx browserstack-cypress run --sync
 \`\`\`
 
-After the tests complete, you can view the results on your [BrowserStack Automate Dashboard](https://automate.browserstack.com/dashboard/).
+After the tests complete, you can view the results on your [BrowserStack Automate Dashboard](https://automate.browserstack.com/dashboard/).`;
+    return { setup, run };
+};
+const serenityInstructions = (username, accessKey) => {
+    const setup = `
+---STEP---
+
+Set BrowserStack credentials as environment variables:
+For macOS/Linux:
+\`\`\`bash
+export BROWSERSTACK_USERNAME=${username}
+export BROWSERSTACK_ACCESS_KEY=${accessKey}
+\`\`\`
+
+For Windows Command Prompt:
+\`\`\`cmd
+set BROWSERSTACK_USERNAME=${username}
+set BROWSERSTACK_ACCESS_KEY=${accessKey}
+\`\`\`
+
+---STEP---
+
+Add serenity-browserstack dependency in pom.xml:
+Add the following dependency to your pom.xml file and save it:
+\`\`\`xml
+<dependency>
+  <groupId>net.serenity-bdd</groupId>
+  <artifactId>serenity-browserstack</artifactId>
+  <version>3.3.4</version>
+</dependency>
+\`\`\`
+
+---STEP---
+
+Set up serenity.conf file:
+Create or update your serenity.conf file in the project root with the following configuration:
+\`\`\`
+webdriver {
+  driver = remote
+  remote.url = "https://hub.browserstack.com/wd/hub"
+}
+browserstack.user="${username}"
+browserstack.key="${accessKey}"
+\`\`\`
 `;
+    const run = `
+---STEP---
+
+Run your Serenity tests:
+You can continue running your tests as you normally would. For example:
+
+Using Maven:
+\`\`\`bash
+mvn clean verify
+\`\`\`
+
+Using Gradle:
+\`\`\`bash
+gradle clean test
+\`\`\`
+`;
+    return { setup, run };
+};
 export const SUPPORTED_CONFIGURATIONS = {
     python: {
         playwright: {
@@ -565,8 +607,5 @@ export const SUPPORTED_CONFIGURATIONS = {
         cypress: {
             cypress: { instructions: cypressInstructions },
         },
-        webdriverio: {
-            mocha: { instructions: webdriverioInstructions },
-        },
     },
 };

package/dist/tools/sdk-utils/{constants.d.ts → bstack/frameworks.d.ts}

@@ -1,2 +1,2 @@
-import { ConfigMapping } from "./types.js";
+import { ConfigMapping } from "../common/types.js";
 export declare const SUPPORTED_CONFIGURATIONS: ConfigMapping;

package/dist/tools/sdk-utils/bstack/frameworks.js

@@ -0,0 +1,57 @@
+import * as constants from "./constants.js";
+export const SUPPORTED_CONFIGURATIONS = {
+    python: {
+        playwright: {
+            pytest: { instructions: constants.pythonInstructions },
+        },
+        selenium: {
+            pytest: { instructions: constants.pytestInstructions },
+            robot: { instructions: constants.robotInstructions },
+            behave: { instructions: constants.behaveInstructions },
+        },
+    },
+    java: {
+        playwright: {
+            junit4: { instructions: constants.javaInstructions },
+            junit5: { instructions: constants.javaInstructions },
+            testng: { instructions: constants.javaInstructions },
+        },
+        selenium: {
+            testng: { instructions: constants.javaInstructions },
+            cucumber: { instructions: constants.javaInstructions },
+            junit4: { instructions: constants.javaInstructions },
+            junit5: { instructions: constants.javaInstructions },
+        },
+    },
+    csharp: {
+        playwright: {
+            nunit: { instructions: constants.csharpPlaywrightCommonInstructions },
+            mstest: { instructions: constants.csharpPlaywrightCommonInstructions },
+        },
+        selenium: {
+            xunit: { instructions: constants.csharpCommonInstructions },
+            nunit: { instructions: constants.csharpCommonInstructions },
+            mstest: { instructions: constants.csharpCommonInstructions },
+            specflow: { instructions: constants.csharpCommonInstructions },
+            reqnroll: { instructions: constants.csharpCommonInstructions },
+        },
+    },
+    nodejs: {
+        playwright: {
+            jest: { instructions: constants.nodejsInstructions },
+            codeceptjs: { instructions: constants.nodejsInstructions },
+            playwright: { instructions: constants.nodejsInstructions },
+        },
+        selenium: {
+            jest: { instructions: constants.nodejsInstructions },
+            webdriverio: { instructions: constants.webdriverioInstructions },
+            mocha: { instructions: constants.nodejsInstructions },
+            cucumber: { instructions: constants.nodejsInstructions },
+            nightwatch: { instructions: constants.nodejsInstructions },
+            codeceptjs: { instructions: constants.nodejsInstructions },
+        },
+        cypress: {
+            cypress: { instructions: constants.cypressInstructions },
+        },
+    },
+};

package/dist/tools/sdk-utils/bstack/index.d.ts

@@ -0,0 +1,4 @@
+export { runBstackSDKOnly } from "./sdkHandler.js";
+export { getSDKPrefixCommand, getJavaFrameworkForMaven } from "./commands.js";
+export { generateBrowserStackYMLInstructions } from "./configUtils.js";
+export { SUPPORTED_CONFIGURATIONS } from "./frameworks.js";

package/dist/tools/sdk-utils/bstack/index.js

@@ -0,0 +1,5 @@
+// BrowserStack SDK utilities
+export { runBstackSDKOnly } from "./sdkHandler.js";
+export { getSDKPrefixCommand, getJavaFrameworkForMaven } from "./commands.js";
+export { generateBrowserStackYMLInstructions } from "./configUtils.js";
+export { SUPPORTED_CONFIGURATIONS } from "./frameworks.js";

package/dist/tools/sdk-utils/bstack/sdkHandler.d.ts

@@ -0,0 +1,4 @@
+import { RunTestsInstructionResult } from "../common/types.js";
+import { RunTestsOnBrowserStackInput } from "../common/schema.js";
+import { BrowserStackConfig } from "../../../lib/types.js";
+export declare function runBstackSDKOnly(input: RunTestsOnBrowserStackInput, config: BrowserStackConfig, isPercyAutomate?: boolean): Promise<RunTestsInstructionResult>;

package/dist/tools/sdk-utils/bstack/sdkHandler.js

@@ -0,0 +1,82 @@
+import { getBrowserStackAuth } from "../../../lib/get-auth.js";
+import { getSDKPrefixCommand } from "./commands.js";
+import { generateBrowserStackYMLInstructions } from "./configUtils.js";
+import { getInstructionsForProjectConfiguration } from "../common/instructionUtils.js";
+import { validateDevices } from "../common/device-validator.js";
+export async function runBstackSDKOnly(input, config, isPercyAutomate = false) {
+    const steps = [];
+    const authString = getBrowserStackAuth(config);
+    const [username, accessKey] = authString.split(":");
+    // Validate devices against real BrowserStack device data
+    const tupleTargets = input.devices;
+    const validatedEnvironments = await validateDevices(tupleTargets || [], input.detectedBrowserAutomationFramework);
+    // Handle frameworks with unique setup instructions that don't use browserstack.yml
+    if (input.detectedBrowserAutomationFramework === "cypress" ||
+        input.detectedTestingFramework === "webdriverio") {
+        const frameworkInstructions = getInstructionsForProjectConfiguration(input.detectedBrowserAutomationFramework, input.detectedTestingFramework, input.detectedLanguage, username, accessKey);
+        if (frameworkInstructions) {
+            if (frameworkInstructions.setup) {
+                steps.push({
+                    type: "instruction",
+                    title: "Framework-Specific Setup",
+                    content: frameworkInstructions.setup,
+                });
+            }
+            if (frameworkInstructions.run && !isPercyAutomate) {
+                steps.push({
+                    type: "instruction",
+                    title: "Run the tests",
+                    content: frameworkInstructions.run,
+                });
+            }
+        }
+        return {
+            steps,
+            requiresPercy: false,
+            missingDependencies: [],
+        };
+    }
+    // Default flow using browserstack.yml
+    const sdkSetupCommand = getSDKPrefixCommand(input.detectedLanguage, input.detectedTestingFramework, username, accessKey);
+    if (sdkSetupCommand) {
+        steps.push({
+            type: "instruction",
+            title: "Install BrowserStack SDK",
+            content: sdkSetupCommand,
+        });
+    }
+    const ymlInstructions = generateBrowserStackYMLInstructions({
+        validatedEnvironments,
+        enablePercy: false,
+        projectName: input.projectName,
+    });
+    if (ymlInstructions) {
+        steps.push({
+            type: "instruction",
+            title: "Configure browserstack.yml",
+            content: ymlInstructions,
+        });
+    }
+    const frameworkInstructions = getInstructionsForProjectConfiguration(input.detectedBrowserAutomationFramework, input.detectedTestingFramework, input.detectedLanguage, username, accessKey);
+    if (frameworkInstructions) {
+        if (frameworkInstructions.setup) {
+            steps.push({
+                type: "instruction",
+                title: "Framework-Specific Setup",
+                content: frameworkInstructions.setup,
+            });
+        }
+        if (frameworkInstructions.run && !isPercyAutomate) {
+            steps.push({
+                type: "instruction",
+                title: "Run the tests",
+                content: frameworkInstructions.run,
+            });
+        }
+    }
+    return {
+        steps,
+        requiresPercy: false,
+        missingDependencies: [],
+    };
+}

package/dist/tools/sdk-utils/common/constants.d.ts

@@ -0,0 +1,11 @@
+export declare const IMPORTANT_SETUP_WARNING = "IMPORTANT: DO NOT SKIP ANY STEP. All the setup steps described below MUST be executed regardless of any existing configuration or setup. This ensures proper BrowserStack SDK setup.";
+export declare const SETUP_PERCY_DESCRIPTION = "Set up or expand Percy visual testing configuration with comprehensive coverage for existing projects that might have Percy integrated. This supports both Percy Web Standalone and Percy Automate. Example prompts: Expand percy coverage for this project {project_name}";
+export declare const LIST_TEST_FILES_DESCRIPTION = "Lists all test files for a given set of directories.";
+export declare const PERCY_SNAPSHOT_COMMANDS_DESCRIPTION = "Adds Percy snapshot commands to the specified test files.";
+export declare const RUN_ON_BROWSERSTACK_DESCRIPTION = "Set up and run automated web-based tests on BrowserStack using the BrowserStack SDK. Use this tool for functional or integration test setup on BrowserStack only. For any visual testing or Percy integration, use the dedicated Percy setup tool. Example prompts: run this test on browserstack; set up this project for browserstack.";
+export declare const SIMULATE_PERCY_CHANGE_DESCRIPTION = "Integrate Percy visual testing into new projects and demonstrate visual change detection through a step-by-step simulation. This tool handles initial Percy integration, setup, and creates a working demonstration for new users. Primary tool for prompts like: \"Integrate percy for this project\", \"Integrate percy in this project {project_name}\"";
+export declare const PERCY_REPLACE_REGEX: RegExp;
+export declare const PERCY_SNAPSHOT_INSTRUCTION = "\nInvoke listTestFiles() with the provided directories from user to gather all test files in memory and obtain the generated UUID ---STEP---\nProcess files in STRICT sequential order using tool addPercySnapshotCommands() with below instructions:\n- Start with index 0\n- Then index 1  \n- Then index 2\n- Continue sequentially until the last index\n- DO NOT skip any index numbers\n- DO NOT jump to random indices like 10, 20, 30\n- DO NOT worry about time consuming and any constraints.\n- DO NOT STOP until you add commands in all the files or you reach end of the files.\n";
+export declare const PERCY_SIMULATE_INSTRUCTION = "\nMANDATORY: Aggressive, Accurate Percy Snapshots Integration\n\nPrerequisite: Before making any code changes in the user's repository, create and switch to a new branch named browserstack-simulation. Stage all changes but do not commit them. If the repository has not been initialized yet, run git init first.\n\nYou MUST follow these steps with NO EXCEPTIONS:\n1. Identify 4-5 key test files in the project that are critical for visual testing.\n2. For EACH identified test file, analyze the code to find EVERY location where a Percy snapshot should be called (e.g., after each navigation, UI change, or significant state in tests).\n3. Insert snapshot calls at ALL such points, not just the first or most obvious one.\n\nIteratively update every selected test file with percy snapshot calls at all identified points, ensuring comprehensive coverage of visual changes.";
+export declare const PERCY_SIMULATION_DRIVER_INSTRUCTION = "\nMANDATORY: Step-by-Step Percy Visual Change Simulation\nYou MUST follow these steps with NO EXCEPTIONS:\n\nSTEP 1: At this case we have added Percy snapshot commands to the test files at the appropriate locations (e.g., after navigation, UI change, or significant state). \n- Use ONLY existing snapshot names.\n- Do NOT add any popup injection or visual changes yet.\n- Do NOT run any Percy builds at this stage.\n\nSTEP 2: Run ONE comprehensive baseline Percy build that executes ALL tests containing Percy snapshots in a SINGLE build. This creates one baseline build with all snapshots for comparison. Use a command like: npx percy exec --label=mcp -- python -m pytest tests/ -k 'test_name1 or test_name2 or test_name3' -v to run multiple specific tests in one build.\"\n\nSTEP 3: Modify your test to inject a visible UI change (such as a popup) IMMEDIATELY BEFORE an EXISTING snapshot command (e.g., before percy_snapshot(self.driver, \"screenshot name\")).\n- Do NOT add a new snapshot name for the popup.\n- The popup must appear in an existing snapshot, not a new one.\n- Add this popup code in some test files before the percy_snapshot command you've added, to display the visual changes.\n\n```Javascript\npopup_script = `\nvar popup = document.createElement('div');\npopup.id = 'percy-test-popup';\npopup.style.cssText = popup.style.cssText = `\n  /* TODO: Add styles to make the popup large, centered, and visually noticeable.\n     Suggested properties: position: fixed; top/left; transform; background; color; font-size; padding; z-index; animation, etc. */\n`;\npopup.innerHTML = 'PERCY TEST<br>VISUAL CHANGE<br>DETECTED!';\ndocument.body.appendChild(popup);\n`;\n\n# Insert this just before the EXISTING snapshot command:\ndriver.execute_script(popup_script)\npercy_snapshot(self.driver, \"Before Adding to Cart\")  # (Do NOT change the snapshot name, keep existing one)\n```\n\nSTEP 4: Run a second Percy build with same label and same test command as the baseline.\n- The snapshot names must remain the same as in the baseline.\n- The visual change should now appear in the same snapshot as before.\n- Use the same build command you ran for the baseline.\n\nSTEP 5: Compare the two Percy builds to see the detected visual difference.\n\nSTEP 6: Now ask user if they want to expand percy for other testcases? If yes, call the \"expandPercyVisualTesting\" tool to enable complete coverage for the entire project.\n\nCONSTRAINTS:\n- Do NOT run any builds until explicitly instructed in the steps.\n- Do NOT add new snapshot names\u2014only use existing ones.\n- Do NOT add popup injection until the baseline is established.\n- Visual changes must appear in EXISTING snapshots, not new ones.\n\nVALIDATION CHECKPOINTS (before proceeding to the next step):\n- Are you adding only snapshot commands (not running builds)?\n- Are you reusing existing snapshot names (not creating new ones)?\n- Have you established the baseline first (before adding visual changes)\n\nCRITICAL: \nDo NOT run tests separately or create multiple builds during baseline establishment. The goal is to have exactly TWO builds total: (1) baseline build with all original snapshots, (2) modified build with the same tests but visual changes injected.\n";
+export declare const PERCY_VERIFICATION_REGEX: RegExp;

package/dist/tools/sdk-utils/common/constants.js

@@ -0,0 +1,87 @@
+export const IMPORTANT_SETUP_WARNING = "IMPORTANT: DO NOT SKIP ANY STEP. All the setup steps described below MUST be executed regardless of any existing configuration or setup. This ensures proper BrowserStack SDK setup.";
+export const SETUP_PERCY_DESCRIPTION = "Set up or expand Percy visual testing configuration with comprehensive coverage for existing projects that might have Percy integrated. This supports both Percy Web Standalone and Percy Automate. Example prompts: Expand percy coverage for this project {project_name}";
+export const LIST_TEST_FILES_DESCRIPTION = "Lists all test files for a given set of directories.";
+export const PERCY_SNAPSHOT_COMMANDS_DESCRIPTION = "Adds Percy snapshot commands to the specified test files.";
+export const RUN_ON_BROWSERSTACK_DESCRIPTION = "Set up and run automated web-based tests on BrowserStack using the BrowserStack SDK. Use this tool for functional or integration test setup on BrowserStack only. For any visual testing or Percy integration, use the dedicated Percy setup tool. Example prompts: run this test on browserstack; set up this project for browserstack.";
+export const SIMULATE_PERCY_CHANGE_DESCRIPTION = `Integrate Percy visual testing into new projects and demonstrate visual change detection through a step-by-step simulation. This tool handles initial Percy integration, setup, and creates a working demonstration for new users. Primary tool for prompts like: "Integrate percy for this project", "Integrate percy in this project {project_name}"`;
+export const PERCY_REPLACE_REGEX = /Invoke listTestFiles\(\) with the provided directories[\s\S]*?- DO NOT STOP until you add commands in all the files or you reach end of the files\./;
+export const PERCY_SNAPSHOT_INSTRUCTION = `
+Invoke listTestFiles() with the provided directories from user to gather all test files in memory and obtain the generated UUID ---STEP---
+Process files in STRICT sequential order using tool addPercySnapshotCommands() with below instructions:
+- Start with index 0
+- Then index 1  
+- Then index 2
+- Continue sequentially until the last index
+- DO NOT skip any index numbers
+- DO NOT jump to random indices like 10, 20, 30
+- DO NOT worry about time consuming and any constraints.
+- DO NOT STOP until you add commands in all the files or you reach end of the files.
+`;
+export const PERCY_SIMULATE_INSTRUCTION = `
+MANDATORY: Aggressive, Accurate Percy Snapshots Integration
+
+Prerequisite: Before making any code changes in the user's repository, create and switch to a new branch named browserstack-simulation. Stage all changes but do not commit them. If the repository has not been initialized yet, run git init first.
+
+You MUST follow these steps with NO EXCEPTIONS:
+1. Identify 4-5 key test files in the project that are critical for visual testing.
+2. For EACH identified test file, analyze the code to find EVERY location where a Percy snapshot should be called (e.g., after each navigation, UI change, or significant state in tests).
+3. Insert snapshot calls at ALL such points, not just the first or most obvious one.
+
+Iteratively update every selected test file with percy snapshot calls at all identified points, ensuring comprehensive coverage of visual changes.`;
+export const PERCY_SIMULATION_DRIVER_INSTRUCTION = `
+MANDATORY: Step-by-Step Percy Visual Change Simulation
+You MUST follow these steps with NO EXCEPTIONS:
+
+STEP 1: At this case we have added Percy snapshot commands to the test files at the appropriate locations (e.g., after navigation, UI change, or significant state). 
+- Use ONLY existing snapshot names.
+- Do NOT add any popup injection or visual changes yet.
+- Do NOT run any Percy builds at this stage.
+
+STEP 2: Run ONE comprehensive baseline Percy build that executes ALL tests containing Percy snapshots in a SINGLE build. This creates one baseline build with all snapshots for comparison. Use a command like: npx percy exec --label=mcp -- python -m pytest tests/ -k 'test_name1 or test_name2 or test_name3' -v to run multiple specific tests in one build."
+
+STEP 3: Modify your test to inject a visible UI change (such as a popup) IMMEDIATELY BEFORE an EXISTING snapshot command (e.g., before percy_snapshot(self.driver, "screenshot name")).
+- Do NOT add a new snapshot name for the popup.
+- The popup must appear in an existing snapshot, not a new one.
+- Add this popup code in some test files before the percy_snapshot command you've added, to display the visual changes.
+
+\`\`\`Javascript
+popup_script = \`
+var popup = document.createElement('div');
+popup.id = 'percy-test-popup';
+popup.style.cssText = popup.style.cssText = \`
+  /* TODO: Add styles to make the popup large, centered, and visually noticeable.
+     Suggested properties: position: fixed; top/left; transform; background; color; font-size; padding; z-index; animation, etc. */
+\`;
+popup.innerHTML = 'PERCY TEST<br>VISUAL CHANGE<br>DETECTED!';
+document.body.appendChild(popup);
+\`;
+
+# Insert this just before the EXISTING snapshot command:
+driver.execute_script(popup_script)
+percy_snapshot(self.driver, "Before Adding to Cart")  # (Do NOT change the snapshot name, keep existing one)
+\`\`\`
+
+STEP 4: Run a second Percy build with same label and same test command as the baseline.
+- The snapshot names must remain the same as in the baseline.
+- The visual change should now appear in the same snapshot as before.
+- Use the same build command you ran for the baseline.
+
+STEP 5: Compare the two Percy builds to see the detected visual difference.
+
+STEP 6: Now ask user if they want to expand percy for other testcases? If yes, call the "expandPercyVisualTesting" tool to enable complete coverage for the entire project.
+
+CONSTRAINTS:
+- Do NOT run any builds until explicitly instructed in the steps.
+- Do NOT add new snapshot names—only use existing ones.
+- Do NOT add popup injection until the baseline is established.
+- Visual changes must appear in EXISTING snapshots, not new ones.
+
+VALIDATION CHECKPOINTS (before proceeding to the next step):
+- Are you adding only snapshot commands (not running builds)?
+- Are you reusing existing snapshot names (not creating new ones)?
+- Have you established the baseline first (before adding visual changes)
+
+CRITICAL: 
+Do NOT run tests separately or create multiple builds during baseline establishment. The goal is to have exactly TWO builds total: (1) baseline build with all original snapshots, (2) modified build with the same tests but visual changes injected.
+`;
+export const PERCY_VERIFICATION_REGEX = /\*\*✅ Verification:\*\*\nPlease verify that you have completed all[\s\S]*?double-check each step and ensure all commands executed successfully\./s;

package/dist/tools/sdk-utils/common/device-validator.d.ts

@@ -0,0 +1,25 @@
+export interface DesktopBrowserEntry {
+    os: string;
+    os_version: string;
+    browser: string;
+    browser_version: string;
+}
+export interface MobileDeviceEntry {
+    os: "android" | "ios";
+    os_version: string;
+    display_name: string;
+    browsers?: Array<{
+        browser: string;
+        display_name?: string;
+    }>;
+}
+export interface ValidatedEnvironment {
+    platform: string;
+    osVersion: string;
+    browser?: string;
+    browserVersion?: string;
+    deviceName?: string;
+    notes?: string;
+}
+export declare function validateDevices(devices: Array<Array<string>>, framework?: string): Promise<ValidatedEnvironment[]>;
+export declare function validateAppAutomateDevices(devices: Array<Array<string>>): Promise<ValidatedEnvironment[]>;