BrowserStack

officiel

Apportez toute la puissance de la plateforme de test BrowserStack à vos outils d'IA, rendant les tests plus rapides et plus faciles pour chaque développeur et testeur de votre équipe.

Que pouvez-vous faire avec BrowserStack MCP ?

  • Tests manuels d’applications — Demandez à votre assistant d’ouvrir une application sur un appareil réel spécifique, par exemple « ouvre mon application sur un iPhone 15 Pro Max », et de déboguer les plantages.
  • Tests manuels de sites web — Testez des sites web sur des navigateurs et des appareils dans le cloud, y compris des sites hébergés localement sur votre machine.
  • Débogage de tests automatisés — Exécutez des suites Playwright, Selenium ou Jest sur BrowserStack et obtenez une analyse des causes profondes des échecs, avec des correctifs proposés pour approbation.
  • Analyses d’accessibilité — Analysez un site local ou en production pour détecter les problèmes d’accessibilité et obtenir des correctifs suggérés.
  • Gestion des tests — Créez des projets, des dossiers et des cas de test, puis créez des exécutions de tests et mettez à jour les résultats en langage courant.
  • Tests de charge — Recherchez, exécutez, arrêtez et comparez des tests de charge, consultez les rapports et les analyses de l’IA, et vérifiez le nombre d’heures-VU restantes.

Documentation

Serveur MCP BrowserStack

BrowserStack Logo MCP Server Logo

Plateforme de test complète

Gérez les cas de test, exécutez des tests manuels ou automatisés, déboguez les problèmes et corrigez même le code, directement dans des outils comme Cursor, Claude ou tout client compatible avec MCP, en langage courant.

Testez depuis n’importe où :

Connectez facilement la plateforme de test BrowserStack à vos outils d’IA préférés, tels que les IDE, les LLM ou les workflows agentiques.

Testez en langage naturel :

Gérez, exécutez et déboguez des tests, et corrigez même le code à l’aide de requêtes en langage courant.

Réduisez les changements de contexte :

Restez dans votre flux de travail : conservez tout le contexte du projet au même endroit et déclenchez des actions directement depuis votre IDE ou votre LLM.

⚡️ Configuration MCP en un clic

Cliquez sur les boutons ci-dessous pour installer MCP dans votre IDE ou assistant :

Install in VS Code  Add to Copilot  Add to Cursor  Add to Claude  Add to ChatGPT

Remarque : Le serveur MCP distant hébergé (mcp.browserstack.com) est désormais entièrement sans état via Streamable HTTP : tout client Streamable-HTTP (Claude, Cursor, VS Code, ChatGPT) peut s’y connecter sans modifier sa configuration.

Kiro : une power Kiro pour ce serveur est disponible dans integrations/kiro-power. Dans l’IDE Kiro, ouvrez le panneau Powers → Add Custom Power → Import power from GitHub et saisissez https://github.com/browserstack/mcp-server/tree/main/integrations/kiro-power, ou clonez ce dépôt et utilisez Import power from a folder avec ce répertoire.

Prérequis

Pour une configuration manuelle dans n’importe quel client MCP, consultez Installer le serveur MCP localement ou Configurer le serveur MCP distant.

Remarque : assurez-vous d’utiliser Node version >= 22

  • Vérifiez votre version de Node avec node --version. Version recommandée : v22.15.0 (LTS)
  • Pour mettre à niveau Node :
    1. Sur 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. Sur Windows (nvm-windows) : nvm install 22.15.0 && nvm use 22.15.0
  • 👉 Ou téléchargez directement le programme d’installation LTS de Node.js

🪄 Configuration assistée par agent

La plupart des agents d’IA peuvent ajouter le serveur MCP BrowserStack, s’y connecter et vous guider lors de la connexion sans configuration manuelle. Collez cette requête dans votre agent :

Add the BrowserStack MCP server to this agent, following the setup guide at
https://www.browserstack.com/docs/browserstack-mcp-server/get-started/remote-mcp-server
and using the server URL https://mcp.browserstack.com/mcp. Once it is added, start the
BrowserStack sign-in flow so I can log in.

Pour l’ajouter vous-même, utilisez la commande ou le menu de votre client :

