BrowserStack

BrowserStack MCP Server

แพลตฟอร์มการทดสอบที่ครอบคลุม

จัดการกรณีทดสอบ ดำเนินการทดสอบด้วยตนเองหรือแบบอัตโนมัติ แก้ไขจุดบกพร่อง และแม้แต่แก้ไขโค้ด—ได้โดยตรงภายในเครื่องมืออย่าง Cursor, Claude หรือไคลเอนต์ที่เปิดใช้งาน MCP ใดๆ โดยใช้ภาษาอังกฤษธรรมดา

ทดสอบจากทุกที่:

เชื่อมต่อแพลตฟอร์มการทดสอบ BrowserStack เข้ากับเครื่องมือ AI ที่คุณชื่นชอบได้อย่างง่ายดาย เช่น IDE, LLM หรือเวิร์กโฟลว์แบบเอเจนต์

ทดสอบด้วยภาษาธรรมชาติ:

จัดการ ดำเนินการ แก้ไขจุดบกพร่องของการทดสอบ และแม้แต่แก้ไขโค้ดโดยใช้พรอมต์ภาษาอังกฤษธรรมดา

ลดการสลับบริบท:

คงสมาธิ—เก็บบริบทของโปรเจกต์ทั้งหมดไว้ในที่เดียวและทริกเกอร์การดำเนินการโดยตรงจาก IDE หรือ LLM ของคุณ

⚡️ การตั้งค่า MCP ในคลิกเดียว

คลิกที่ปุ่มด้านล่างเพื่อติดตั้ง MCP ใน IDE ของคุณ:

   

หมายเหตุ : ตรวจสอบให้แน่ใจว่าคุณใช้ Node เวอร์ชัน >= 18.0

• ตรวจสอบเวอร์ชัน node ของคุณโดยใช้ node --version เวอร์ชันที่แนะนำ: v22.15.0 (LTS)
• การอัปเกรด Node :
• 1. บน 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
• 2. บน Windows (nvm-windows) : nvm install 22.15.0 && nvm use 22.15.0
• 👉 หรือดาวน์โหลดตัวติดตั้ง Node.js LTS โดยตรง

.

💡 ตัวอย่างการใช้งาน

📱 การทดสอบแอปด้วยตนเอง

ทดสอบแอปมือถือบนอุปกรณ์จริงในระบบปฏิบัติการเวอร์ชันล่าสุด สร้างข้อบกพร่องซ้ำและแก้ไขจุดบกพร่องของการแครชโดยไม่ต้องยุ่งยากกับการตั้งค่า ด้านล่างนี้คือพรอมต์ตัวอย่างบางส่วนในการใช้แอปมือถือของคุณบนคลาวด์อุปกรณ์จริงที่ครอบคลุมของ 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?"

• ต่างจากอีมูเลเตอร์ ทดสอบประสิทธิภาพในโลกแห่งความเป็นจริงของแอปของคุณบนอุปกรณ์จริง ด้วยคุณสมบัติ App-Profilingขั้นสูง คุณสามารถแก้ไขจุดบกพร่องของการแครชและปัญหาด้านประสิทธิภาพได้แบบเรียลไทม์
• เข้าถึงอุปกรณ์หลักและเวอร์ชันระบบปฏิบัติการทั้งหมดจากกริดอุปกรณ์ของเรา เรามี SLA ที่เข้มงวดในการจัดเตรียมศูนย์ข้อมูลทั่วโลกของเราด้วยอุปกรณ์ที่เพิ่งเปิดตัวในวันเปิดตัว

🌐 การทดสอบเว็บด้วยตนเอง

เช่นเดียวกับการทดสอบแอป คุณสามารถใช้พรอมต์ต่อไปนี้เพื่อทดสอบเว็บไซต์ของคุณบนคลาวด์ของเบราว์เซอร์และอุปกรณ์จริงที่ครอบคลุมของ BrowserStack ไม่ได้ติดตั้งเบราว์เซอร์ Edge บนเครื่องของคุณใช่ไหม? เราช่วยคุณได้!

# Test your websites
"open my website hosted on localhost:3001 on Edge"
"open browserstack.com on latest version of Chrome"

