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 Browser Stack MCP?

  • Buat dan kelola kasus uji — Tambah, perbarui, daftar, dan buat massal kasus uji dalam proyek Manajemen Uji menggunakan createTestCase, listTestCases, atau createTestCasesFromFile.
  • Jalankan pengujian aplikasi dan browser manual pada perangkat nyata — Mulai sesi pengujian langsung pada kombinasi perangkat/OS/browser tertentu melalui runAppLiveSession dan runBrowserLiveSession.
  • Jalankan dan debug rangkaian pengujian otomatis — Siapkan pengujian berbasis SDK, ambil log kegagalan, dan dapatkan analisis akar penyebab AI dengan setupBrowserStackAutomateTests, getFailureLogs, dan fetchRCA.
  • Pindai masalah aksesibilitas — Jalankan pemindaian kepatuhan WCAG pada URL dan ambil masalah yang ditandai menggunakan startAccessibilityScan dan fetchAccessibilityIssues.
  • Integrasikan pengujian visual Percy — Tambahkan perintah snapshot visual, jalankan build Percy, dan tinjau perubahan visual yang terdeteksi dengan addPercySnapshotCommands, runPercyScan, dan fetchPercyChanges.

Dokumentasi

Server MCP BrowserStack

BrowserStack Logo MCP Server Logo

Platform Uji Komprehensif

Kelola kasus uji, jalankan pengujian manual atau otomatis, debug masalah, dan bahkan perbaiki kode—langsung dalam alat seperti Cursor, Claude, atau klien berkemampuan MCP lainnya, menggunakan bahasa Inggris sederhana.

Uji dari mana saja:

Hubungkan Platform Uji BrowserStack dengan mudah ke alat AI favorit Anda, seperti IDE, LLM, atau alur kerja agentik.

Uji dengan bahasa alami:

Kelola, jalankan, debug pengujian, dan bahkan perbaiki kode menggunakan perintah bahasa Inggris sederhana.

Mengurangi peralihan konteks:

Tetap dalam alur—simpan semua konteks proyek di satu tempat dan picu tindakan langsung dari IDE atau LLM Anda.

⚡️ Penyiapan MCP Satu Klik

Klik tombol di bawah ini untuk menginstal MCP di IDE Anda masing-masing:

Install in VS Code   Install in Cursor

Catatan : Pastikan Anda menggunakan versi Node >= 18.0

  • Periksa versi node Anda menggunakan node --version. Versi yang direkomendasikan: v22.15.0 (LTS)
  • Untuk Meningkatkan 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 langsung unduh Penginstal Node.js LTS

.

💡 Contoh Penggunaan

📱 Pengujian Aplikasi Manual

Uji aplikasi seluler di perangkat nyata di berbagai versi OS terbaru. Reproduksi bug dan debug kerusakan tanpa repot penyiapan. Di bawah ini adalah 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 kinerja dunia nyata aplikasi Anda di perangkat sebenarnya. Dengan fitur App-Profiling canggih, Anda dapat men-debug kerusakan dan masalah kinerja secara real-time.
  • Akses semua perangkat dan versi OS utama dari grid perangkat kami, Kami memiliki SLA ketat untuk menyediakan pusat data global kami dengan perangkat yang baru dirilis pada hari peluncuran.

🌐 Pengujian Web Manual

Mirip dengan pengujian aplikasi, Anda dapat menggunakan perintah berikut untuk menguji situs web Anda di cloud peramban dan perangkat nyata BrowserStack yang luas. Tidak memiliki peramban Edge terinstal 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 peramban dan perangkat. Kami mendukung setiap peramban utama di setiap OS utama.
  • Uji situs web yang dihosting secara lokal di mesin Anda dengan mulus, tidak perlu deploy ke server jarak jauh!

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

Analisis otomatis, diagnosis, dan bahkan perbaiki skrip pengujian yang rusak langsung di IDE atau LLM Anda. Ambil log secara instan, identifikasi akar penyebab, dan terapkan perbaikan yang sadar konteks. Tidak ada lagi putaran debugging. Di bawah ini adalah beberapa contoh perintah untuk menjalankan/debug/memperbaiki pengujian otomatis Anda di Platform Uji BrowserStack.

