BrowserStack

offiziell

Bringen Sie die volle Leistungsfähigkeit der BrowserStack-Testplattform in Ihre KI-Tools, um das Testen für jeden Entwickler und Tester in Ihrem Team schneller und einfacher zu machen.

Was kann man mit BrowserStack MCP machen?

  • Manuelles App-Testen auf echten Geräten — Bitten Sie darum, Ihre App auf einem bestimmten Gerät wie einem iPhone 15 Pro Max zu öffnen, oder debuggen Sie Abstürze auf Android 14 über runAppLiveSession.
  • Browserübergreifendes Website-Testen — Starten Sie Live-Sitzungen für lokale oder öffentliche Websites auf jeder Browser-/OS-Kombination, z. B. „öffne browserstack.com im neuesten Chrome“ mit runBrowserLiveSession.
  • Automatisierte Testausführung und Debugging — Führen Sie Selenium-, Playwright- oder Appium-Suiten auf der BrowserStack-Infrastruktur aus und rufen Sie dann Fehlerprotokolle und Ursachenanalysen über getFailureLogs und fetchRCA ab.
  • Testfall- und Ausführungsverwaltung — Erstellen Sie Projekte, Ordner, Testfälle und Testläufe und aktualisieren Sie dann Ergebnisse mithilfe natürlicher Sprache über createTestCase und addTestResult.
  • Barrierefreiheits-Scanning mit KI-Fixes — Scannen Sie lokale oder Produktionswebsites auf WCAG-Probleme und erhalten Sie vorgeschlagene Korrekturen über startAccessibilityScan und fetchAccessibilityIssues.
  • KI-gestützte Testgenerierung und Self-Healing — Generieren Sie Testfälle aus PRDs, konvertieren Sie manuelle Tests in Low-Code-Automatisierung und beheben Sie instabile Selektoren mit createLCASteps und fetchSelfHealedSelectors.

Dokumentation

BrowserStack MCP Server

BrowserStack Logo MCP Server Logo

Umfassende Testplattform

Verwalten Sie Testfälle, führen Sie manuelle oder automatisierte Tests aus, debuggen Sie Probleme und beheben Sie sogar Code – direkt in Tools wie Cursor, Claude oder jedem MCP-fähigen Client, und das in einfachem Englisch.

Von überall testen:

Verbinden Sie die BrowserStack-Testplattform ganz einfach mit Ihren bevorzugten KI-Tools wie IDEs, LLMs oder agentischen Workflows.

Mit natürlicher Sprache testen:

Verwalten, ausführen und debuggen Sie Tests und beheben Sie sogar Code mithilfe von einfachen englischen Eingabeaufforderungen.

Weniger Kontextwechsel:

Bleiben Sie im Flow – behalten Sie den gesamten Projektkontext an einem Ort und lösen Sie Aktionen direkt aus Ihrer IDE oder Ihrem LLM aus.

⚡️ MCP-Setup mit einem Klick

Klicken Sie auf die Schaltflächen unten, um MCP in Ihrer jeweiligen IDE zu installieren:

Install in VS Code   Install in Cursor

Hinweis: Der gehostete Remote-MCP-Server (mcp.browserstack.com) ist jetzt vollständig zustandslos über Streamable HTTP – jeder Streamable-HTTP-Client (Claude, Cursor, VS Code, ChatGPT) verbindet sich ohne Konfigurationsänderung.

Hinweis: Stellen Sie sicher, dass Sie Node-Version >= 18.0 verwenden

  • Überprüfen Sie Ihre Node-Version mit node --version. Empfohlene Version: v22.15.0 (LTS)
  • So aktualisieren Sie Node:
    1. Auf 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
    1. Auf Windows (nvm-windows) : nvm install 22.15.0 && nvm use 22.15.0
  • 👉 Oder laden Sie direkt den Node.js-LTS-Installer herunter

.

💡 Verwendungsbeispiele

📱 Manuelles App-Testen

Testen Sie mobile Apps auf echten Geräten mit den neuesten Betriebssystemversionen. Reproduzieren Sie Fehler und debuggen Sie Abstürze ohne Einrichtungsaufwand. Im Folgenden finden Sie einige Beispielaufforderungen zur Verwendung Ihrer mobilen Apps auf der umfangreichen Cloud echter Geräte von BrowserStack

