![\"BrowserStack](\"assets/browserstack-logo.png\"){kind=logo}
![\"MCP](\"assets/mcp-logo.png\"){kind=logo}
\n \n![\"NPM](\"https://img.shields.io/npm/v/%40browserstack%2Fmcp-server\")
\n\n\nComprehensive Test Platform
\n\n![](\"assets/thumbnail.webp\")
\n \n ![\"Install](\"assets/one-click-vs-code.png\")
![\"Install](\"assets/one-click-cursor.png\")
\n\n#### Note : Ensure you are using Node version >= `18.0` \n- Check your node version using `node --version`. Recommended version: `v22.15.0` (LTS)\n- To Upgrade Node :\n- 1. On macOS `(Homebrew) - brew update && brew upgrade node or if using (nvm) - nvm install 22.15.0 && nvm use 22.15.0 && nvm alias default 22.15.0`\n- 2. On Windows `(nvm-windows) : nvm install 22.15.0 && nvm use 22.15.0`\n- 👉 Or directly download the Node.js LTS Installer\n\n.\n \n## 💡 Usage Examples\n\n### 📱 Manual App Testing\n\nTest mobile apps on real devices across the latest OS versions. Reproduce bugs and debug crashes without setup hassles.\nBelow are some sample prompts to use your mobile apps on BrowserStack's extensive cloud of real devices\n```bash\n# Open app on specific device\n\"open my app on a iPhone 15 Pro Max\"\n\n# Debug app crashes\n\"My app crashed on Android 14 device, can you help me debug?\"\n```\n\n- Unlike emulators, test your app's real-world performance on actual devices. With advanced [App-Profiling features](https://www.browserstack.com/docs/app-live/app-performance-testing), you can debug crashes and performance issues in real-time.\n- Access all major devices and OS versions from our [device grid](https://www.browserstack.com/list-of-browsers-and-platforms/app_live), We have strict SLAs to provision our global datacenters with newly released devices on [launch day](https://www.browserstack.com/blog/browserstack-launches-iphone-15-on-day-0-behind-the-scenes/).\n\n### 🌐 Manual Web Testing\n\nSimilar to the app testing, you can use the following prompts to test your **websites** on BrowserStack's extensive cloud of real browsers and devices. Don't have Edge browser installed on your machine ? We've got you covered!\n\n```bash\n# Test your websites\n\"open my website hosted on localhost:3001 on Edge\"\n\"open browserstack.com on latest version of Chrome\"\n```\n\n- Test websites across different browsers and devices. We support [every major browser](https://www.browserstack.com/list-of-browsers-and-platforms/live) across every major OS.\n- Seamlessly test websites hosted locally on your machine, no need to deploy to a remote server!\n\n### 🧪 Automated Testing (Playwright, Selenium, A11y and more..)\n\nAuto-analyze, diagnose, and even fix broken test scripts right in your IDE or LLM. Instantly fetch logs, identify root causes, and apply context-aware fixes. No more debugging loops.\nBelow are few example prompts to run/debug/fix your automated tests on BrowserStack's [Test Platform](https://www.browserstack.com/test-platform).\n\n> **Note:** When fetching Root Cause Analysis (RCA) for a test, the server returns the suggested fix as a proposal only. It never applies code changes automatically — your assistant must present the suggestion and wait for your explicit approval before editing any files.\n\n```bash\n#Port test suite to BrowserStack\n\"Setup test suite to run on BrowserStack infra\"\n\n#Run tests on BrowserStack\n“Run my tests on BrowserStack”\n\n#AI powered debugging of test failures\n\"My App Automate tests have failed, can you help me fix the new failures?\"\n\n```\n- Fix test failures reported by your CI/CD pipeline by utilising our industry leading [Test Observability](https://www.browserstack.com/docs/test-observability) features. Find more info [here](https://www.browserstack.com/docs/test-observability/features/smart-tags).\n- Run tests written in Jest, Playwright, Selenium, and more on BrowserStack's [Test Platform](https://www.browserstack.com/test-platform)\n\n### 🌐 Accessibility\n\nCatch accessibility issues early with automated, local a11y scans. Get one-click, AI-suggested fixes. No docs hunting, no CI surprises. Ensure WCAG and ADA compliance with our Accessibility Testing tool\n\n```bash\n#Scan accessibility issues while development\n\"Scan & help fix accessibility issues for my website running locally on localhost:3000\"\n\n#Scan accessibility issues on production site\n“Run accessibility scan & identify issues on my website - www.bstackdemo.com”\n\n```\n\n### 📋 Test Management \n\nCreate and manage test cases, create test plans and trigger test runs using natural language. Below are a few example prompts to utilise capabilities of BrowserStack's [Test Management](https://www.browserstack.com/test-management) with MCP server.\n\n```bash\n# Create project & folder structure\n\"create new Test management project named My Demo Project with two sub folders - Login & Checkout\"\n\n# Add test cases\n\"add invalid login test case in Test Management project named My Demo Project\"\n\n# List added test cases \n\"list high priority Login test cases from Test Management project - My Demo Project\"\n\n# Create test run\n\"create a test run for Login tests from Test Management project - My Demo Project\"\n\n# Update test results\n\"update test results as passed for Login tests test run from My Demo Project\"\n```\n\n### 🧪 Access BrowserStack AI agents \n\nGenerate test cases from PRDs, convert manual tests to low-code automation, and auto-heal flaky scripts powered by BrowserStack’s AI agents, seamlessly integrated into your workflow. Below are few example prompts to access Browserstack AI agents\n\n```bash\n#Test case generator agent\n\"With Browserstack AI, create relevant test cases for my PRD located at /usr/file/location\"\n\n\n#Low code authoring agent\n“With Browserstack AI, automate my manual test case X, added in Test Management”\n\n\n#Self healing agent\n“Help fix flaky tests in my test script with Browserstack AI self healing”\n```\n\n\n## 🛠️ Installation\n\n### 📋 Prerequisites for MCP Setup\n#### Note : Ensure you are using Node version >= `18.0` \n- Check your node version using `node --version`. Recommended version: `v22.15.0` (LTS)\n \n### **One Click MCP Setup**\n\nClick on the buttons below to install MCP in your respective IDE:\n\n \n\n### **Alternate ways to Setup MCP server**\n\n1. **Create a BrowserStack Account**\n\n - Sign up for [BrowserStack](https://www.browserstack.com/users/sign_up) if you don't have an account already.\n\n - ℹ️ If you have an open-source project, we'll be able to provide you with a [free plan](https://www.browserstack.com/open-source).\n \n\n - Once you have an account (and purchased appropriate plan), note down your `username` and `access_key` from [Account Settings](https://www.browserstack.com/accounts/profile/details).\n\n2. #### Note : Ensure you are using Node version >= `18.0` \n - Check your node version using `node --version`. Recommended version: `v22.15.0` (LTS)\n \n\n3. **Install the MCP Server**\n\n - VSCode (Copilot - Agent Mode): `.vscode/mcp.json`:\n \n - Locate or Create the Configuration File: \n In the root directory of your project, look for a folder named .vscode. This folder is usually hidden so you will need to find it as mentioned in the expand.\n \n - If this folder doesn't exist, create it.\n \n - Inside the .vscode folder, create a new file named mcp.json\n \n - Add the Configuration: Open the mcp.json file and then add the following JSON content. \n \n - Replace the username and ![\"Select](\"assets/select_tools.png\")
\n ![\"Add](\"assets/add_mcp_server.png\")
\n ![\"Select](\"assets/select_npm_package.png\")
\n ![\"Enter](\"assets/enter_npm_package.png\")
\n ![\"Remote](\"assets/remotemcp_json_file.png\")
\n \n \n ![\"HTTP](\"assets/http_option.png\")
\n ![\"Remote](\"assets/server_url.png\")
\n ![\"Remote](\"assets/server_id.png\")
\n ![\"authentication1\"](\"assets/authentication1.png\")
\n ![\"authentication2\"](\"assets/authentication2.png\")
\n ![\"Sign_in_success\"](\"assets/signin_success.png\")
\n