• ทดสอบเว็บไซต์ในเบราว์เซอร์และอุปกรณ์ต่างๆ เรารองรับทุกเบราว์เซอร์หลักในทุกระบบปฏิบัติการหลัก
• ทดสอบเว็บไซต์ที่โฮสต์ในเครื่องของคุณได้อย่างราบรื่น ไม่จำเป็นต้องปรับใช้กับเซิร์ฟเวอร์ระยะไกล!

🧪 การทดสอบอัตโนมัติ (Playwright, Selenium, A11y และอื่นๆ..)

วิเคราะห์ วินิจฉัย และแม้แต่แก้ไขสคริปต์ทดสอบที่เสียหายโดยอัตโนมัติใน IDE หรือ LLM ของคุณ ดึงข้อมูลบันทึก ระบุสาเหตุหลัก และใช้การแก้ไขที่รับรู้บริบทได้ทันที ไม่ต้องวนลูปแก้ไขจุดบกพร่องอีกต่อไป ด้านล่างนี้คือพรอมต์ตัวอย่างบางส่วนในการเรียกใช้/แก้ไขจุดบกพร่อง/แก้ไขการทดสอบอัตโนมัติของคุณบนแพลตฟอร์มการทดสอบของ BrowserStack

หมายเหตุ: เมื่อดึงข้อมูลการวิเคราะห์สาเหตุหลัก (RCA) สำหรับการทดสอบ เซิร์ฟเวอร์จะส่งคืนการแก้ไขที่แนะนำเป็นข้อเสนอเท่านั้น จะไม่ใช้การเปลี่ยนแปลงโค้ดโดยอัตโนมัติ — ผู้ช่วยของคุณต้องนำเสนอข้อเสนอแนะและรอการอนุมัติอย่างชัดเจนจากคุณก่อนที่จะแก้ไขไฟล์ใดๆ

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

• แก้ไขความล้มเหลวของการทดสอบที่รายงานโดยไปป์ไลน์ CI/CD ของคุณโดยใช้ประโยชน์จากคุณสมบัติTest Observabilityชั้นนำของอุตสาหกรรมของเรา ค้นหาข้อมูลเพิ่มเติมที่นี่
• เรียกใช้การทดสอบที่เขียนด้วย Jest, Playwright, Selenium และอื่นๆ บนแพลตฟอร์มการทดสอบของ BrowserStack

🌐 การเข้าถึง

ตรวจจับปัญหาการเข้าถึงตั้งแต่เนิ่นๆ ด้วยการสแกน a11y ในเครื่องอัตโนมัติ รับการแก้ไขที่แนะนำโดย AI ในคลิกเดียว ไม่ต้องค้นหาเอกสาร ไม่ต้องประหลาดใจกับ CI รับประกันการปฏิบัติตาม WCAG และ ADA ด้วยเครื่องมือทดสอบการเข้าถึงของเรา

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

📋 การจัดการการทดสอบ

สร้างและจัดการกรณีทดสอบ สร้างแผนการทดสอบ และทริกเกอร์การรันการทดสอบโดยใช้ภาษาธรรมชาติ ด้านล่างนี้คือพรอมต์ตัวอย่างบางส่วนในการใช้ความสามารถของการจัดการการทดสอบของ BrowserStack กับเซิร์ฟเวอร์ 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"

🧪 เข้าถึงเอเจนต์ AI ของ BrowserStack

สร้างกรณีทดสอบจาก PRD แปลงการทดสอบด้วยตนเองเป็นระบบอัตโนมัติแบบ low-code และแก้ไขสคริปต์ที่ไม่เสถียรโดยอัตโนมัติด้วยเอเจนต์ AI ของ BrowserStack ที่ผสานรวมเข้ากับเวิร์กโฟลว์ของคุณอย่างราบรื่น ด้านล่างนี้คือพรอมต์ตัวอย่างบางส่วนในการเข้าถึงเอเจนต์ 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”

🛠️ การติดตั้ง

📋 ข้อกำหนดเบื้องต้นสำหรับการตั้งค่า MCP

หมายเหตุ : ตรวจสอบให้แน่ใจว่าคุณใช้ Node เวอร์ชัน >= 18.0

