본문으로 건너뛰기

루프공방LoopLab

배우기 카탈로그 도구·모델 AI 질의 자료실 소식 챌린지 공유 방명록

페이지를 불러오는 중입니다.

루프공방

바이브코딩을 해 봤지만 아직 서툰 사람을 위해, 하네스·Skills·MCP·Hooks·실제 도구를 익히고 시행착오를 줄이는 학습 허브

검색 완전 초보 배우기 도구·모델 카탈로그 소식 자료실 챌린지 프로젝트 방명록 로그인

배우기
카탈로그
AI 질의
자료실
챌린지
공유

plugin중급E2E테스트

Playwright

E2E 테스트 표준

커뮤니티 · 웹 E2E 사실상 표준

공식 문서 GitHub

무엇을 하나요

브라우저 자동화. 에이전트 UI 검증의 사실상 표준 중 하나.

어떻게 동작하나요

E2E 테스트 프레임워크. 에이전트가 생성한 플로우를 CI에서 검증.

이런 분께

웹 서비스 바이브.

시작 방법

codegen으로 한 시나리오 → CI.

실전 팁

page object 과다 추상 금지
trace on failure
스테이징 URL env

이럴 땐 쓰지 마세요

단위 테스트만으로 충분한 라이브러리.

주의 (보안·운영)

실계정 E2E 금지.

막히기 쉬운 지점

깨지기 쉬운 셀렉터.

같이 보면 좋은 항목

Playwright MCP — 브라우저 조작·스냅샷
webapp-testing / 브라우저 검증 스킬 — UI를 실제로 클릭해 검증