본문으로 건너뛰기

© 2026 Molayo

Dev.to헤드라인2026. 05. 08. 16:37

BrowserQA: AI-assisted QA, Playwright runs, and a Chrome side panel that talks

요약

BrowserQA는 AI의 도움을 받아 자동화된 QA 검사를 생성, 실행 및 개선할 수 있는 통합 QA 워크스페이스입니다. 이 플랫폼은 Playwright 스타일의 자동화를 중심으로 프로젝트 관리, 실행 결과 중앙화를 제공하며, 로컬/클라우드 환경 모두에서 테스트를 수행할 수 있습니다. 핵심 기능으로는 Chrome 확장 프로그램인 Copilot Bridge가 있어 실제 웹페이지에서 UI 요소를 선택하고 구조화된 컨텍스트를 가져와 사이드 패널에서 자동화 동작을 생성하거나 수동 케이스를 기록하는 것이 가능합니다. 또한, 로컬 데스크톱 러너(Playwright)를 통해 환경 의존적인 테스트의 빠른 반복과 오케스트레이션을 지원합니다.

핵심 포인트

  • BrowserQA는 QA 워크플로우를 중앙 집중화하여 스프레드시트와 티켓팅 도구 간의 이동을 줄입니다.
  • AI 기반 Copilot Bridge Chrome 확장 프로그램은 웹페이지에서 직접 UI 요소를 선택하고 자동화 스크립트를 생성하는 기능을 제공합니다.
  • Playwright 스타일의 자동화를 핵심으로 하며, 로컬 데스크톱 러너를 통해 환경 특이적 테스트 실행 및 오케스트레이션을 지원합니다.
  • 플랫폼은 호스팅 클라우드 실행과 로컬 하드웨어 실행을 모두 지원하여 유연성을 높였습니다.

우리는 BrowserQA 를 작업합니다. 이는 자동화된 검사를 생성하고 실행하며, AI 와 반복하여 개선할 수 있고, 실제 사용자가 브라우저로 사용하는 방식에 가깝게 실행을 유지할 수 있는 QA workspace 입니다.

이 글은 그것이 무엇인지, BrowserQA Copilot Bridge Chrome 확장 프로그램이 어떻게 들어가는지, 그리고 로컬 Playwright 실행을 시도하고 싶다면 설치 프로그램을 어디서 가져올 수 있는지 간략히 소개합니다.

BrowserQA 가 해결하려는 문제: 전통적인 QA 워크플로는 스프레드시트, 티켓팅 도구, "이 스크립트를 로컬에서 실행하세요" 지침 사이를 오가곤 합니다. BrowserQA 는 Playwright 스타일의 자동화를 중심으로 프로젝트, 실행, 결과를 중앙화하며, 자체 기계 (인증, VPN, 헤드드 디버깅) 가 필요할 때 호스팅 실행과 로컬 실행의 공간을 제공합니다.

높은 수준에서 (플랫폼이 어떻게 구축되었는지): Browser-Use 스타일의 에이전트와 툴링을 사용한 AI 보조 테스트 생성. Playwright 실행은 신뢰성을 위한 1 차 경로입니다. 호스팅 브라우저가 구성된 스택을 위한 선택적 클라우드 실행. 로컬 데스크톱 런너를 사용하여 하드웨어에서 실행하고 로그 및 결과를 제품으로 스트리밍할 수 있습니다.

엔지니어링 지향 기능 목록이 원한다면, 내부 플랫폼 README 에서도 TestRail 통합, 수기 기록 플로우, data-test-id 와 같은 안정적인 속성을 선호하는 선택자 휴리스틱과 같은 것들이 언급됩니다.

Chrome 확장 프로그램: Copilot Bridge 이 확장 프로그램은 BrowserQA Copilot Bridge (Manifest V3) 로 게시됩니다. 현재 리포의 빌드는 v0.1.23 입니다.

그것은 무엇을 위한 것입니까? 실제 페이지에서 UI 요소를 선택하고 구조화된 컨텍스트를 BrowserQA 로 보내세요. 사이드 패널에서 작업하세요: 프로젝트, 픽스, 선택적 노트, 자동화할 동작 (수기 케이스가 첨부되었을 때) 또는 페이지에서 수기 테스트 케이스를 생성하세요.