• ตรวจสอบเวอร์ชัน node ของคุณโดยใช้ node --version เวอร์ชันที่แนะนำ: v22.15.0 (LTS)

การตั้งค่า MCP ในคลิกเดียว

คลิกที่ปุ่มด้านล่างเพื่อติดตั้ง MCP ใน IDE ของคุณ:

   

วิธีอื่นในการตั้งค่าเซิร์ฟเวอร์ MCP

1. สร้างบัญชี BrowserStack

   • ลงทะเบียนสำหรับ BrowserStack หากคุณยังไม่มีบัญชี

   • ℹ️ หากคุณมีโปรเจกต์โอเพนซอร์ส เราจะสามารถให้แผนฟรีแก่คุณได้

   • เมื่อคุณมีบัญชี (และซื้อแผนที่เหมาะสม) แล้ว ให้จด username และ access_key ของคุณจากการตั้งค่าบัญชี

2. หมายเหตุ : ตรวจสอบให้แน่ใจว่าคุณใช้ Node เวอร์ชัน >= 18.0

   • ตรวจสอบเวอร์ชัน node ของคุณโดยใช้ node --version เวอร์ชันที่แนะนำ: v22.15.0 (LTS)

3. ติดตั้งเซิร์ฟเวอร์ MCP

   • VSCode (Copilot - โหมดเอเจนต์): .vscode/mcp.json:

     • ค้นหาหรือสร้างไฟล์การกำหนดค่า: ในไดเรกทอรีรากของโปรเจกต์ของคุณ ให้มองหาโฟลเดอร์ชื่อ .vscode โดยปกติโฟลเดอร์นี้จะถูกซ่อนไว้ ดังนั้นคุณจะต้องค้นหาตามที่กล่าวไว้ในส่วนขยาย

     • หากไม่มีโฟลเดอร์นี้ ให้สร้างขึ้นมา

     • ภายในโฟลเดอร์ .vscode ให้สร้างไฟล์ใหม่ชื่อ mcp.json

     • เพิ่มการกำหนดค่า: เปิดไฟล์ mcp.json จากนั้นเพิ่มเนื้อหา JSON ต่อไปนี้

     • แทนที่ชื่อผู้ใช้และ <access_key> ด้วยข้อมูลประจำตัว BrowserStack ของคุณ

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

   • ใน VSCode ตรวจสอบให้แน่ใจว่าได้คลิกที่ปุ่ม Start ในเซิร์ฟเวอร์ MCP เพื่อเริ่มเซิร์ฟเวอร์

   ** วิธีอื่นในการตั้งค่า MCP บน VSCode Copilot

   1.คลิกที่ไอคอนรูปเฟืองเพื่อเลือกเครื่องมือ

   
   2. เมนูเครื่องมือจะปรากฏขึ้นที่กึ่งกลางด้านบน เลื่อนลงบนเมนูด้านบนแล้วคลิกที่ เพิ่มเซิร์ฟเวอร์ MCP
   
   3. เลือกตัวเลือกแพ็คเกจ NPM (ติดตั้งจากแพ็คเกจ NPM) - อันดับที่ 3 ในรายการ
   
   4. ป้อนชื่อแพ็คเกจ NPM (@browserstack/mcp-server)
   
   5. ป้อนชื่อผู้ใช้และคีย์การเข้าถึงของ browserstack
   • สำหรับ 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

คลิกไอคอน “เซิร์ฟเวอร์ MCP” ในแถบนำทาง เลือกแท็บ “ติดตั้งแล้ว” คลิกปุ่ม “กำหนดค่าเซิร์ฟเวอร์ MCP” ที่ด้านล่างของบานหน้าต่าง

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

💡 รายการเครื่องมือ BrowserStack MCP

ในขณะนี้เรารองรับ 44 เครื่องมือ

หมายเหตุ Remote MCP: เครื่องมือที่ทำเครื่องหมาย (ไม่พร้อมใช้งานใน Remote MCP) ขึ้นอยู่กับสถานะไฟล์/กระบวนการในเครื่องและถูกปิดใช้งานในเซิร์ฟเวอร์ Remote MCPแบบหลายผู้เช่า มีให้ใช้งานในการตั้งค่าในเครื่อง (npx)

---

🧾 การจัดการการทดสอบ