# Open app on specific device
"open my app on a iPhone 15 Pro Max"

# Debug app crashes
"My app crashed on Android 14 device, can you help me debug?"
  • Testen Sie im Gegensatz zu Emulatoren die reale Leistung Ihrer App auf echten Geräten. Mit den erweiterten App-Profiling-Funktionen können Sie Abstürze und Leistungsprobleme in Echtzeit debuggen.
  • Greifen Sie über unser Geräte-Raster auf alle wichtigen Geräte und Betriebssystemversionen zu. Wir haben strenge SLAs, um unsere globalen Rechenzentren am Veröffentlichungstag mit neu veröffentlichten Geräten auszustatten.

🌐 Manuelles Web-Testen

Ähnlich wie beim App-Testen können Sie die folgenden Aufforderungen verwenden, um Ihre Websites auf der umfangreichen Cloud echter Browser und Geräte von BrowserStack zu testen. Haben Sie den Edge-Browser nicht auf Ihrem Rechner installiert? Kein Problem!

# Test your websites
"open my website hosted on localhost:3001 on Edge"
"open browserstack.com on latest version of Chrome"
  • Testen Sie Websites in verschiedenen Browsern und auf verschiedenen Geräten. Wir unterstützen jeden gängigen Browser auf jedem gängigen Betriebssystem.
  • Testen Sie nahtlos Websites, die lokal auf Ihrem Rechner gehostet werden – keine Bereitstellung auf einem Remote-Server erforderlich!

🧪 Automatisiertes Testen (Playwright, Selenium, A11y und mehr)

Analysieren, diagnostizieren und beheben Sie fehlerhafte Testskripte automatisch direkt in Ihrer IDE oder Ihrem LLM. Rufen Sie sofort Protokolle ab, identifizieren Sie Ursachen und wenden Sie kontextbezogene Korrekturen an. Keine Debugging-Schleifen mehr. Im Folgenden finden Sie einige Beispielaufforderungen zum Ausführen/Debuggen/Beheben Ihrer automatisierten Tests auf der Testplattform von BrowserStack.

Hinweis: Beim Abrufen der Ursachenanalyse (Root Cause Analysis, RCA) für einen Test gibt der Server den vorgeschlagenen Fix nur als Vorschlag zurück. Er wendet Codeänderungen niemals automatisch an – Ihr Assistent muss den Vorschlag präsentieren und auf Ihre ausdrückliche Genehmigung warten, bevor er Dateien bearbeitet.

#Port test suite to BrowserStack
"Setup test suite to run on BrowserStack infra"

#Run tests on BrowserStack
“Run my tests on BrowserStack”

#AI powered debugging of test failures
"My App Automate tests have failed, can you help me fix the new failures?"

  • Beheben Sie Testfehler, die von Ihrer CI/CD-Pipeline gemeldet werden, mithilfe unserer branchenführenden Test-Observability-Funktionen. Weitere Informationen finden Sie hier.
  • Führen Sie Tests aus, die in Jest, Playwright, Selenium und mehr geschrieben wurden, auf der Testplattform von BrowserStack.

🌐 Barrierefreiheit

Erkennen Sie Barrierefreiheitsprobleme frühzeitig mit automatisierten, lokalen A11y-Scans. Erhalten Sie KI-vorgeschlagene Korrekturen mit einem Klick. Kein Suchen in Dokumentationen, keine CI-Überraschungen. Stellen Sie die WCAG- und ADA-Konformität mit unserem Barrierefreiheitstest-Tool sicher.

#Scan accessibility issues while development
"Scan & help fix accessibility issues for my website running locally on localhost:3000"

#Scan accessibility issues on production site
“Run accessibility scan & identify issues on my website - www.bstackdemo.com”

📋 Testmanagement

Erstellen und verwalten Sie Testfälle, erstellen Sie Testpläne und lösen Sie Testläufe mithilfe natürlicher Sprache aus. Im Folgenden finden Sie einige Beispielaufforderungen zur Nutzung der Funktionen des Testmanagements von BrowserStack mit dem MCP-Server.

# Create project & folder structure
"create new Test management project named My Demo Project with two sub folders - Login & Checkout"

