Playwright MCP extension /w Claude Code

결제/환불 관련 전 시나리오 E2E 테스트같은 노가다성 짙은 테스트에 활용 예정.

그냥 mcp를 쓰면 디버깅용 크롬을 따로 켜서 써야 한다.
로그인 상태, 기타 테스트 환경 세팅 등을 제어하기 어려움.

따라서 MCP extension을 활용하면 편하다.

https://github.com/microsoft/playwright-mcp/releases

위 페이지에서 zip 다운로드.
개발자모드로 크롬 익스텐션 어드민 들어가서 압축 푼 파일 등록해주기.

그 후 클코의 json에서 mcp 세팅을 해주기. (--extension)
그리고 key 등록.

 "playwright": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "@playwright/mcp@latest",
        "--extension"
      ],
      "env": {
        "PLAYWRIGHT_MCP_EXTENSION_TOKEN": "xxx"
      }
    }

그러면 격리된 디버깅용 크롬을 켤 필요 없이, 그냥 기존에 쓰던 브라우저에서 playwright 이용이 가능하다.

하지만 순정으로 쓰면 엉뚱한 삽질을 자주하는 걸 관찰 가능.

반드시

1) 스냅샷을 기준
2) 레포지토리의 코드

를 기반으로 행동으로 하도록 클코 .md 문서를 작성한다.