1. createProjectOrFolder — สร้างโปรเจกต์การจัดการการทดสอบและ/หรือโฟลเดอร์เพื่อจัดระเบียบกรณีทดสอบ ส่งคืนด้วย ID โฟลเดอร์, ID โปรเจกต์ และลิงก์การจัดการการทดสอบเพื่อเข้าถึงแดชบอร์ดโปรเจกต์ TM ตัวอย่างพรอมต์

Create a new Test Management project named 'Shopping App' with two folders - Login and Checkout

2. createTestCase — เพิ่มกรณีทดสอบด้วยตนเองภายใต้โปรเจกต์/โฟลเดอร์เฉพาะ (ใช้ตัวระบุโปรเจกต์เช่น PR-xxxxx และ ID โฟลเดอร์) ตัวอย่างพรอมต์

Add a test case named 'Invalid Login Scenario' to the Login folder in the 'Shopping App' project with PR-53617, Folder ID: 117869

3. updateTestCase — อัปเดตกรณีทดสอบที่มีอยู่ สามารถเปลี่ยนแปลงชุดย่อยของฟิลด์ใดๆ ก็ได้ (ชื่อ, ลำดับความสำคัญ, สถานะ, ขั้นตอน, แท็ก ฯลฯ); เฉพาะฟิลด์ที่ระบุเท่านั้นที่จะถูกแก้ไข ตัวอย่างพรอมต์

Update test case TC-482 in the 'Shopping App' project and set its priority to high

4. listTestCases — แสดงรายการกรณีทดสอบสำหรับโปรเจกต์ โดยสามารถกำหนดขอบเขตไปยังโฟลเดอร์ได้ (รองรับตัวกรองเช่น case_type, priority และการแบ่งหน้า) ตัวอย่างพรอมต์

List all high-priority test cases in the 'Shopping App' project with project_identifier: PR-59457

5. listFolders — แสดงรายการโฟลเดอร์ในโปรเจกต์การจัดการการทดสอบ (ส่งคืน id, ชื่อ, จำนวนกรณี และจำนวนโฟลเดอร์ย่อยของแต่ละโฟลเดอร์) ส่ง parent_id เพื่อแสดงรายการโฟลเดอร์ย่อย ตัวอย่างพรอมต์

List all folders in the 'Shopping App' project with project_identifier: PR-59457

6. listTestCaseTemplates — แสดงรายการเทมเพลตกรณีทดสอบด้วย template_id แบบตัวเลข สำหรับใช้กับ createTestCase เพื่อใช้เทมเพลตที่กำหนดเอง ตัวอย่างพรอมต์

List the available test case templates in the 'Shopping App' project

7. createTestRun — สร้างการรันการทดสอบ (ชุด) สำหรับกรณีทดสอบที่เลือกในโปรเจกต์ ตัวอย่างพรอมต์

Create a test run for the Login folder in the 'Shopping App' project and name it 'Release v1.0 Login Flow'

8. listTestRuns — แสดงรายการการรันการทดสอบสำหรับโปรเจกต์ (กรองตามวันที่, ผู้รับผิดชอบ, สถานะ) ตัวอย่างพรอมต์

List all test runs from the 'Shopping App' project that were executed last week and are currently marked in-progress

9. updateTestRun — อัปเดตชื่อ/สถานะของการรันการทดสอบ และ/หรือเพิ่มกรณีทดสอบลงไป ตัวอย่างพรอมต์

Update test run ID 1043 in the 'Shopping App' project and mark it as complete with the note 'Regression cycle done'

10. addTestResult — เพิ่มผลลัพธ์การดำเนินการด้วยตนเอง (ผ่าน/ไม่ผ่าน/ถูกบล็อก/ข้าม) สำหรับกรณีทดสอบภายในการรัน ตัวอย่างพรอมต์

Mark the test case 'Invalid Login Scenario' as passed in test run ID 1043 of the 'Shopping App' project

11. createTestCasesFromFile — สร้างกรณีทดสอบจำนวนมากจากไฟล์ที่อัปโหลดโดยใช้เอเจนต์ AI ตัวสร้างกรณีทดสอบ (ไม่พร้อมใช้งานใน Remote MCP) ตัวอย่างพรอมต์