# Add test cases
"add invalid login test case in Test Management project named My Demo Project"

# List added test cases 
"list high priority Login test cases from Test Management project - My Demo Project"

# Create test run
"create a test run for Login tests from Test Management project - My Demo Project"

# Update test results
"update test results as passed for Login tests test run from My Demo Project"

🧪 Zugriff auf BrowserStack-KI-Agenten

Generieren Sie Testfälle aus PRDs, konvertieren Sie manuelle Tests in Low-Code-Automatisierung und heilen Sie fehlerhafte Skripte automatisch – unterstützt von den KI-Agenten von BrowserStack, nahtlos in Ihren Workflow integriert. Im Folgenden finden Sie einige Beispielaufforderungen für den Zugriff auf die BrowserStack-KI-Agenten.

#Test case generator agent
"With Browserstack AI, create relevant test cases for my PRD located at /usr/file/location"


#Low code authoring agent
“With Browserstack AI, automate my manual test case X, added in Test Management”


#Self healing agent
“Help fix flaky tests in my test script with Browserstack AI self healing”

🛠️ Installation

📋 Voraussetzungen für das MCP-Setup

Hinweis: Stellen Sie sicher, dass Sie Node-Version >= 18.0 verwenden

  • Überprüfen Sie Ihre Node-Version mit node --version. Empfohlene Version: v22.15.0 (LTS)

MCP-Setup mit einem Klick

Klicken Sie auf die Schaltflächen unten, um MCP in Ihrer jeweiligen IDE zu installieren:

Install in VS Code   Install in Cursor

Alternative Möglichkeiten zum Einrichten des MCP-Servers

  1. Erstellen Sie ein BrowserStack-Konto

    • Registrieren Sie sich bei BrowserStack, falls Sie noch kein Konto haben.

    • ℹ️ Wenn Sie ein Open-Source-Projekt haben, können wir Ihnen einen kostenlosen Plan anbieten.

    • Sobald Sie ein Konto haben (und einen geeigneten Plan erworben haben), notieren Sie sich Ihre username und access_key aus den Kontoeinstellungen.

  2. Hinweis: Stellen Sie sicher, dass Sie Node-Version >= 18.0 verwenden

    • Überprüfen Sie Ihre Node-Version mit node --version. Empfohlene Version: v22.15.0 (LTS)
  3. Installieren Sie den MCP-Server

    • VSCode (Copilot – Agentenmodus): .vscode/mcp.json:

      • Suchen oder erstellen Sie die Konfigurationsdatei: Suchen Sie im Stammverzeichnis Ihres Projekts nach einem Ordner namens .vscode. Dieser Ordner ist normalerweise ausgeblendet, daher müssen Sie ihn wie im erweiterten Abschnitt beschrieben finden.

      • Wenn dieser Ordner nicht existiert, erstellen Sie ihn.

      • Erstellen Sie im Ordner .vscode eine neue Datei mit dem Namen mcp.json

      • Fügen Sie die Konfiguration hinzu: Öffnen Sie die Datei mcp.json und fügen Sie den folgenden JSON-Inhalt hinzu.

      • Ersetzen Sie den Benutzernamen und <access_key> durch Ihre BrowserStack-Anmeldeinformationen.

    {
      "servers": {
        "browserstack": {
          "command": "npx",
          "args": ["-y", "@browserstack/mcp-server@latest"],
          "env": {
            "BROWSERSTACK_USERNAME": "<username>",
            "BROWSERSTACK_ACCESS_KEY": "<access_key>"
          }
        }
      }
    }
    
    • Stellen Sie in VSCode sicher, dass Sie auf die Schaltfläche Start im MCP-Server klicken, um den Server zu starten. Start MCP Server

    **Alternative Möglichkeit zum Einrichten von MCP auf VSCode Copilot

    1. Klicken Sie auf das Zahnradsymbol, um Tools auszuwählen
    Select Tools
    2. Ein Tool-Menü erscheint oben in der Mitte. Scrollen Sie im Menü nach unten und klicken Sie dann auf „MCP-Server hinzufügen"
    Add MCP Server
    3. Wählen Sie die Option „NPM-Paket" (Installieren aus einem NPM-Paket) – die 3. in der Liste
    Select NPM Package
    4. Geben Sie den NPM-Paketnamen ein (@browserstack/mcp-server)
    Enter NPM Package
    5. Geben Sie den BrowserStack-Benutzernamen und den Zugriffsschlüssel ein
    • Für Cursor: .cursor/mcp.json:
    {
      "mcpServers": {
        "browserstack": {
          "command": "npx",
          "args": ["-y", "@browserstack/mcp-server@latest"],
          "env": {
            "BROWSERSTACK_USERNAME": "<username>",
            "BROWSERSTACK_ACCESS_KEY": "<access_key>"
          }
        }
      }
    }
    
    • Claude Desktop: ~/claude_desktop_config.json:
    {
      "mcpServers": {
        "browserstack": {
          "command": "npx",
          "args": ["-y", "@browserstack/mcp-server@latest"],
          "env": {
            "BROWSERSTACK_USERNAME": "<username>",
            "BROWSERSTACK_ACCESS_KEY": "<access_key>"
          }
        }
      }
    }
    
    • Cline

