BrowserStack

resmi

Hadirkan kekuatan penuh Platform Pengujian BrowserStack ke alat AI Anda, membuat pengujian lebih cepat dan mudah bagi setiap pengembang dan penguji di tim Anda.

Apa yang bisa Anda lakukan dengan BrowserStack MCP?

  • Pengujian aplikasi manual — Minta asisten Anda membuka aplikasi di perangkat nyata tertentu, seperti "buka aplikasi saya di iPhone 15 Pro Max", dan men-debug crash.
  • Pengujian web manual — Uji situs web di browser dan perangkat cloud, termasuk situs yang di-host secara lokal di mesin Anda.
  • Debugging pengujian otomatis — Jalankan rangkaian Playwright, Selenium, atau Jest di BrowserStack dan dapatkan analisis akar penyebab kegagalan, dengan perbaikan yang diusulkan untuk persetujuan Anda.
  • Pemindaian aksesibilitas — Pindai situs lokal atau produksi untuk menemukan masalah aksesibilitas dan dapatkan saran perbaikan.
  • Manajemen pengujian — Buat proyek, folder, dan kasus pengujian, lalu buat proses pengujian dan perbarui hasilnya dengan bahasa sehari-hari.
  • Pengujian beban — Temukan, jalankan, hentikan, dan bandingkan pengujian beban, baca laporan dan wawasan AI, serta periksa sisa jam-VU.

Dokumentasi

BrowserStack MCP Server

BrowserStack Logo MCP Server Logo

Platform Pengujian Komprehensif

Kelola kasus pengujian, jalankan pengujian manual atau otomatis, debug masalah, bahkan perbaiki kode—langsung di dalam alat seperti Cursor, Claude, atau klien apa pun yang mendukung MCP, menggunakan bahasa sehari-hari.

Uji dari mana saja:

Hubungkan BrowserStack Test Platform dengan mudah ke alat AI favorit Anda, seperti IDE, LLM, atau alur kerja berbasis agen.

Uji dengan bahasa alami:

Kelola, jalankan, dan debug pengujian, bahkan perbaiki kode menggunakan perintah dalam bahasa sehari-hari.

Kurangi perpindahan konteks:

Tetap fokus—simpan semua konteks proyek di satu tempat dan jalankan tindakan langsung dari IDE atau LLM Anda.

⚡️ Penyiapan MCP Sekali Klik

Klik tombol di bawah untuk memasang MCP di IDE atau asisten Anda:

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

Catatan: Server Remote MCP yang di-host (mcp.browserstack.com) kini sepenuhnya stateless melalui Streamable HTTP — klien Streamable HTTP apa pun (Claude, Cursor, VS Code, ChatGPT) dapat terhubung tanpa perubahan konfigurasi.

Kiro: power Kiro untuk server ini tersedia di integrations/kiro-power. Di IDE Kiro, buka panel Powers → Add Custom Power → Import power from GitHub, lalu masukkan https://github.com/browserstack/mcp-server/tree/main/integrations/kiro-power, atau klon repositori ini dan gunakan Import power from a folder dengan direktori tersebut.

Prasyarat

Untuk penyiapan manual di klien MCP mana pun, lihat Pasang server MCP secara lokal atau Siapkan server Remote MCP.

Catatan: Pastikan Anda menggunakan Node versi >= 22

  • Periksa versi node Anda menggunakan node --version. Versi yang disarankan: v22.15.0 (LTS)
  • Untuk memperbarui Node:
    1. Di 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. Di Windows (nvm-windows) : nvm install 22.15.0 && nvm use 22.15.0
  • 👉 Atau unduh langsung Penginstal Node.js LTS

🪄 Penyiapan dengan bantuan agen

Sebagian besar agen AI dapat menambahkan server BrowserStack MCP, menghubungkannya, dan memandu Anda masuk tanpa konfigurasi manual. Tempelkan perintah ini ke agen Anda:

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.

Untuk menambahkannya sendiri, gunakan perintah atau menu klien Anda:

KlienPerintah atau konfigurasi
Claude Codeclaude mcp add --scope user --transport http browserstack https://mcp.browserstack.com/mcp, lalu jalankan /mcp dalam sesi dan masuk
Claude Desktop / claude.aiSettings → Connectors → Add custom connector, dengan URL https://mcp.browserstack.com/mcp
ChatGPTPasang plugin BrowserStack
Codexcodex mcp add browserstack --url https://mcp.browserstack.com/mcp, lalu codex mcp login browserstack untuk masuk
VS Code / GitHub Copilotcode --add-mcp '{"name":"browserstack","type":"http","url":"https://mcp.browserstack.com/mcp"}', lalu mulai server dari tampilan MCP dan masuk
CursorTambahkan "browserstack": { "url": "https://mcp.browserstack.com/mcp" } di bawah mcpServers dalam ~/.cursor/mcp.json, lalu masuk dari Cursor Settings → MCP
Klien MCP lainnyaArahkan ke https://mcp.browserstack.com/mcp

💡 Contoh Penggunaan

📱 Pengujian Aplikasi Manual

Uji aplikasi seluler di perangkat nyata dengan versi OS terbaru. Reproduksi bug dan debug crash tanpa kerepotan penyiapan. Berikut beberapa contoh perintah untuk menggunakan aplikasi seluler Anda di cloud perangkat nyata BrowserStack yang luas

# 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?"
  • Tidak seperti emulator, uji performa aplikasi Anda di dunia nyata pada perangkat sungguhan. Dengan fitur App-Profiling yang canggih, Anda dapat men-debug crash dan masalah performa secara real-time.
  • Akses semua perangkat utama dan versi OS dari kisi perangkat kami. Kami memiliki SLA ketat untuk menyediakan perangkat yang baru dirilis di pusat data global kami pada hari peluncuran.

🌐 Pengujian Web Manual

Seperti pengujian aplikasi, Anda dapat menggunakan perintah berikut untuk menguji situs web di cloud browser dan perangkat nyata BrowserStack yang luas. Tidak punya browser Edge di mesin Anda? Kami siap membantu!

# Test your websites
"open my website hosted on localhost:3001 on Edge"
"open browserstack.com on latest version of Chrome"
  • Uji situs web di berbagai browser dan perangkat. Kami mendukung semua browser utama di semua OS utama.
  • Uji situs web yang di-host secara lokal di mesin Anda dengan mudah, tanpa perlu menerapkannya ke server jarak jauh!

🧪 Pengujian Otomatis (Playwright, Selenium, A11y, dan lainnya..)

Analisis dan diagnosis otomatis, bahkan perbaiki skrip pengujian yang rusak langsung di IDE atau LLM Anda. Ambil log seketika, temukan akar masalah, dan terapkan perbaikan yang mempertimbangkan konteks. Tak perlu lagi terjebak dalam siklus debugging. Berikut beberapa contoh perintah untuk menjalankan/debug/memperbaiki pengujian otomatis Anda di Test Platform BrowserStack.

Catatan: Saat mengambil Analisis Akar Masalah (RCA) untuk pengujian, server hanya mengembalikan perbaikan yang disarankan sebagai usulan. Server tidak pernah menerapkan perubahan kode secara otomatis — asisten Anda harus menyampaikan saran tersebut dan menunggu persetujuan eksplisit Anda sebelum mengedit file apa pun.

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

  • Perbaiki kegagalan pengujian yang dilaporkan oleh pipeline CI/CD Anda dengan memanfaatkan fitur Test Observability terdepan di industri. Temukan informasi selengkapnya di sini.
  • Jalankan pengujian yang ditulis dengan Jest, Playwright, Selenium, dan lainnya di Test Platform BrowserStack.

🌐 Aksesibilitas

Temukan masalah aksesibilitas sejak dini dengan pemindaian a11y lokal otomatis. Dapatkan perbaikan yang disarankan AI dengan sekali klik. Tak perlu mencari-cari dokumentasi atau menghadapi kejutan di CI. Pastikan kepatuhan terhadap WCAG dan ADA dengan alat Accessibility Testing kami.

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

📋 Manajemen Pengujian

Buat dan kelola kasus pengujian, buat rencana pengujian, serta mulai jalankan pengujian menggunakan bahasa alami. Berikut beberapa contoh perintah untuk memanfaatkan kemampuan Test Management BrowserStack dengan server 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"

⚡ Pengujian Beban

Jalankan dan analisis pengujian beban dalam skala besar tanpa meninggalkan IDE atau obrolan Anda — temukan pengujian, mulai dan hentikan proses, baca laporan dan AI Insights, bandingkan proses, serta periksa jam-VU Anda. Mendukung pengujian beban API (JMeter, k6, Gatling, Locust), browser (Playwright, Selenium, WebdriverIO, Nightwatch), dan hibrida di Load Testing BrowserStack. Pengujian ini dijalankan melalui alat inti.

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