Upload test cases from '/Users/xyz/testcases.pdf' to the 'Shopping App' project in Test Management

12. listTestPlans — แสดงรายการแผนการทดสอบ (TP-*) ในโปรเจกต์ พร้อมชื่อ, สถานะ, วันที่ และจำนวนการรันที่ใช้งานอยู่/ปิดแล้ว รองรับการแบ่งหน้า ตัวอย่างพรอมต์

List all test plans in the 'Shopping App' project with project_identifier: PR-59457

13. getTestPlan — ดึงข้อมูลแผนการทดสอบตามตัวระบุ (TP-*) พร้อมข้อมูลเมตา, การรันการทดสอบที่เชื่อมโยง, จำนวนกรณีทดสอบทั้งหมด และสรุปสถานะ ตัวอย่างพรอมต์

Get the details of test plan TP-120 in the 'Shopping App' project

14. listSubTestPlans — แสดงรายการแผนการทดสอบย่อย (STP-) ภายใต้แผนการทดสอบหลัก (TP-) รองรับการแบ่งหน้า ตัวอย่างพรอมต์

List sub-test-plans under test plan TP-120 in the 'Shopping App' project

15. getSubTestPlan — ดึงข้อมูลแผนการทดสอบย่อย (STP-*) ภายใต้แผนหลัก พร้อมข้อมูลเมตาและการรันการทดสอบที่เชื่อมโยง ตัวอย่างพรอมต์

Get sub-test-plan STP-45 under test plan TP-120 in the 'Shopping App' project

---

⚙️ การตั้งค่า BrowserStack SDK / การทดสอบอัตโนมัติ

16. setupBrowserStackAutomateTests — รวม BrowserStack SDK และเรียกใช้การทดสอบเว็บบน BrowserStack สำหรับการทดสอบภาพ/Percy ให้ใช้เครื่องมือ Percy เฉพาะ ตัวอย่างพรอมต์

Run my Selenium-JUnit5 tests written in Java on Chrome and Firefox.

17. fetchAutomationScreenshots — ดึงภาพหน้าจอที่บันทึกระหว่างเซสชัน Automate/App Automate ที่กำหนด ตัวอย่างพรอมต์

Get screenshots from Automate session ID abc123xyz for my desktop test run

---

🔍 การสังเกตการณ์

18. getFailureLogs — ดึงข้อมูลบันทึกข้อผิดพลาดสำหรับเซสชัน Automate/App Automate (สามารถเลือกตาม Build ID สำหรับ App Automate) ตัวอย่างพรอมต์

Get the error logs from the session ID: 21a864032a7459f1e7634222249b316759d6827f, Build ID: dt7ung4wmjittzff8kksrjadjax9gzvbscoyf9qn of App Automate test session

19. fetchBuildInsights — ดึงข้อมูลเชิงลึกเกี่ยวกับบิลด์ BrowserStack โดยการรวมรายละเอียดบิลด์และผลลัพธ์เกตคุณภาพ ตัวอย่างพรอมต์

Get the build insights for build UUID <your-build-uuid> on BrowserStack

---

📱 App Live

20. runAppLiveSession — เริ่มเซสชันการทดสอบแอปด้วยตนเองบนอุปกรณ์จริงในคลาวด์ ตัวอย่างพรอมต์

Open my app on iPhone 15 Pro Max with iOS 17. App path is /Users/xyz/app.ipa

---

💻 Live

21. runBrowserLiveSession — เริ่มเซสชัน Live สำหรับการทดสอบเว็บไซต์บนเบราว์เซอร์เดสก์ท็อปหรือมือถือ ตัวอย่างพรอมต์

Open www.google.com on the latest version of Microsoft Edge on Windows 11

---

📲 App Automate

22. takeAppScreenshot — เปิดแอปบนอุปกรณ์ที่ระบุและจับภาพหน้าจอการตรวจสอบอย่างรวดเร็วเพื่อยืนยันว่าแอปของคุณเปิดขึ้นแล้ว ตัวอย่างพรอมต์

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

23. runAppTestsOnBrowserStack — เรียกใช้ชุดทดสอบมือถือแบบเนทีฟที่สร้างไว้ล่วงหน้า (Espresso/XCUITest) โดยการอัปโหลดไฟล์ทดสอบ .apk/.ipa ที่คอมไพล์แล้วโดยตรง ตัวอย่างพรอมต์

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'