Klicken Sie auf das Symbol „MCP-Server" in der Navigationsleiste Wählen Sie die Registerkarte „Installiert". Klicken Sie unten im Bereich auf die Schaltfläche „MCP-Server konfigurieren".

{
  "mcpServers": {
    "browserstack": {
      "command": "npx",
      "args": ["-y", "@browserstack/mcp-server@latest"],
      "env": {
        "BROWSERSTACK_USERNAME": "<username>",
        "BROWSERSTACK_ACCESS_KEY": "<access_key>"
      }
    }
  }
}

Datei- und App-Uploads: Tools, die eine lokale Datei/App hochladen (uploadProductRequirementFile, takeAppScreenshot, runAppTestsOnBrowserStack, runAppLiveSession), erfordern die Umgebungsvariable MCP_UPLOAD_BASE_DIR, die auf ein Verzeichnis mit diesen Dateien gesetzt ist; Uploads sind auf dieses Verzeichnis beschränkt.

💡 Liste der BrowserStack-MCP-Tools

Derzeit unterstützen wir 46 Tools.

Remote-MCP-Hinweis: Tools, die mit (nicht in Remote-MCP verfügbar) gekennzeichnet sind, basieren auf lokalem Datei-/Prozessstatus und sind im mandantenfähigen Remote-MCP-Server deaktiviert. Sie sind im lokalen (npx-)Setup verfügbar.


🧾 Testmanagement

  1. createProjectOrFolder — Erstellen Sie ein Testmanagement-Projekt und/oder Ordner zur Organisation von Testfällen. Gibt die Ordner-ID, Projekt-ID und den Testmanagement-Link für den Zugriff auf das TM-Projekt-Dashboard zurück. Beispielaufforderung
Create a new Test Management project named 'Shopping App' with two folders - Login and Checkout
  1. createTestCase — Fügen Sie einen manuellen Testfall unter einem bestimmten Projekt/Ordner hinzu (verwendet eine Projektkennung wie PR-xxxxx und eine Ordner-ID). Beispielaufforderung
Add a test case named 'Invalid Login Scenario' to the Login folder in the 'Shopping App' project with PR-53617, Folder ID: 117869
  1. updateTestCase — Aktualisieren Sie einen vorhandenen Testfall. Jede Teilmenge der Felder kann geändert werden (Name, Priorität, Status, Schritte, Tags usw.); nur die angegebenen Felder werden geändert. Beispielaufforderung
Update test case TC-482 in the 'Shopping App' project and set its priority to high
  1. listTestCases — Listen Sie Testfälle für ein Projekt auf, optional eingeschränkt auf einen Ordner (unterstützt Filter wie case_type, Priorität und Paginierung). Beispielaufforderung
List all high-priority test cases in the 'Shopping App' project with project_identifier: PR-59457
  1. listFolders — Listen Sie Ordner in einem Testmanagement-Projekt auf (gibt die ID, den Namen, die Testfallanzahl und die Unterordneranzahl jedes Ordners zurück). Übergeben Sie eine parent_id, um Unterordner aufzulisten. Beispielaufforderung
List all folders in the 'Shopping App' project with project_identifier: PR-59457
  1. listTestCaseTemplates — Listen Sie Testfallvorlagen mit ihrer numerischen template_id auf, zur Verwendung mit createTestCase zum Anwenden einer benutzerdefinierten Vorlage. Beispielaufforderung