Catatan: Saat mengambil Analisis Akar Penyebab (RCA) untuk pengujian, server mengembalikan perbaikan yang disarankan hanya sebagai proposal. Server tidak pernah menerapkan perubahan kode secara otomatis — asisten Anda harus menyajikan saran 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 terkemuka di industri kami. Temukan info lebih lanjut di sini.
  • Jalankan pengujian yang ditulis dalam Jest, Playwright, Selenium, dan lainnya di Platform Uji BrowserStack

🌐 Aksesibilitas

Tangkap masalah aksesibilitas lebih awal dengan pemindaian a11y lokal otomatis. Dapatkan perbaikan yang disarankan AI dalam satu klik. Tidak perlu mencari-cari dokumen, tidak ada kejutan CI. Pastikan kepatuhan WCAG dan ADA dengan alat Pengujian Aksesibilitas 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 uji, buat rencana pengujian, dan picu eksekusi pengujian menggunakan bahasa alami. Di bawah ini adalah beberapa contoh perintah untuk memanfaatkan kemampuan Manajemen Pengujian 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"

🧪 Akses Agen AI BrowserStack

Hasilkan kasus uji dari PRD, konversi pengujian manual ke otomatisasi low-code, dan pulihkan skrip yang tidak stabil secara otomatis didukung oleh agen AI BrowserStack, terintegrasi dengan mulus ke dalam alur kerja Anda. Di bawah ini adalah 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”

🛠️ Instalasi

📋 Prasyarat untuk Penyiapan MCP

Catatan : Pastikan Anda menggunakan versi Node >= 18.0

  • Periksa versi node Anda menggunakan node --version. Versi yang direkomendasikan: v22.15.0 (LTS)

Penyiapan MCP Satu Klik

Klik tombol di bawah ini untuk menginstal MCP di IDE Anda masing-masing:

Install in VS Code   Install in Cursor

Cara alternatif untuk Menyiapkan server MCP

  1. Buat Akun BrowserStack

    • Daftar ke BrowserStack jika Anda belum memiliki akun.

    • ℹ️ Jika Anda memiliki proyek sumber terbuka, kami dapat menyediakan paket gratis untuk Anda.

    • Setelah Anda memiliki akun (dan membeli paket yang sesuai), catat username dan access_key Anda dari Pengaturan Akun.

  2. Catatan : Pastikan Anda menggunakan versi Node >= 18.0

    • Periksa versi node Anda menggunakan node --version. Versi yang direkomendasikan: v22.15.0 (LTS)
  3. Instal Server MCP

    • VSCode (Copilot - Mode Agen): .vscode/mcp.json:

      • Temukan atau Buat File Konfigurasi: Di direktori root proyek Anda, cari folder bernama .vscode. Folder ini biasanya tersembunyi sehingga Anda perlu menemukannya seperti yang disebutkan di bagian perluasan.

      • Jika folder ini tidak ada, buatlah.

      • Di dalam folder .vscode, buat file baru bernama mcp.json

      • Tambahkan Konfigurasi: Buka file mcp.json lalu tambahkan konten JSON berikut.

      • Ganti nama pengguna dan <access_key> dengan kredensial BrowserStack Anda.

    {
      "servers": {
        "browserstack": {
          "command": "npx",
          "args": ["-y", "@browserstack/mcp-server@latest"],
          "env": {
            "BROWSERSTACK_USERNAME": "<username>",
            "BROWSERSTACK_ACCESS_KEY": "<access_key>"
          }
        }
      }
    }
    
    • Di VSCode, pastikan untuk mengklik tombol Start di Server MCP untuk memulai server. Start MCP Server

    ** Cara alternatif untuk menyiapkan MCP di VSCode Copilot

    1.Klik ikon roda gigi untuk Memilih Alat

    Select Tools
    2. Menu alat akan muncul di tengah atas, gulir ke bawah pada menu di bagian atas lalu Klik Tambah Server MCP
    Add MCP Server
    3. Pilih opsi paket NPM (Instal dari paket NPM) - ke-3 dalam daftar
    Select NPM Package
    4. Masukkan Nama Paket NPM (@browserstack/mcp-server)
    Enter NPM Package
    5. Masukkan nama pengguna browserstack dan kunci akses
    • Untuk 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