24. setupBrowserStackAppAutomateTests — ตั้งค่าการรวม BrowserStack App Automate SDK สำหรับการทดสอบแอปมือถือที่ใช้ Appium ตัวอย่างพรอมต์

Set up my Appium test suite to run on BrowserStack App Automate

---

♿ การเข้าถึง

25. accessibilityExpert — ถามผู้เชี่ยวชาญ A11y (WCAG 2.0/2.1/2.2, การใช้งานบนมือถือ/เว็บ, แนวทางปฏิบัติที่ดีที่สุด) ตัวอย่างพรอมต์

What WCAG guidelines apply to form field error messages on mobile web?

26. startAccessibilityScan — เริ่มการสแกนการเข้าถึงเว็บและเรียกดูเส้นทางรายงาน CSV ในเครื่อง ตัวอย่างพร้อมท์

Run accessibility scan for "www.example.com"

27. createAccessibilityAuthConfig — สร้างการกำหนดค่าการตรวจสอบสิทธิ์ (แบบฟอร์มหรือแบบพื้นฐาน) สำหรับการสแกนการเข้าถึงหลังการเข้าสู่ระบบ ตัวอย่างพร้อมท์

Create a basic-auth accessibility config named 'site-login' for https://www.example.com with username testuser and password <password>

28. getAccessibilityAuthConfig — เรียกดูการกำหนดค่าการตรวจสอบสิทธิ์การเข้าถึงที่มีอยู่ตาม ID ตัวอย่างพร้อมท์

Get accessibility auth config with ID <config-id>

29. fetchAccessibilityIssues — ดึงข้อมูลปัญหาการเข้าถึงจากการสแกนที่เสร็จสมบูรณ์ พร้อมรองรับการแบ่งหน้า ตัวอย่างพร้อมท์

Fetch the accessibility issues for scan ID <scan-id> and scan run ID <scan-run-id>

---

🎨 การทดสอบภาพด้วย Percy

30. percyVisualTestIntegrationAgent — รวมการทดสอบภาพด้วย Percy เข้ากับโปรเจกต์ใหม่และสาธิตการตรวจจับการเปลี่ยนแปลงภาพด้วยการจำลองทีละขั้นตอน ตัวอย่างพร้อมท์

Integrate Percy for this project

31. expandPercyVisualTesting — ตั้งค่าหรือขยายขอบเขตการทดสอบภาพด้วย Percy สำหรับโปรเจกต์ที่มีอยู่ (Percy Web Standalone และ Percy Automate) ตัวอย่างพร้อมท์

Expand Percy coverage for this project

32. addPercySnapshotCommands — เพิ่มคำสั่ง Percy snapshot ลงในไฟล์ทดสอบที่ระบุ (ไม่พร้อมใช้งานใน Remote MCP) ตัวอย่างพร้อมท์

Add Percy snapshot commands to my Cypress test files

33. listTestFiles — แสดงรายการไฟล์ทดสอบทั้งหมดสำหรับชุดไดเรกทอรีที่กำหนด (ไม่พร้อมใช้งานใน Remote MCP) ตัวอย่างพร้อมท์

List the test files under my ./tests directory

34. runPercyScan — เรียกใช้การสแกนทดสอบภาพด้วย Percy (ไม่พร้อมใช้งานใน Remote MCP) ตัวอย่างพร้อมท์

Run this Percy build

35. fetchPercyChanges — เรียกดูและสรุปการเปลี่ยนแปลงภาพที่ Percy AI ตรวจพบระหว่างบิลด์ล่าสุดและบิลด์ก่อนหน้า ตัวอย่างพร้อมท์

Summarize the visual changes Percy detected in my latest build

36. managePercyBuildApproval — อนุมัติหรือปฏิเสธบิลด์ของ Percy ตัวอย่างพร้อมท์

Approve the latest Percy build

---

🤖 เอเจนต์ AI ของ BrowserStack