List the available test case templates in the 'Shopping App' project
  1. createTestRun — Erstellen Sie einen Testlauf (Suite) für ausgewählte Testfälle in einem Projekt. Beispielaufforderung
Create a test run for the Login folder in the 'Shopping App' project and name it 'Release v1.0 Login Flow'
  1. listTestRuns — Listen Sie Testläufe für ein Projekt auf (filtern Sie nach Daten, Bearbeiter, Status). Beispielaufforderung
List all test runs from the 'Shopping App' project that were executed last week and are currently marked in-progress
  1. updateTestRun — Aktualisieren Sie den Namen/Status eines Testlaufs und/oder fügen Sie Testfälle hinzu. Beispielaufforderung
Update test run ID 1043 in the 'Shopping App' project and mark it as complete with the note 'Regression cycle done'
  1. addTestResult — Fügen Sie ein manuelles Ausführungsergebnis (bestanden/fehlgeschlagen/blockiert/übersprungen) für einen Testfall innerhalb eines Laufs hinzu. Beispielaufforderung
Mark the test case 'Invalid Login Scenario' as passed in test run ID 1043 of the 'Shopping App' project
  1. createTestCasesFromFile — Generieren Sie Testfälle in großen Mengen aus einer hochgeladenen Datei mithilfe des KI-Agenten zur Testfallgenerierung. (nicht in Remote-MCP verfügbar) Beispielaufforderung
Upload test cases from '/Users/xyz/testcases.pdf' to the 'Shopping App' project in Test Management
  1. listTestPlans — Listen Sie Testpläne (TP-*) in einem Projekt auf, mit Name, Status, Daten und Anzahl aktiver/geschlossener Läufe. Unterstützt Paginierung. Beispielaufforderung
List all test plans in the 'Shopping App' project with project_identifier: PR-59457
  1. getTestPlan — Rufen Sie einen Testplan anhand der Kennung (TP-*) mit seinen Metadaten, verknüpften Testläufen, der Gesamtzahl der Testfälle und einer Statusübersicht ab. Beispielaufforderung
Get the details of test plan TP-120 in the 'Shopping App' project
  1. listSubTestPlans — Listen Sie Untertestpläne (STP-) unter einem übergeordneten Testplan (TP-) auf. Unterstützt Paginierung. Beispielaufforderung
List sub-test-plans under test plan TP-120 in the 'Shopping App' project
  1. getSubTestPlan — Rufen Sie einen Untertestplan (STP-*) unter einem übergeordneten Plan mit seinen Metadaten und verknüpften Testläufen ab. Beispielaufforderung
Get sub-test-plan STP-45 under test plan TP-120 in the 'Shopping App' project

⚙️ BrowserStack-SDK-Setup / Automatisiertes Testen

  1. setupBrowserStackAutomateTests — Integrieren Sie das BrowserStack-SDK und führen Sie Webtests auf BrowserStack aus. Für visuelles Testen/Percy verwenden Sie die dedizierten Percy-Tools. Beispielaufforderung
Run my Selenium-JUnit5 tests written in Java on Chrome and Firefox.
  1. fetchAutomationScreenshots — Rufen Sie Screenshots ab, die während einer bestimmten Automate/App-Automate-Sitzung aufgenommen wurden. Beispielaufforderung
Get screenshots from Automate session ID abc123xyz for my desktop test run
  1. listSessions — Listen Sie die Sitzungen in einem Automate/App-Automate-Build auf. Jeder Datensatz enthält sessionId, name, status, os, osVersion, browser, device, browserUrl (Dashboard-Link) und videoUrl, mit optionalem limit / offset-Paging und einem clientseitigen status-Filter. Akzeptiert entweder die gehashte Build-ID aus der Dashboard-URL oder die Observability-Build-ID, die von getBuildId / listBuildId zurückgegeben wird – eine Observability-ID wird automatisch über die Sitzungen des Builds in die gehashte ID aufgelöst. Die zurückgegebenen sessionId-Werte funktionieren mit getFailureLogs, fetchAutomationScreenshots und fetchSelfHealedSelectors. Beispielaufforderung
List sessions for Automate hashed build ID <hashed build id>