Klik ikon “Server MCP” di bilah navigasi Pilih tab “Terinstal”. Klik tombol “Konfigurasi Server MCP” di bagian bawah panel.

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

💡 Daftar Alat MCP BrowserStack

Saat ini kami mendukung 44 alat.

Catatan MCP Jarak Jauh: Alat yang ditandai (tidak tersedia di MCP Jarak Jauh) bergantung pada status file/proses lokal dan dinonaktifkan di Server MCP Jarak Jauh multi-tenant. Alat tersebut tersedia dalam pengaturan lokal (npx).


🧾 Manajemen Pengujian

  1. createProjectOrFolder — Buat proyek Manajemen Pengujian dan/atau folder untuk mengatur kasus uji. Mengembalikan ID Folder, ID Proyek, dan Tautan Manajemen Pengujian untuk mengakses Dasbor Proyek TM. Contoh perintah
Create a new Test Management project named 'Shopping App' with two folders - Login and Checkout
  1. createTestCase — Tambahkan kasus uji manual di bawah proyek/folder tertentu (menggunakan pengenal proyek seperti PR-xxxxx dan ID folder). Contoh perintah
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 — Perbarui kasus uji yang ada. Subset bidang apa pun dapat diubah (nama, prioritas, status, langkah, tag, dll.); hanya bidang yang disediakan yang dimodifikasi. Contoh perintah
Update test case TC-482 in the 'Shopping App' project and set its priority to high
  1. listTestCases — Daftar kasus uji untuk sebuah proyek, secara opsional dibatasi pada folder (mendukung filter seperti case_type, prioritas, dan paginasi). Contoh perintah
List all high-priority test cases in the 'Shopping App' project with project_identifier: PR-59457
  1. listFolders — Daftar folder dalam proyek Manajemen Pengujian (mengembalikan id, nama, jumlah kasus, dan jumlah sub-folder setiap folder). Berikan parent_id untuk mendaftar sub-folder. Contoh perintah
List all folders in the 'Shopping App' project with project_identifier: PR-59457
  1. listTestCaseTemplates — Daftar templat kasus uji dengan template_id numeriknya, untuk digunakan dengan createTestCase untuk menerapkan templat kustom. Contoh perintah
List the available test case templates in the 'Shopping App' project
  1. createTestRun — Buat eksekusi pengujian (suite) untuk kasus uji yang dipilih dalam sebuah proyek. Contoh perintah
Create a test run for the Login folder in the 'Shopping App' project and name it 'Release v1.0 Login Flow'
  1. listTestRuns — Daftar eksekusi pengujian untuk sebuah proyek (filter berdasarkan tanggal, penerima tugas, status). Contoh perintah
List all test runs from the 'Shopping App' project that were executed last week and are currently marked in-progress
  1. updateTestRun — Perbarui nama/status eksekusi pengujian dan/atau tambahkan kasus uji ke dalamnya. Contoh perintah
Update test run ID 1043 in the 'Shopping App' project and mark it as complete with the note 'Regression cycle done'
  1. addTestResult — Tambahkan hasil eksekusi manual (lulus/gagal/diblokir/dilewati) untuk kasus uji dalam suatu eksekusi. Contoh perintah
Mark the test case 'Invalid Login Scenario' as passed in test run ID 1043 of the 'Shopping App' project
  1. createTestCasesFromFile — Hasilkan kasus uji secara massal dari file yang diunggah menggunakan Agen AI Pembuat Kasus Uji. (tidak tersedia di MCP Jarak Jauh) Contoh perintah