37. uploadProductRequirementFile — อัปโหลด PRD/ภาพหน้าจอ/PDF และรับ ID การแมปไฟล์ (ใช้กับ createTestCasesFromFile) (ไม่พร้อมใช้งานใน Remote MCP) ตัวอย่างพร้อมท์

Upload PRD from /Users/xyz/Desktop/login-flow.pdf and use BrowserStack AI to generate test cases

38. createLCASteps — สร้างขั้นตอน Low Code Automation (LCA) จากกรณีทดสอบด้วยตนเองในการจัดการการทดสอบ ตัวอย่างพร้อมท์

Convert the manual test case 'Add to Cart' in the 'Shopping App' project into LCA steps

39. fetchSelfHealedSelectors — เรียกดูตัวเลือกที่ AI ซ่อมแซมตัวเองได้ (พร้อมซอร์สการทดสอบ) เพื่อแก้ไขการทดสอบที่ล้มเหลวซึ่งเกิดจากการเปลี่ยนแปลง DOM ตัวอย่างพร้อมท์

Fetch and fix flaky test selectors in Automate session ID session_9482 using MCP

40. prepareSelfHealingPlan — สร้างแผนการแก้ไขแบบซ่อมแซมตัวเองที่รวมคู่ตัวระบุตำแหน่งกับซอร์สการทดสอบเพื่อให้ LLM ของคุณนำไปใช้ ไม่ได้แก้ไขไฟล์ด้วยตัวเอง ตัวอย่างพร้อมท์

Prepare a self-healing plan from the self-healed selectors for my build

41. fetchRCA — ดึงข้อมูลการวิเคราะห์สาเหตุหลักด้วย AI สำหรับการทดสอบ Automate/App-Automate ที่ล้มเหลวของคุณ (ตาม ID การทดสอบที่เป็นตัวเลข) แนะนำการแก้ไขเท่านั้น ไม่เคยนำไปใช้โดยอัตโนมัติ ตัวอย่างพร้อมท์

Fetch the root cause analysis for failed test IDs 101 and 102 on BrowserStack

42. getBuildId — รับ ID บิลด์ของ BrowserStack สำหรับโปรเจกต์และชื่อบิลด์ที่กำหนด โดยจำกัดขอบเขตเฉพาะบิลด์ของคุณ ตัวอย่างพร้อมท์

Get the build ID for build 'nightly-regression' in project 'Checkout Flow'

43. listBuildId — รับ ID บิลด์ล่าสุดสำหรับโปรเจกต์และชื่อบิลด์ ในทุกผู้ใช้ (ไม่มีตัวกรองผู้ใช้) ตัวอย่างพร้อมท์

Get the latest build ID for build 'nightly-regression' in project 'Checkout Flow'

44. listTestIds — แสดงรายการ ID การทดสอบจากบิลด์ BrowserStack Automate กรองตามสถานะ (ผ่าน/ไม่ผ่าน/รอดำเนินการ/ข้าม) ตัวอย่างพร้อมท์

List the failed test IDs from build UUID <your-build-uuid> on BrowserStack

🚀 เซิร์ฟเวอร์ Remote MCP

Remote MCP มาพร้อมกับฟังก์ชันการทำงานทั้งหมดของเซิร์ฟเวอร์ MCP โดยไม่ต้องยุ่งยากกับการตั้งค่าที่ซับซ้อนหรือการติดตั้งในเครื่อง

ประโยชน์หลัก:

• ✅ ทำงานได้อย่างราบรื่นในเครือข่ายองค์กรโดยไม่ต้องกังวลเกี่ยวกับไฟร์วอลล์หรือไบนารี หรือในที่ที่ไม่อนุญาตให้ติดตั้งในเครื่อง

• ✅ การรวม OAuth ที่ปลอดภัย – ไม่มีการแชร์รหัสผ่านหรือการจัดการข้อมูลประจำตัวด้วยตนเอง

ข้อจำกัด:

• ❌ ไม่รองรับ Local Testing (ไม่สามารถทดสอบแอปที่อยู่หลัง VPN, ไฟร์วอลล์ หรือ localhost) หากคุณต้องทำ Local Testing คุณจะต้องใช้เซิร์ฟเวอร์ BrowserStack Local MCP
• ❌ ความหน่วงอาจสูงขึ้นเล็กน้อย แต่ไม่มีนัยสำคัญ — โดยทั่วไปคุณจะไม่สังเกตเห็นในการใช้งานปกติ