🧪 Akses agen AI BrowserStack

Buat kasus pengujian dari PRD, ubah pengujian manual menjadi otomatisasi low-code, dan pulihkan skrip yang tidak stabil secara otomatis dengan dukungan agen AI BrowserStack yang terintegrasi dengan lancar ke dalam alur kerja Anda. Berikut beberapa contoh perintah untuk mengakses agen AI 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”

🧭 Alat Inti

Lima alat inti memungkinkan asisten AI Anda menemukan dan menjalankan alur kerja BrowserStack apa pun. Asisten Anda memuat setiap alat yang disediakan server MCP di awal setiap sesi, sehingga satu alat untuk setiap alur kerja akan memenuhi jendela konteks dan memperlambat seluruh sesi. Sebagai gantinya, asisten Anda menggunakan alat inti untuk mencari katalog alat BrowserStack dengan bahasa alami dan menjalankan alat yang dibutuhkan.

AlatDeskripsi
listProductsMenampilkan produk BrowserStack dalam katalog, beserta ringkasan singkat cakupan setiap produk
describeEntityMenjelaskan satu entitas: alias, format ID, entitas induk dan terkait, serta kemampuan yang dapat digunakan untuk entitas tersebut
searchCapabilityMenemukan kemampuan yang sesuai dengan permintaan dalam bahasa alami, beserta semua informasi yang dibutuhkan asisten Anda untuk menjalankan masing-masing kemampuan
describeCapabilityMengembalikan detail lengkap satu kemampuan, seperti parameter, isi permintaan, dan format respons
invokeCapabilityMenjalankan satu kemampuan dan mengembalikan respons produk tanpa perubahan. Perubahan data memerlukan persetujuan Anda

Lihat Alat inti untuk mengetahui parameter dan cara menyetujui perubahan data.

Semua alat — Lihat docs/TOOLS.md untuk daftar semua alat yang dikelompokkan berdasarkan produk, atau Alat & alur kerja BrowserStack MCP untuk alur kerja produk.

Unggahan file & aplikasi: alat yang mengunggah file/aplikasi lokal (uploadProductRequirementFile, takeAppScreenshot, runAppTestsOnBrowserStack, runAppLiveSession) memerlukan variabel env MCP_UPLOAD_BASE_DIR yang ditetapkan ke direktori berisi file tersebut; unggahan dibatasi pada direktori itu.

🚀 Server Remote MCP

Remote MCP menyediakan semua fungsi server MCP tanpa kerepotan penyiapan rumit atau instalasi lokal.

Manfaat utama:

  • ✅ Berfungsi dengan lancar di jaringan perusahaan tanpa perlu mengkhawatirkan firewall, biner, atau larangan instalasi lokal.

  • ✅ Integrasi OAuth yang aman – tanpa berbagi kata sandi atau mengelola kredensial secara manual.

Batasan:

  • ❌ Tidak mendukung Local Testing (tidak dapat menguji aplikasi di balik VPN, firewall, atau localhost). Jika perlu melakukan Local Testing, Anda harus menggunakan server BrowserStack Local MCP.
  • ❌ Latensi mungkin sedikit lebih tinggi, tetapi tidak signifikan — biasanya Anda tidak akan menyadarinya dalam penggunaan normal.

⚠️ Catatan Penting

  • BrowserStack MCP Server sedang aktif dikembangkan dan saat ini mendukung sebagian spesifikasi MCP. Fitur lainnya akan segera ditambahkan.
  • Pemanggilan alat bergantung pada MCP Client, yang pada gilirannya bergantung pada LLM. Karena itu, perilakunya mungkin tidak deterministik dan dapat menghasilkan keluaran yang tidak terduga. Jika Anda memiliki saran atau masukan, silakan buka issue untuk berdiskusi.

📝 Kontribusi

Kami menyambut kontribusi! Silakan buka issue untuk mendiskusikan perubahan yang ingin Anda buat. 👉 Klik di sini untuk melihat Panduan Kontribusi kami

📞 Dukungan

Untuk mendapatkan dukungan, silakan:

🚀 Fitur Lainnya Segera Hadir

Nantikan pembaruan menarik! Punya saran? Silakan buka issue untuk berdiskusi.