Upload test cases from '/Users/xyz/testcases.pdf' to the 'Shopping App' project in Test Management
  1. listTestPlans — Daftar rencana pengujian (TP-*) dalam sebuah proyek, dengan nama, status, tanggal, dan jumlah eksekusi aktif/tertutup. Mendukung paginasi. Contoh perintah
List all test plans in the 'Shopping App' project with project_identifier: PR-59457
  1. getTestPlan — Ambil rencana pengujian berdasarkan pengenal (TP-*) dengan metadata, eksekusi pengujian tertaut, jumlah total kasus uji, dan ringkasan status. Contoh perintah
Get the details of test plan TP-120 in the 'Shopping App' project
  1. listSubTestPlans — Daftar sub-rencana-pengujian (STP-) di bawah rencana pengujian induk (TP-). Mendukung paginasi. Contoh perintah
List sub-test-plans under test plan TP-120 in the 'Shopping App' project
  1. getSubTestPlan — Ambil sub-rencana-pengujian (STP-*) di bawah rencana induk, dengan metadata dan eksekusi pengujian tertaut. Contoh perintah
Get sub-test-plan STP-45 under test plan TP-120 in the 'Shopping App' project

⚙️ Penyiapan BrowserStack SDK / Uji Otomatis

  1. setupBrowserStackAutomateTests — Integrasikan BrowserStack SDK dan jalankan pengujian web di BrowserStack. Untuk pengujian visual/Percy, gunakan alat Percy khusus. Contoh perintah
Run my Selenium-JUnit5 tests written in Java on Chrome and Firefox.
  1. fetchAutomationScreenshots — Ambil tangkapan layar yang diambil selama sesi Automate/App Automate tertentu. Contoh perintah
Get screenshots from Automate session ID abc123xyz for my desktop test run

🔍 Observabilitas

  1. getFailureLogs — Ambil log kesalahan untuk sesi Automate/App Automate (secara opsional berdasarkan ID Build untuk App Automate). Contoh perintah
Get the error logs from the session ID: 21a864032a7459f1e7634222249b316759d6827f, Build ID: dt7ung4wmjittzff8kksrjadjax9gzvbscoyf9qn of App Automate test session
  1. fetchBuildInsights — Ambil wawasan tentang build BrowserStack dengan menggabungkan detail build dan hasil quality-gate. Contoh perintah
Get the build insights for build UUID <your-build-uuid> on BrowserStack

📱 App Live

  1. runAppLiveSession — Mulai sesi pengujian aplikasi manual di perangkat nyata di cloud. Contoh perintah
Open my app on iPhone 15 Pro Max with iOS 17. App path is /Users/xyz/app.ipa

💻 Live

  1. runBrowserLiveSession — Mulai sesi Live untuk pengujian situs web di peramban desktop atau seluler. Contoh perintah
Open www.google.com on the latest version of Microsoft Edge on Windows 11

📲 App Automate

  1. takeAppScreenshot — Luncurkan aplikasi di perangkat yang ditentukan dan ambil tangkapan layar verifikasi cepat untuk mengonfirmasi aplikasi Anda telah diluncurkan. Contoh perintah
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 — Jalankan rangkaian pengujian seluler native yang telah dibangun sebelumnya (Espresso/XCUITest) dengan mengunggah langsung file pengujian .apk/.ipa yang telah dikompilasi. Contoh perintah
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 — Siapkan integrasi BrowserStack App Automate SDK untuk pengujian aplikasi seluler berbasis Appium. Contoh perintah
Set up my Appium test suite to run on BrowserStack App Automate

♿ Aksesibilitas

  1. accessibilityExpert — Tanyakan kepada Ahli A11y (WCAG 2.0/2.1/2.2, kegunaan seluler/web, praktik terbaik). Contoh perintah
What WCAG guidelines apply to form field error messages on mobile web?
  1. startAccessibilityScan — Mulai pemindaian aksesibilitas web dan dapatkan jalur laporan CSV lokal. Contoh prompt
Run accessibility scan for "www.example.com"
  1. createAccessibilityAuthConfig — Buat konfigurasi autentikasi (berbasis formulir atau basic) untuk pemindaian aksesibilitas di balik login. Contoh prompt
