AI가 Playwright 테스트를 추측하게 하지 말고 Context7 MCP를 사용하세요

Source: Dev.to

문제

Swiftcart QA 자동화 프로젝트를 진행하면서 AI 에이전트에게 간단한 질문을 했습니다.
“지식 컷오프 날짜가 언제인가요?”
그 답변은: 2024년 4월.

Playwright는 빠르게 변합니다. 새로운 로케이터 패턴, MCP 워크플로, 테스트 러너 업데이트, 그리고 베스트 프랙티스가 모델 학습 시점 이후에도 계속 바뀔 수 있기 때문입니다.

Context7 MCP는 AI 코딩 어시스턴트를 위한 문서 서버입니다.
모델이 오래된 학습 데이터만으로 답변하는 대신, Context7을 통해 에이전트가 최신 라이브러리 문서를 가져올 수 있습니다.

내 작업 흐름에서는 다음과 같이 사용했습니다.

• Cursor
• Playwright
• Context7 MCP
• Playwright MCP
• Swiftcart 데모 앱

AI는 테스트를 빠르게 생성할 수 있지만, 다음과 같은 문제도 발생할 수 있습니다.

• 오래된 문법을 제안
• 존재하지 않는 API를 환상(halucinate)
• 깨지기 쉬운 로케이터 생성
• 최신 Playwright 베스트 프랙티스를 놓침
• 통과는 하지만 올바른 것을 테스트하지 않는 테스트 생성

Context7은 Playwright를 아는 것을 대체하지 않습니다. AI에게 더 나은 컨텍스트를 제공할 뿐입니다.

프로젝트에 아래와 같은 파일을 만들었습니다.

.vscode/mcp.json

{
  "servers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp"]
    }
  }
}

확인

Context7 MCP를 명시적으로 사용합니다.
다음과 같은 도구가 보이면 좋은 신호입니다.

context7: resolve-library-id
Swiftcart 앱
↓
Playwright MCP가 실제 페이지를 검사
↓
Context7 MCP가 최신 Playwright 문서 제공
↓
Cursor가 첫 번째 테스트 초안을 생성
↓
내가 로케이터와 어설션을 검토
↓
최종 테스트가 Playwright CLI로 실행