ClientCommande ou configuration
Claude Codeclaude mcp add --scope user --transport http browserstack https://mcp.browserstack.com/mcp, puis exécutez /mcp dans une session et connectez-vous
Claude Desktop / claude.aiSettings → Connectors → Add custom connector, avec l’URL https://mcp.browserstack.com/mcp
ChatGPTInstallez le plugin BrowserStack
Codexcodex mcp add browserstack --url https://mcp.browserstack.com/mcp, puis codex mcp login browserstack pour vous connecter
VS Code / GitHub Copilotcode --add-mcp '{"name":"browserstack","type":"http","url":"https://mcp.browserstack.com/mcp"}', puis démarrez le serveur depuis la vue MCP et connectez-vous
CursorAjoutez "browserstack": { "url": "https://mcp.browserstack.com/mcp" } sous mcpServers dans ~/.cursor/mcp.json, puis connectez-vous depuis Cursor Settings → MCP
Tout autre client MCPConfigurez-le pour utiliser https://mcp.browserstack.com/mcp

💡 Exemples d’utilisation

📱 Tests manuels d’applications

Testez des applications mobiles sur de vrais appareils exécutant les dernières versions des systèmes d’exploitation. Reproduisez les bogues et déboguez les plantages sans les tracas de configuration. Voici quelques exemples de requêtes pour tester vos applications mobiles sur le vaste cloud d’appareils réels de 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?"
  • Contrairement aux émulateurs, testez les performances réelles de votre application sur de véritables appareils. Grâce aux fonctionnalités de profilage des applications avancées, vous pouvez déboguer les plantages et les problèmes de performances en temps réel.
  • Accédez à tous les principaux appareils et systèmes d’exploitation depuis notre grille d’appareils. Nous respectons des SLA stricts pour équiper nos centres de données mondiaux des nouveaux appareils dès leur jour de lancement.

🌐 Tests manuels de sites Web

Comme pour les tests d’applications, vous pouvez utiliser les requêtes suivantes pour tester vos sites Web sur le vaste cloud de vrais navigateurs et appareils de BrowserStack. Edge n’est pas installé sur votre machine ? Nous avons ce qu’il vous faut !

# Test your websites
"open my website hosted on localhost:3001 on Edge"
"open browserstack.com on latest version of Chrome"
  • Testez des sites Web sur différents navigateurs et appareils. Nous prenons en charge tous les principaux navigateurs sur les principaux systèmes d’exploitation.
  • Testez facilement des sites Web hébergés localement sur votre machine, sans avoir besoin de les déployer sur un serveur distant !

🧪 Tests automatisés (Playwright, Selenium, A11y et plus encore..)

Analysez et diagnostiquez automatiquement les scripts de test défaillants, et corrigez-les même directement dans votre IDE ou votre LLM. Récupérez instantanément les journaux, identifiez les causes profondes et appliquez des correctifs adaptés au contexte. Fini les cycles de débogage. Voici quelques exemples de requêtes pour exécuter, déboguer ou corriger vos tests automatisés sur la plateforme de test BrowserStack.

Remarque : Lorsqu’il récupère l’analyse de la cause profonde (RCA) d’un test, le serveur renvoie le correctif suggéré sous forme de proposition uniquement. Il n’applique jamais automatiquement de modifications au code : votre assistant doit présenter la suggestion et attendre votre approbation explicite avant de modifier des fichiers.

#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?"

  • Corrigez les échecs de test signalés par votre pipeline CI/CD en utilisant nos fonctionnalités de Test Observability, parmi les meilleures du secteur. Pour en savoir plus, cliquez ici.
  • Exécutez des tests écrits avec Jest, Playwright, Selenium et d’autres outils sur la plateforme de test BrowserStack.

🌐 Accessibilité

Détectez rapidement les problèmes d’accessibilité grâce à des analyses a11y locales automatisées. Obtenez des correctifs suggérés par l’IA en un clic. Pas besoin de chercher dans la documentation ni de craindre les mauvaises surprises dans la CI. Assurez la conformité aux normes WCAG et ADA avec notre outil de test d’accessibilité.

#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”

📋 Gestion des tests

Créez et gérez des cas de test, créez des plans de test et lancez des exécutions de tests en langage naturel. Voici quelques exemples de requêtes pour exploiter les fonctionnalités de Test Management de BrowserStack avec le serveur MCP.

# 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"

⚡ Tests de charge

Exécutez et analysez des tests de charge à grande échelle sans quitter votre IDE ou votre conversation : recherchez des tests, démarrez et arrêtez des exécutions, consultez des rapports et des informations générées par l’IA, comparez des exécutions et vérifiez vos heures-VU. Compatible avec les tests de charge API (JMeter, k6, Gatling, Locust), navigateur (Playwright, Selenium, WebdriverIO, Nightwatch) et hybrides sur Load Testing de BrowserStack. Ces opérations passent par les outils principaux.