Create a basic-auth accessibility config named 'site-login' for https://www.example.com with username testuser and password <password>
  1. getAccessibilityAuthConfig — Ambil konfigurasi autentikasi aksesibilitas yang ada berdasarkan ID. Contoh prompt
Get accessibility auth config with ID <config-id>
  1. fetchAccessibilityIssues — Ambil isu aksesibilitas dari pemindaian yang selesai, dengan dukungan paginasi. Contoh prompt
Fetch the accessibility issues for scan ID <scan-id> and scan run ID <scan-run-id>

🎨 Pengujian Visual Percy

  1. percyVisualTestIntegrationAgent — Integrasikan pengujian visual Percy ke dalam proyek baru dan tunjukkan deteksi perubahan visual dengan simulasi langkah demi langkah. Contoh prompt
Integrate Percy for this project
  1. expandPercyVisualTesting — Siapkan atau perluas cakupan pengujian visual Percy untuk proyek yang sudah ada (Percy Web Standalone dan Percy Automate). Contoh prompt
Expand Percy coverage for this project
  1. addPercySnapshotCommands — Tambahkan perintah snapshot Percy ke file pengujian yang ditentukan. (tidak tersedia di Remote MCP) Contoh prompt
Add Percy snapshot commands to my Cypress test files
  1. listTestFiles — Daftarkan semua file pengujian untuk sekumpulan direktori yang diberikan. (tidak tersedia di Remote MCP) Contoh prompt
List the test files under my ./tests directory
  1. runPercyScan — Jalankan pemindaian pengujian visual Percy. (tidak tersedia di Remote MCP) Contoh prompt
Run this Percy build
  1. fetchPercyChanges — Ambil dan ringkas perubahan visual yang terdeteksi oleh Percy AI antara build terbaru dan sebelumnya. Contoh prompt
Summarize the visual changes Percy detected in my latest build
  1. managePercyBuildApproval — Setujui atau tolak build Percy. Contoh prompt
Approve the latest Percy build

🤖 Agen AI BrowserStack

  1. uploadProductRequirementFile — Unggah PRD/tangkapan layar/PDF dan dapatkan ID pemetaan file (digunakan dengan createTestCasesFromFile). (tidak tersedia di Remote MCP) Contoh prompt
Upload PRD from /Users/xyz/Desktop/login-flow.pdf and use BrowserStack AI to generate test cases
  1. createLCASteps — Hasilkan langkah Otomatisasi Kode Rendah (LCA) dari kasus uji manual di Manajemen Pengujian. Contoh prompt
Convert the manual test case 'Add to Cart' in the 'Shopping App' project into LCA steps
  1. fetchSelfHealedSelectors — Ambil pemilih (selector) yang dipulihkan sendiri oleh AI (beserta sumber pengujian) untuk memperbaiki pengujian yang tidak stabil akibat perubahan DOM. Contoh prompt
Fetch and fix flaky test selectors in Automate session ID session_9482 using MCP
  1. prepareSelfHealingPlan — Bangun rencana edit pemulihan mandiri yang menggabungkan pasangan locator dengan sumber pengujian untuk diterapkan oleh LLM Anda. TIDAK mengubah file itu sendiri. Contoh prompt
Prepare a self-healing plan from the self-healed selectors for my build
  1. fetchRCA — Ambil Analisis Akar Penyebab AI untuk pengujian Automate/App-Automate Anda yang gagal (berdasarkan ID pengujian numerik). Hanya menyarankan perbaikan; tidak pernah menerapkan secara otomatis. Contoh prompt
Fetch the root cause analysis for failed test IDs 101 and 102 on BrowserStack
  1. getBuildId — Dapatkan ID build BrowserStack untuk proyek dan nama build tertentu, terbatas pada build Anda. Contoh prompt
Get the build ID for build 'nightly-regression' in project 'Checkout Flow'
  1. listBuildId — Dapatkan ID build terbaru untuk proyek dan nama build, di semua pengguna (tanpa filter pengguna). Contoh prompt