페이지 내 Copilot: 테스트 중인 사이트에서 채팅을 유지하면서 활성 탭에서 보조 프로그램을 엽니다.

그것이 어떻게 연결됩니까? 로그인에는 Chrome identity.launchWebAuthFlow 를 사용하거나, 사이트의 /extension/connect 플로우를 통해 페어링할 수 있습니다 (프로젝트의 확장 프로그램 README 을 참조하세요). Copilot 요청은 Backend /api/copilot/chat 으로 가며 (생성 환경에서는 https://browserqa.io 입니다). 디버깅을 위해 기억해 두세요, MV3 fetch 는 서비스 워커에서 발생하므로, 웹사이트 탭 Network 패널에서 그 호출을 보지 못합니다. 만약 워커를 검사하지 않는 한.

중요한 제약 조건 (앞서 말해두는 것이 좋습니다) 주입된 페이지 스크립트는 https://* 페이지에 맞게 구성됩니다 (단순 http 는 아님). 픽스 및 페이지 내 Copilot 을 사용할 때는 HTTPS 사이트만 사용하세요. Chrome 은 또한 chrome://, 확장 프로그램 스토어 페이지, 그리고 유사한 것에서 스크립팅을 차단합니다. 이 확장 프로그램은 ...

이벤트 표면은 발생 시 힌트를 제공합니다. 개인정보 정책: https://browserqa.io/legal/privacy (확장 관련 공개 포함). Chrome 웹 스토어에 출시할 경우, 단일 목적 설명과 권한 정당화를 실제 수행 내용 (호스트 권한 vs 신원 vs 스크립팅) 과 일치시키세요. ZIP 다운로드 및 로컬 러너 설치 프로그램: https://browserqa.io/downloads 예제 확장 아티팩트 이름 패턴: browserqa-extension-0.1.23.zip (릴리스 버전 증가). 개발 팁: webapp/extension 에서 npm run build 후 dist/ 폴더를 로드해 실행하세요.

로컬 러너 (플레이크릿) 로컬 러너 (플레이크릿) 의 BrowserQA 로컬 러너 (데스크톱 앱) 는 다음을 원하는 팀을 위해 설계되었습니다:

  • 로컬 실행 유지하면서 오케스트레이션과 결과를 BrowserQA 에서 관리
  • 기계 특이 로그인 또는 환경에 의존하는 플로우의 빠른 반복
  • 로그인 후 자동 연결 동작으로 워커가 항상 사용 가능하게 유지
  • 데스크톱 앱에서 헤드드 vs 헤드리스 전환

On /downloads 설치 프로그램은 현재 코드베이스의 Local Agent v0.2.0 에 기반하여 버전 관리됩니다: Apple Silicon DMG 와 Windows 설치 프로그램, plus Playwright/Chromium 초기화 첫 실행에 대한 FAQ.

이 대상 Who this is for QA 엔지니어, SDET 또는 릴리스를 소유하는 개발자라면 이 스택은 "이 페이지에서 버그 발견" 에서 "재현 가능한 자동화된 체크 및 실행 기록" 으로 가는 경로를 단축하기 위해 설계되었습니다. AI 도우미가 경우 작성과 단계 제안에 도움을 줄 수 있습니다.

시도해보기 https://browserqa.io 로 이동하여 워크스페이스 생성 또는 열기. https://browserqa.io/downloads 에서 빌드 가져오기. BrowserQA 코파일 브리지 설치, 로그인, 사이드 패널 열기, Pick + Generate 또는 Automate 를 HTTPS 페이지에서 시도하세요.

공개 이 프로젝트와 관련이 있습니다. 브라우저 QA / 이 프로젝트. 여기에서 어떤 내용이 라이브 제품 (가격, 로드맵, Chrome 웹 스토어 목록) 에서 벗어나는지 있다면, browserqa.io 사이트 및 릴리스 노트를 먼저 신뢰하세요. 피드백 환영: 인브로우 코파일 + 플레이크릿 실행이 팀에 설득력 있게 만들 수 있는 것은 무엇인가요?

AI 자동 생성 콘텐츠

본 콘텐츠는 Dev.to AI tag의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.

원문 바로가기
2

댓글

0