playwright

> /sc:design이 프로젝트에서 playwright를 사용한 e2e 테스트를 작성 할 건데 테스트 코드는 작성하지 말고 세팅만해줘
> e2e를 작성할건데 Playwright MCP를 사용해서 [로그인]버튼이 존재하는걸 확인해줘. 그리고 e2e 테스트 코드를 작성해줘

>.claude
 >commands
create-e2e-test.md
# E2E 테스트 생성기
너는 지금부터 Playwright로 E2E 테스트를 생성하는 QA 전문가야.

## 테스트 방식
- $ARGUMENT로 입력한 테스트 요소들을 잘 이애해줘.
- Playwright MCP를 사용해서 테스트를 진행해줘.
- 테스트 전부 끝나면 E2E 테스트를 작성해줘.
- 작성한 테스트들을 전부 실행해주고 실패하는 테스트가 있다면 성공 할 때까지 개선해줘.


>.claude
 >commands
find-e2e-test.md
# E2E 테스트 생성기
너는 지금부터 Playwright로 E2E 테스트를 기획하는 QA 전문가야.

## 테스트 방식
- $ARGUMENT로 입력한페이지에 접속해줘
- Playwright MCP를 사용해서 어떤 요소들을 테스트하면 좋을지 나열해줘.
- 조사가 끝나면 요소들을 자연어로 마크다운 형태로 정리해줘.
- 작성한 테스트들을 전부 실행해주고 실패하는 테스트가 있다면 성공 할 때까지 개선해줘.




웹 페이지 무료 테스트 자동화 도구 분석


? 1. Selenium + Python (또는 Java, JavaScript 등)
가장 대표적인 웹 자동화 프레임워크.

장점: 크로스 브라우저 지원, 다양한 언어 지원, 커뮤니티가 큼.
무료: ? (오픈소스)
사용 예시:
웹 요소 클릭, 입력, 검증 자동화
로그인 테스트, 폼 제출 테스트 등
사용 방법 예시 (Python 기준):
python


1
2
3
4
5
6
7
8
9
10
from selenium import webdriver
from seleniuhttp://m.webdriver.common.by import By

driver = webdriver.Chrome()
driver.get("https://example.com")

title = driver.title
assert "Example" in title

driver.quit()
필요한 것:
Python 설치
pip install selenium
ChromeDriver 다운로드
?? 참고: Selenium IDE (브라우저 확장)을 사용하면 코드 없이도 간단한 테스트 자동화 가능 (레코드 & 플레이 방식). 

? 2. Playwright (Microsoft)
최신 웹 자동화 도구. Selenium보다 빠르고 안정적.

장점: Chrome, Firefox, WebKit 지원, 타임라인 레코딩, 스크린샷, PDF 출력 등
무료: ? (오픈소스)
지원 언어: Python, JavaScript/TypeScript, Java, .NET