# Find a test
"find my load test called checkout-api"

# Run it
"run checkout-api for 5 minutes with 100 virtual users"

# Check on it
"is my checkout-api run finished yet?"

# Read the results
"what was the p95 response time and error rate of the last checkout-api run?"

# Compare two runs of the same test
"did the latest checkout-api run regress compared with the previous one?"

# Check quota before a big run
"how many VU-hours do I have left, and what would a 30-minute run with 500 VUs cost?"

🧪 Accéder aux agents d’IA BrowserStack

Générez des cas de test à partir de PRD, convertissez des tests manuels en automatisation low-code et réparez automatiquement les scripts instables grâce aux agents d’IA de BrowserStack, intégrés de manière transparente à votre workflow. Voici quelques exemples de requêtes pour accéder aux agents d’IA de BrowserStack.

#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”

🧭 Outils principaux

Cinq outils principaux permettent à votre assistant d’IA de trouver et d’exécuter n’importe quel workflow BrowserStack. Votre assistant charge au début de chaque session tous les outils exposés par un serveur MCP. Un outil par workflow remplirait donc votre fenêtre de contexte et ralentirait toute la session. À la place, votre assistant utilise les outils principaux pour rechercher en langage naturel dans un catalogue d’outils BrowserStack et exécuter celui dont il a besoin.

OutilDescription
listProductsRépertorie les produits BrowserStack du catalogue et résume brièvement les fonctionnalités de chacun
describeEntityExplique une entité : ses alias, son format d’ID, ses entités parentes et associées, ainsi que les fonctionnalités qui agissent sur elle
searchCapabilityTrouve les fonctionnalités correspondant à une requête en langage naturel et fournit à votre assistant tout ce dont il a besoin pour les exécuter
describeCapabilityRenvoie tous les détails d’une fonctionnalité, tels que ses paramètres, le corps de la requête et le format de la réponse
invokeCapabilityExécute une fonctionnalité et renvoie la réponse du produit sans modification. Toute modification des données nécessite votre approbation

Consultez Outils principaux pour connaître les paramètres et la procédure d’approbation des modifications de données.

Tous les outils — Consultez docs/TOOLS.md pour la liste de tous les outils organisés par produit, ou Outils et workflows MCP BrowserStack pour les workflows des produits.

Téléversement de fichiers et d’applications : les outils qui téléversent un fichier ou une application locale (uploadProductRequirementFile, takeAppScreenshot, runAppTestsOnBrowserStack, runAppLiveSession) nécessitent que la variable d’environnement MCP_UPLOAD_BASE_DIR soit définie sur un répertoire contenant ces fichiers ; les téléversements sont limités à ce répertoire.

🚀 Serveur MCP distant

Le MCP distant offre toutes les fonctionnalités d’un serveur MCP sans les contraintes d’une configuration complexe ou d’une installation locale.

Principaux avantages :

  • ✅ Fonctionne parfaitement dans les réseaux d’entreprise, sans souci de pare-feu, de fichiers binaires ou d’interdiction d’installation locale.

  • ✅ Intégration OAuth sécurisée : aucun partage de mot de passe ni gestion manuelle des identifiants.

Limitations :

  • ❌ Pas de prise en charge des tests locaux (impossible de tester des applications derrière un VPN, un pare-feu ou sur localhost). Pour effectuer des tests locaux, vous devez utiliser un serveur MCP BrowserStack Local.
  • ❌ La latence peut être légèrement supérieure, mais la différence reste négligeable : vous ne la remarquerez généralement pas lors d’une utilisation normale.

⚠️ Remarques importantes

  • Le serveur MCP BrowserStack est en cours de développement et ne prend actuellement en charge qu’un sous-ensemble de la spécification MCP. D’autres fonctionnalités seront bientôt ajoutées.
  • Les appels d’outils reposent sur le client MCP, qui s’appuie lui-même sur un LLM ; leur comportement peut donc être non déterministe et produire des résultats inattendus. Si vous avez des suggestions ou des commentaires, veuillez ouvrir une issue pour en discuter.

📝 Contribution

Vos contributions sont les bienvenues ! Veuillez ouvrir une issue pour discuter des modifications que vous souhaitez apporter. 👉 Cliquez ici pour consulter nos consignes de contribution

📞 Assistance

Pour obtenir de l’aide :

🚀 D’autres fonctionnalités bientôt disponibles

Restez à l’écoute pour découvrir les nouveautés ! Vous avez des suggestions ? Veuillez ouvrir une issue pour en discuter.