Get the latest build ID for build 'nightly-regression' in project 'Checkout Flow'
  1. listTestIds — Daftarkan ID pengujian dari build BrowserStack Automate, difilter berdasarkan status (lulus/gagal/tertunda/dilewati). Contoh prompt
List the failed test IDs from build UUID <your-build-uuid> on BrowserStack

🚀 Server MCP Jarak Jauh

MCP Jarak Jauh hadir dengan semua fungsionalitas server MCP tanpa kerumitan pengaturan yang rumit atau instalasi lokal.

Manfaat utama:

  • ✅ Bekerja dengan mulus di jaringan perusahaan tanpa khawatir tentang firewall atau biner atau di mana instalasi lokal tidak diizinkan.

  • ✅ Integrasi OAuth yang aman – tidak ada berbagi kata sandi atau penanganan kredensial manual.

Keterbatasan:

  • ❌ Tidak ada dukungan Pengujian Lokal (tidak dapat menguji aplikasi di balik VPN, firewall, atau localhost). Jika Anda harus melakukan Pengujian Lokal, Anda harus menggunakan server BrowserStack Local MCP.
  • ❌ Latensi bisa sedikit lebih tinggi, tetapi tidak signifikan — umumnya Anda tidak akan menyadarinya dalam penggunaan normal.

Langkah Instalasi:

  • Di VSCode (Copilot - Mode Agen): .vscode/mcp.json:

    • Temukan atau Buat File Konfigurasi:

    • Di direktori root proyek Anda, cari folder bernama .vscode. Folder ini biasanya tersembunyi sehingga Anda perlu menemukannya seperti yang disebutkan di bagian perluasan.

    • Jika folder ini tidak ada, buatlah.

    • Di dalam folder .vscode, buat file baru bernama mcp.json

    • Untuk menyiapkan BrowserStack MCP Jarak Jauh alih-alih BrowserStack MCP lokal, Anda dapat menambahkan konten JSON berikut :

      Remote MCP JSON file

      Cara Alternatif untuk Menyiapkan MCP Jarak Jauh

    • Langkah 1. Klik ikon roda gigi untuk Memilih Alat

      Select Tools
    • Langkah 2. Menu alat akan muncul di tengah atas, gulir ke bawah pada menu di bagian atas lalu Klik Tambah Server MCP

    Add MCP Server
    • Langkah 3. Klik opsi HTTP

      HTTP Option
    • Langkah 4. Tempel URL Server MCP Jarak Jauh : https://mcp.browserstack.com/mcp

      Remote MCP Server URL
    • Langkah 5. Berikan id server sebagai : browserstack

      Remote MCP Server ID
    • Langkah 6. Di VSCode Klik mulai Server MCP lalu klik "Izinkan"

      authentication1
      authentication2
      Sign_in_success

🤝 Klien MCP yang Direkomendasikan

  • Kami merekomendasikan penggunaan Github Copilot atau Cursor untuk kasus penggunaan pengujian + debugging otomatis.
  • Untuk kasus penggunaan pengujian manual (Pengujian Langsung), kami merekomendasikan penggunaan Claude Desktop.

⚠️ Catatan Penting

  • Server BrowserStack MCP sedang dalam pengembangan aktif dan saat ini mendukung subset dari spesifikasi MCP. Lebih banyak fitur akan segera ditambahkan.
  • Pemanggilan alat bergantung pada Klien MCP yang pada gilirannya bergantung pada LLM, sehingga mungkin ada beberapa perilaku non-deterministik yang dapat menyebabkan hasil yang tidak terduga. Jika Anda memiliki saran atau masukan, silakan buka isu untuk berdiskusi.

📝 Berkontribusi

Kami menyambut kontribusi! Silakan buka isu untuk mendiskusikan perubahan apa pun yang ingin Anda buat. 👉 Klik di sini untuk melihat Pedoman Berkontribusi kami

📞 Dukungan

Untuk dukungan, silakan:

🚀 Lebih Banyak Fitur Segera Hadir

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