🔍 Observability

  1. getFailureLogs — Fehlerprotokolle für Automate/App-Automate-Sitzungen abrufen. App-Automate-Protokoll-Endpunkte sind build-bezogen, daher ist dort eine gehashte Build-ID erforderlich — geben Sie eine an, falls Sie eine haben, andernfalls wird sie automatisch aus der Sitzung aufgelöst. Promptbeispiel
Get the Appium logs for App Automate session ID <session id>
  1. fetchBuildInsights — Einblicke in einen BrowserStack-Build abrufen, indem Build-Details und Qualitätsgate-Ergebnisse kombiniert werden. Enthält hashed_id (die gehashte Build-ID, die listSessions verwendet) und session_type, aufgelöst über die Sitzungen des Builds, wenn der Build auf Automate / App Automate ausgeführt wurde. Promptbeispiel
Get the build insights for build UUID <your-build-uuid> on BrowserStack

📱 App Live

  1. runAppLiveSession — Eine manuelle App-Testsitzung auf einem echten Gerät in der Cloud starten. Promptbeispiel
Open my app on iPhone 15 Pro Max with iOS 17. App path is /Users/xyz/app.ipa

💻 Live

  1. runBrowserLiveSession — Eine Live-Sitzung für Website-Tests auf Desktop- oder Mobilbrowsern starten. Promptbeispiel
Open www.google.com on the latest version of Microsoft Edge on Windows 11

📲 App Automate

  1. takeAppScreenshot — Die App auf einem bestimmten Gerät starten und einen schnellen Verifizierungsscreenshot aufnehmen, um zu bestätigen, dass die App gestartet wurde. Promptbeispiel
Take a screenshot of my app on Google Pixel 6 with Android 12 while testing on App Automate. App file path: /Users/xyz/app-debug.apk
  1. runAppTestsOnBrowserStack — Vorgefertigte native mobile Test-Suiten (Espresso/XCUITest) durch direkten Upload kompilierter .apk/.ipa-Testdateien ausführen. Promptbeispiel
Run Espresso tests from /tests/checkout.zip on Galaxy S21 and Pixel 6 with Android 12. App path is /apps/beta-release.apk under project 'Checkout Flow'
  1. setupBrowserStackAppAutomateTests — BrowserStack App Automate SDK-Integration für Appium-basierte mobile App-Tests einrichten. Promptbeispiel
Set up my Appium test suite to run on BrowserStack App Automate

♿ Barrierefreiheit

  1. accessibilityExpert — Den A11y-Experten (WCAG 2.0/2.1/2.2, mobile/Web-Usability, Best Practices) fragen. Promptbeispiel
What WCAG guidelines apply to form field error messages on mobile web?
  1. startAccessibilityScan — Einen Web-Barrierefreiheits-Scan starten und einen lokalen CSV-Berichtspfad abrufen. Promptbeispiel
Run accessibility scan for "www.example.com"
  1. createAccessibilityAuthConfig — Eine Authentifizierungskonfiguration (formularbasiert oder Basis) für Barrierefreiheits-Scans hinter einem Login erstellen. Promptbeispiel
Create a basic-auth accessibility config named 'site-login' for https://www.example.com with username testuser and password <password>
  1. getAccessibilityAuthConfig — Eine vorhandene Barrierefreiheits-Authentifizierungskonfiguration per ID abrufen. Promptbeispiel
Get accessibility auth config with ID <config-id>
  1. fetchAccessibilityIssues — Barrierefreiheitsprobleme aus einem abgeschlossenen Scan mit Paginierungsunterstützung abrufen. Promptbeispiel
Fetch the accessibility issues for scan ID <scan-id> and scan run ID <scan-run-id>

🎨 Percy Visual Testing

  1. percyVisualTestIntegrationAgent — Percy Visual Testing in ein neues Projekt integrieren und die Erkennung visueller Änderungen mit einer Schritt-für-Schritt-Simulation demonstrieren. Promptbeispiel
Integrate Percy for this project
  1. expandPercyVisualTesting — Percy Visual Testing-Abdeckung für bestehende Projekte einrichten oder erweitern (Percy Web Standalone und Percy Automate). Promptbeispiel