ขั้นตอนการติดตั้ง:

• บน VSCode (Copilot - โหมด Agent): .vscode/mcp.json:

  • ค้นหาหรือสร้างไฟล์การกำหนดค่า:

  • ในไดเรกทอรีรากของโปรเจกต์ของคุณ ให้มองหาโฟลเดอร์ชื่อ .vscode โฟลเดอร์นี้มักจะถูกซ่อน ดังนั้นคุณจะต้องค้นหาตามที่กล่าวไว้ในส่วนขยาย

  • หากโฟลเดอร์นี้ไม่มีอยู่ ให้สร้างขึ้นมา

  • ภายในโฟลเดอร์ .vscode ให้สร้างไฟล์ใหม่ชื่อ mcp.json

  • ในการตั้งค่า Remote BrowserStack MCP แทน BrowserStack MCP ในเครื่อง คุณสามารถเพิ่มเนื้อหา JSON ต่อไปนี้:

    

    วิธีอื่นในการตั้งค่า Remote MCP

  • ขั้นตอนที่ 1. คลิกที่ไอคอนรูปเฟืองเพื่อเลือก Tools

    

  • ขั้นตอนที่ 2. เมนูเครื่องมือจะปรากฏขึ้นที่ด้านบนตรงกลาง เลื่อนลงที่เมนูด้านบนแล้วคลิกที่ Add MCP Server

  

  • ขั้นตอนที่ 3. คลิกที่ตัวเลือก HTTP

    

  • ขั้นตอนที่ 4. วาง URL เซิร์ฟเวอร์ Remote MCP: https://mcp.browserstack.com/mcp

    

  • ขั้นตอนที่ 5. ตั้งค่า server id เป็น: browserstack

    

  • ขั้นตอนที่ 6. ใน VSCode คลิกที่ start MCP Server จากนั้นคลิกที่ "Allow"

    
    
    

🤝 ไคลเอนต์ MCP ที่แนะนำ

• เราขอแนะนำให้ใช้ Github Copilot หรือ Cursor สำหรับกรณีการใช้งานการทดสอบอัตโนมัติ + การดีบัก
• สำหรับกรณีการใช้งานการทดสอบด้วยตนเอง (Live Testing) เราขอแนะนำให้ใช้ Claude Desktop

⚠️ หมายเหตุสำคัญ

• เซิร์ฟเวอร์ BrowserStack MCP อยู่ระหว่างการพัฒนาอย่างต่อเนื่องและปัจจุบันรองรับชุดย่อยของข้อกำหนด MCP ฟีเจอร์เพิ่มเติมจะถูกเพิ่มเร็วๆ นี้
• การเรียกใช้เครื่องมือขึ้นอยู่กับไคลเอนต์ MCP ซึ่งจะขึ้นอยู่กับ LLM ดังนั้นอาจมีพฤติกรรมที่ไม่แน่นอนซึ่งอาจนำไปสู่ผลลัพธ์ที่ไม่คาดคิด หากคุณมีข้อเสนอแนะหรือคำติชมใดๆ โปรดเปิด issue เพื่อหารือ

📝 การมีส่วนร่วม

เรายินดีรับการมีส่วนร่วม! โปรดเปิด issue เพื่อหารือเกี่ยวกับการเปลี่ยนแปลงใดๆ ที่คุณต้องการทำ 👉 คลิกที่นี่เพื่อดูแนวทางการมีส่วนร่วมของเรา

📞 การสนับสนุน

สำหรับการสนับสนุน โปรด:

• เปิด issue ใน ที่เก็บ GitHub ของเรา หากคุณพบปัญหาใดๆ ที่เกี่ยวข้องกับเซิร์ฟเวอร์ MCP
• ติดต่อ ทีมสนับสนุน ของเราสำหรับข้อสงสัยอื่นๆ

🚀 ฟีเจอร์เพิ่มเติมกำลังจะมาเร็วๆ นี้

คอยติดตามการอัปเดตที่น่าตื่นเต้น! มีข้อเสนอแนะใดๆ หรือไม่? โปรดเปิด issue เพื่อหารือ