BrowserStack MCP 서버

팀의 모든 개발자와 테스터가 수동 테스트, 자동화 여정 시작, 테스트 자동화 확장 등 어떤 작업을 수행하든 관계없이 역량을 강화할 수 있습니다. BrowserStack MCP Server를 사용하면 선호하는 AI 도구에서 바로 최첨단 테스트 플랫폼을 사용할 수 있습니다.

왜 BrowserStack인가요?

💡 사용 예시

📱 수동 앱 테스트

다음 프롬프트를 사용하여 BrowserStack의 광범위한 실제 기기 클라우드에서 모바일 앱을 사용하세요. 에뮬레이터는 더 이상 사용하지 마세요!

지엑스피1

에뮬레이터와 달리 실제 기기에서 앱의 실제 성능을 테스트해 보세요. 고급 앱 프로파일링 기능을 사용하면 충돌 및 성능 문제를 실시간으로 디버깅할 수 있습니다.
당사의 기기 그리드 에서 모든 주요 기기와 OS 버전에 액세스하세요. 당사는 출시일 에 새로 출시된 기기를 글로벌 데이터 센터에 제공하기 위해 엄격한 SLA를 준수합니다.

🌐 수동 웹 테스트

앱 테스트와 마찬가지로, 다음 프롬프트를 사용하여 BrowserStack의 광범위한 실제 브라우저 및 기기 클라우드에서 웹사이트를 테스트할 수 있습니다. 컴퓨터에 Edge 브라우저가 설치되어 있지 않으신가요? 저희가 도와드리겠습니다!

# Test your local websites
"open my website hosted on localhost:3001 on Edge"

다양한 브라우저와 기기에서 웹사이트를 테스트해 보세요. 모든 주요 OS와 주요 브라우저를 지원합니다.
원격 서버에 배포할 필요 없이 로컬 컴퓨터에서 호스팅되는 웹사이트를 원활하게 테스트하세요!

BrowserStack의 테스트 플랫폼 에서 자동화된 테스트를 실행/디버그/수정하려면 다음 프롬프트를 사용하세요.

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

# Debug test failures
"My test suite failed, can you help me fix the new failures?"

# Accessibility testing
"check for accessibility issues on my www.mywebsite.com"

업계 최고의 테스트 관찰 기능을 활용하여 CI/CD 파이프라인에서 보고된 테스트 실패를 해결하세요. 자세한 내용은 여기에서 확인하세요.
BrowserStack의 테스트 플랫폼 에서 Jest, Playwright, Selenium 등으로 작성된 테스트를 실행하세요.
접근성 테스트 : 접근성 테스트 도구를 사용하여 WCAG 및 ADA 규정 준수를 보장합니다.

📋 테스트 관리

다음 프롬프트를 사용하여 MCP 서버로 BrowserStack의 테스트 관리 기능을 활용하세요.

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

🛠️ 설치

BrowserStack 계정 만들기
- 아직 계정이 없으시다면 BrowserStack 에 가입하세요.
- ℹ️ 오픈소스 프로젝트가 있다면 무료 플랜 을 제공해드릴 수 있습니다.
- 계정이 생기고 적절한 플랜을 구매했다면 '계정 설정 '에서 username 과 access_key 기록해 두세요.
Node 버전이 18.0 이상인지 확인하세요. node --version 명령어를 사용하여 Node 버전을 확인하세요. 권장 버전: v22.15.0 (LTS)
MCP 서버 설치
- VSCode(Copilot - 에이전트 모드): .vscode/mcp.json :
{ "servers": { "browserstack": { "command": "npx", "args": ["-y", "@browserstack/mcp-server@latest"], "env": { "BROWSERSTACK_USERNAME": "<username>", "BROWSERSTACK_ACCESS_KEY": "<access_key>" } } } }
- VSCode에서는 MCP 서버에서 Start 버튼을 클릭하여 서버를 시작하세요.
- 커서의 경우: .cursor/mcp.json :
{ "mcpServers": { "browserstack": { "command": "npx", "args": ["-y", "@browserstack/mcp-server@latest"], "env": { "BROWSERSTACK_USERNAME": "<username>", "BROWSERSTACK_ACCESS_KEY": "<access_key>" } } } }
- 클로드 데스크톱: ~/claude_desktop_config.json :
{ "mcpServers": { "browserstack": { "command": "npx", "args": ["-y", "@browserstack/mcp-server@latest"], "env": { "BROWSERSTACK_USERNAME": "<username>", "BROWSERSTACK_ACCESS_KEY": "<access_key>" } } } }

Smithery를 통해 설치

Smithery를 통해 Claude Desktop용 BrowserStack Test Platform Server를 자동으로 설치하려면:

npx -y @smithery/cli install @browserstack/mcp-server --client claude

🤝 추천 MCP 클라이언트

자동화된 테스트 및 디버깅 사용 사례에는 Github Copilot 또는 Cursor를 사용하는 것이 좋습니다.
수동 테스트 사용 사례(라이브 테스트)의 경우 Claude Desktop을 사용하는 것이 좋습니다.

⚠️ 중요 참고 사항

BrowserStack MCP 서버는 현재 활발하게 개발 중이며 MCP 사양의 일부만 지원합니다. 더 많은 기능이 곧 추가될 예정입니다.
도구 호출은 MCP 클라이언트에 의존하고, MCP 클라이언트는 LLM에 의존하므로 예상치 못한 결과를 초래할 수 있는 비결정적 동작이 발생할 수 있습니다. 제안이나 의견이 있으시면 이슈를 열어 논의해 주세요.

📝 기여하기

여러분의 참여를 환영합니다! 변경하고 싶은 사항이 있으시면 이슈를 개설하여 논의해 주세요. 👉 참여 가이드라인을 보려면 여기를 클릭하세요.

📞 지원

지원을 원하시면 다음을 클릭하세요.

문서를 확인하세요
MCP 서버와 관련된 문제가 발생하면 GitHub 저장소 에서 문제를 열어주세요.
다른 문의사항이 있으시면 당사 지원팀에 문의해 주시기 바랍니다.

🚀 곧 더 많은 기능이 출시됩니다

흥미로운 업데이트를 기대해 주세요! 제안하실 점이 있으신가요? 토론을 위해 이슈를 열어주세요.

BrowserStack MCP server