Expand Percy coverage for this project
  1. addPercySnapshotCommands — Percy-Snapshot-Befehle zu den angegebenen Testdateien hinzufügen. (nicht im Remote-MCP verfügbar) Promptbeispiel
Add Percy snapshot commands to my Cypress test files
  1. listTestFiles — Alle Testdateien für eine bestimmte Gruppe von Verzeichnissen auflisten. (nicht im Remote-MCP verfügbar) Promptbeispiel
List the test files under my ./tests directory
  1. runPercyScan — Einen Percy-Visual-Test-Scan ausführen. (nicht im Remote-MCP verfügbar) Promptbeispiel
Run this Percy build
  1. fetchPercyChanges — Visuelle Änderungen abrufen und zusammenfassen, die von Percy AI zwischen dem letzten und dem vorherigen Build erkannt wurden. Promptbeispiel
Summarize the visual changes Percy detected in my latest build
  1. managePercyBuildApproval — Einen Percy-Build genehmigen oder ablehnen. Promptbeispiel
Approve the latest Percy build

🤖 BrowserStack AI Agents

  1. uploadProductRequirementFile — Ein PRD/Screenshot/PDF hochladen und eine Dateizuordnungs-ID erhalten (verwendet mit createTestCasesFromFile). (nicht im Remote-MCP verfügbar) Promptbeispiel
Upload PRD from /Users/xyz/Desktop/login-flow.pdf and use BrowserStack AI to generate test cases
  1. createLCASteps — Low Code Automation (LCA)-Schritte aus einem manuellen Testfall im Test Management generieren. Promptbeispiel
Convert the manual test case 'Add to Cart' in the 'Shopping App' project into LCA steps
  1. fetchSelfHealedSelectors — KI-self-healed Selektoren (plus Testquelle) abrufen, um fehlerhafte Tests zu beheben, die durch DOM-Änderungen verursacht wurden. Promptbeispiel
Fetch and fix flaky test selectors in Automate session ID session_9482 using MCP
  1. prepareSelfHealingPlan — Einen Self-Healing-Bearbeitungsplan erstellen, der Locator-Paare mit Testquelle für Ihre LLM bündelt. Ändert selbst keine Dateien. Promptbeispiel
Prepare a self-healing plan from the self-healed selectors for my build
  1. fetchRCA — KI-Root-Cause-Analyse für fehlgeschlagene Automate/App-Automate-Tests abrufen (per numerischer Test-ID). Schlägt nur Korrekturen vor; wendet nie automatisch an. Promptbeispiel
Fetch the root cause analysis for failed test IDs 101 and 102 on BrowserStack
  1. getBuildId — Die BrowserStack-Build-ID für ein bestimmtes Projekt und einen Build-Namen abrufen, begrenzt auf Ihre Builds. Promptbeispiel
Get the build ID for build 'nightly-regression' in project 'Checkout Flow'
  1. listBuildId — Die neueste Build-ID für ein Projekt und einen Build-Namen abrufen, über alle Benutzer hinweg (kein Benutzerfilter). Promptbeispiel
Get the latest build ID for build 'nightly-regression' in project 'Checkout Flow'
  1. listTestIds — Die Tests in einem BrowserStack-Build (Automate oder App Automate) mit den status und session_id jedes Tests auflisten, optional nach Status gefiltert (bestanden/fehlgeschlagen/ausstehend/übersprungen). Der session_id speist getFailureLogs und fetchAutomationScreenshots direkt. Promptbeispiel
List the failed test IDs from build UUID <your-build-uuid> on BrowserStack
  1. askBrowserStackAI (Alpha, begrenzte Verfügbarkeit) — Eine mehrstufige Aufgabe in einfacher Sprache an den BrowserStack-Agenten übergeben; er entscheidet, welche Aufrufe er tätigt, und gibt die Antwort sowie die ausgeführten Schritte zurück. Deckt Test Management und Test Reporting & Analytics ab. Alles, was Daten ändern würde, pausiert für Ihre Bestätigung in Ihrem eigenen Client; Löschungen werden grundsätzlich abgelehnt. Erfordert, dass das Konto angemeldet ist — andernfalls wird ein Berechtigungsfehler zurückgegeben und nichts ausgeführt. Promptbeispiel
Find all payment test cases in project Shopping App and add the 'regression' tag to them

