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와 주요 브라우저를 지원합니다.
원격 서버에 배포할 필요 없이 로컬 컴퓨터에서 호스팅되는 웹사이트를 원활하게 테스트하세요!
🧪 자동화된 테스트(Playwright, Selenium, A11y 등)
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"Related MCP server: Official Substack MCP Server
🛠️ 설치
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 저장소 에서 문제를 열어주세요.
다른 문의사항이 있으시면 당사 지원팀에 문의해 주시기 바랍니다.
🚀 곧 더 많은 기능이 출시됩니다
흥미로운 업데이트를 기대해 주세요! 제안하실 점이 있으신가요? 토론을 위해 이슈를 열어주세요.