E2E Workshop

샘플 코드

cd playwright-init/ # Playwright Test
npx playwright test --ui
cd my-react-app/ # Reactflow Test
pnpm install
pnpm run dev

Playwright MCP

{
 "mcpServers": {
 "playwright": {
 "command": "npx",
 "args": [
 "@playwright/mcp@latest",
 "--vision"
 ]
 }
 }
}

Prompt 1 : localhost:5173 페이지를 열어서 테스트를 하면 좋은 케이스를 3개만 확인해줘
Prompt 2 : 너가 확인한 3개의 테스트를 진행해줘
Prompt 3 : 테스트를 기반으로 playwright 코드를 작성해줘

Playwright Chrome Extension

워크숍 슬라이드

open ./e2e-workshop-slides.html

워크숍 상세내용

open ./workshop-guide.md