🚀 Remote-MCP-Server

Remote-MCP bietet alle Funktionen eines MCP-Servers ohne den Aufwand einer komplexen Einrichtung oder lokalen Installation.

Hauptvorteile:

  • ✅ Funktioniert nahtlos in Unternehmensnetzwerken, ohne sich um Firewalls oder Binärdateien kümmern zu müssen oder wo lokale Installationen nicht erlaubt sind.

  • ✅ Sichere OAuth-Integration – kein Passwort-Teilen oder manuelle Anmeldedatenverwaltung.

Einschränkungen:

  • ❌ Keine Unterstützung für lokale Tests (Apps hinter VPNs, Firewalls oder localhost können nicht getestet werden). Wenn Sie lokale Tests durchführen müssen, müssten Sie einen BrowserStack Local MCP-Server verwenden.
  • ❌ Die Latenz kann etwas höher sein, aber nichts Erhebliches — Sie werden es im normalen Gebrauch in der Regel nicht bemerken.

Installationsschritte:

  • Auf VSCode (Copilot - Agent-Modus): .vscode/mcp.json:

    • Konfigurationsdatei suchen oder erstellen:

    • Suchen Sie im Stammverzeichnis Ihres Projekts nach einem Ordner namens .vscode. Dieser Ordner ist normalerweise versteckt, daher müssen Sie ihn finden, wie in der Erweiterung erwähnt.

    • Wenn dieser Ordner nicht existiert, erstellen Sie ihn.

    • Erstellen Sie im Ordner .vscode eine neue Datei mit dem Namen mcp.json

    • Um Remote-BrowserStack-MCP anstelle von lokalem BrowserStack-MCP einzurichten, können Sie den folgenden JSON-Inhalt hinzufügen:

      Remote MCP JSON file

      Alternative Möglichkeit zur Einrichtung von Remote-MCP

    • Schritt 1. Klicken Sie auf das Zahnradsymbol, um Tools auszuwählen

      Select Tools
    • Schritt 2. Ein Tool-Menü erscheint oben in der Mitte, scrollen Sie im Menü nach oben und klicken Sie dann auf Add MCP Server

    Add MCP Server
    • Schritt 3. Klicken Sie auf die HTTP-Option

      HTTP Option
    • Schritt 4. Fügen Sie die Remote-MCP-Server-URL ein: https://mcp.browserstack.com/mcp

      Remote MCP Server URL
    • Schritt 5. Geben Sie die Server-ID als: browserstack an

      Remote MCP Server ID
    • Schritt 6. Klicken Sie in VSCode auf Start MCP Server und dann auf "Allow"

      authentication1
      authentication2
      Sign_in_success

🤝 Empfohlene MCP-Clients

  • Wir empfehlen Github Copilot oder Cursor für automatisierte Test- und Debugging-Anwendungsfälle.
  • Für manuelle Testfälle (Live-Tests) empfehlen wir Claude Desktop.

⚠️ Wichtige Hinweise

  • Der BrowserStack MCP-Server befindet sich in aktiver Entwicklung und unterstützt derzeit eine Teilmenge der MCP-Spezifikation. Weitere Funktionen werden bald hinzugefügt.
  • Tool-Aufrufe basieren auf dem MCP-Client, der wiederum auf einem LLM basiert, daher kann es ein nicht-deterministisches Verhalten geben, das zu unerwarteten Ergebnissen führen kann. Wenn Sie Vorschläge oder Feedback haben, eröffnen Sie bitte ein Issue zur Diskussion.

📝 Mitwirken

Wir begrüßen Beiträge! Bitte eröffnen Sie ein Issue, um Änderungen zu besprechen, die Sie vornehmen möchten. 👉 Klicken Sie hier, um unsere Richtlinien für Beiträge anzusehen

📞 Support

Für Support wenden Sie sich bitte an:

  • Eröffnen Sie ein Issue in unserem GitHub-Repository, wenn Sie Probleme im Zusammenhang mit dem MCP-Server haben.
  • Kontaktieren Sie unser Support-Team für andere Anfragen.

🚀 Weitere Funktionen in Kürze

Bleiben Sie gespannt auf aufregende Updates! Haben Sie Vorschläge? Bitte eröffnen Sie ein Issue zur Diskussion.