playwright-mcp

Integrations

  • Provides keyboard shortcuts support for macOS users to access the Cursor AI window with Cmd + I.

  • Utilized as a runtime for running the playwright-mcp server, which enables browser automation and DOM interaction.

playwright-mcp를 어떻게 사용하나요?

소개

playwright-mcp(모델 컨텍스트 프로토콜)는 AI 어시스턴트와 브라우저 자동화 간의 간극을 메우는 강력한 도구입니다. AI 모델이 웹 브라우저와 상호 작용하고, DOM 요소를 검사하고, 사용자 상호작용을 기록하고, 더 높은 정확도로 Playwright 테스트 스크립트를 생성할 수 있도록 지원합니다. 이 가이드는 playwright-mcp를 효과적으로 설정하고 사용하는 방법을 안내합니다.

도구

브라우저 인터페이스에서 사용 가능한 도구:

브라우저 도구 상자

  1. DOM 선택(🎯): 페이지에서 HTML 요소를 선택하고 캡처하려면 클릭하세요. 테스트 케이스의 선택자를 기록하는 데 사용하세요.
  2. 이미지 선택(📸): 특정 요소의 스크린샷을 캡처하세요. 시각적 테스트나 문서화에 유용합니다.
  3. 상호작용 기록(📋): 클릭, 입력, 탐색 등 브라우저 상호작용을 기록합니다. 이러한 상호작용은 자동으로 선택자를 생성하며, Claude나 Cursor와 같은 MCP 클라이언트에 컨텍스트로 전달하여 테스트 케이스 작성에 도움을 줄 수 있습니다.

MCP 명령

  1. init-browser : Playwright 브라우저를 초기화합니다.
  2. get-context : 테스트 케이스를 작성하는 데 사용될 웹사이트 컨텍스트를 가져옵니다.
  3. execute-code : 현재 페이지에 대해 사용자 정의 Playwright JS 코드를 실행합니다.
  4. get-screenshot : 현재 페이지의 스크린샷을 가져옵니다
  5. get-full-dom : 현재 페이지의 전체 DOM을 가져옵니다. (대신 get-context 사용하는 것이 좋습니다.)

자세히 알아보기

더 자세히 알고 싶으신가요? 전체 문서를 확인해 보세요.

📖 문서 보기

-
security - not tested
F
license - not found
-
quality - not tested

local-only server

The server can only run on the client's local machine because it depends on local resources.

Playwright MCP 서버는 웹 페이지와의 상호작용 및 요소 검사를 통해 AI 기반 Playwright 테스트 생성을 지원합니다. Cursor와 같은 IDE와 통합되어 실시간 컨텍스트를 제공하여 테스트의 정확성과 효율성을 향상시킵니다.

  1. Introduction
    1. Tools
      1. Browser Toolbox
      2. MCP Commands
    2. Learn More

      Related MCP Servers

      • -
        security
        A
        license
        -
        quality
        A MCP server that provides browser automation tools, allowing users to navigate websites, take screenshots, click elements, fill forms, and execute JavaScript through Playwright.
        Last updated -
        Python
        Apache 2.0
        • Apple
      • -
        security
        A
        license
        -
        quality
        A browser automation server providing Playwright capabilities for controlling web browsers, capturing screenshots, extracting content, and performing complex interactions through an MCP interface.
        Last updated -
        Python
        Apache 2.0
        • Apple
      • -
        security
        F
        license
        -
        quality
        A MCP server that allows AI assistants to interact with the browser, including getting page content as markdown, modifying page styles, and searching browser history.
        Last updated -
        5
        TypeScript
      • -
        security
        F
        license
        -
        quality
        A service that provides Playwright browser automation functionality through Model Context Protocol (MCP), allowing clients to use Playwright features via SSE connections.
        Last updated -
        2

      View all related MCP servers

      ID: nhpi6f4asd