[{"data":1,"prerenderedAt":182},["ShallowReactive",2],{"blog-article-/blog/playwright-mcp-servers-explained-automation-and-testing":3,"blog-surround-/blog/playwright-mcp-servers-explained-automation-and-testing":173},{"id":4,"title":5,"body":6,"canonical":156,"date":157,"description":158,"extension":159,"featured":160,"image":161,"meta":162,"navigation":163,"ogImage":161,"path":164,"provider":161,"published":163,"seo":165,"stem":166,"tags":167,"url":161,"__hash__":172},"blog/blog/playwright-mcp-servers-explained-automation-and-testing.md","Playwright MCP Servers Explained Automation and Testing",{"type":7,"value":8,"toc":145},"minimark",[9,13,16,21,26,29,45,48,52,55,69,73,76,106,109,113,116,119,123,141],[10,11,12],"p",{},"Did you know Playwright has two MCP servers? Yes, kinda confusing, let me explain it. The Playwright MCP server is great for Browser Automation, filling out forms for example or even using so LLMs can verify their work by opening the browser and taking a page snapshot to see it actually implemented what it said it did. It is built into GitHub Copilot Coding Agent so if you assign a PR to Copilot it will use Playwright which you can see in the session logs. It is very cool indeed.",[10,14,15],{},"Then we have another Playwright MCP server called Playwright Test MCP which is built into Playwright test and is for, yes you guessed it, testing. It has some similar tools as the Playwright MCP server but it also has other ones that you only need if you are testing. It starts running when you use the Playwright Agents, Planner, Generator and Healer. However this MCP server only supports TypeScript/JavaScript for now.",[17,18,20],"h2",{"id":19},"the-two-different-mcp-servers","The Two Different MCP Servers",[22,23,25],"h3",{"id":24},"playwright-mcp-server","Playwright MCP Server",[10,27,28],{},"The Playwright MCP server is designed for general browser automation tasks. It's perfect for:",[30,31,32,36,39,42],"ul",{},[33,34,35],"li",{},"Filling out forms automatically",[33,37,38],{},"Browser automation workflows",[33,40,41],{},"Allowing LLMs to verify their work by taking page snapshots",[33,43,44],{},"Integration with GitHub Copilot Coding Agent",[10,46,47],{},"When you assign a pull request to GitHub Copilot, it will automatically use the Playwright MCP server behind the scenes, which you can see in the session logs.",[22,49,51],{"id":50},"playwright-test-mcp-server","Playwright Test MCP Server",[10,53,54],{},"The Playwright Test MCP server is specifically built for testing scenarios. It includes:",[30,56,57,60,63,66],{},[33,58,59],{},"Similar tools to the regular Playwright MCP server",[33,61,62],{},"Additional testing-specific tools and capabilities",[33,64,65],{},"Integration with Playwright Agents (Planner, Generator, and Healer)",[33,67,68],{},"Currently supports TypeScript/JavaScript only",[17,70,72],{"id":71},"getting-started","Getting Started",[10,74,75],{},"So depending on your needs you can use one MCP server or the other. The Playwright MCP server you need to install while the Playwright Test MCP server is installed when you run an npx command when using the latest version of Playwright.",[77,78,83],"pre",{"className":79,"code":80,"language":81,"meta":82,"style":82},"language-bash shiki shiki-themes github-light github-dark","npx playwright init-agents --loop=vscode\n","bash","",[84,85,86],"code",{"__ignoreMap":82},[87,88,91,95,99,102],"span",{"class":89,"line":90},"line",1,[87,92,94],{"class":93},"sScJk","npx",[87,96,98],{"class":97},"sZZnC"," playwright",[87,100,101],{"class":97}," init-agents",[87,103,105],{"class":104},"sj4cs"," --loop=vscode\n",[10,107,108],{},"The installing of the MCP server is done for you and it doesn't matter what other MCP server you have as the agent will only use the tools that it has assigned to it.",[17,110,112],{"id":111},"conclusion","Conclusion",[10,114,115],{},"Both MCP servers serve different purposes but complement each other well in a comprehensive testing and automation workflow. Whether you're doing browser automation or writing tests, there's a Playwright MCP server designed for your specific needs.",[10,117,118],{},"Check out the docs for more info on how to get started. Have fun and happy testing with Playwright MCPs!",[17,120,122],{"id":121},"useful-links","Useful Links",[30,124,125,134],{},[33,126,127],{},[128,129,133],"a",{"href":130,"rel":131},"https://playwright.dev/docs/test-agents",[132],"nofollow","Playwright Test Agents Documentation",[33,135,136],{},[128,137,140],{"href":138,"rel":139},"https://github.com/microsoft/playwright-mcp",[132],"Playwright MCP GitHub Repository",[142,143,144],"style",{},"html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":82,"searchDepth":146,"depth":146,"links":147},2,[148,153,154,155],{"id":19,"depth":146,"text":20,"children":149},[150,152],{"id":24,"depth":151,"text":25},3,{"id":50,"depth":151,"text":51},{"id":71,"depth":146,"text":72},{"id":111,"depth":146,"text":112},{"id":121,"depth":146,"text":122},"https://dev.to/debs_obrien/playwright-mcp-servers-explained-automation-and-testing-4mo0","2024-11-17","Did you know Playwright has two MCP servers? Learn about the Playwright MCP server for browser automation and the Playwright Test MCP server for testing, both designed to work with AI agents and GitHub Copilot.","md",false,null,{},true,"/blog/playwright-mcp-servers-explained-automation-and-testing",{"title":5,"description":158},"blog/playwright-mcp-servers-explained-automation-and-testing",[168,169,170,171],"playwright","mcp","ai","testing","L5MRQLR9i2bpjvbnDZ6K5E1ugON4GcTZumhim5tH-fE",[174,178],{"title":175,"path":176,"stem":177,"children":-1},"How I vibe code: Improving my site design with Goose and Gemini 3","/blog/how-i-vibe-code-improving-my-site-design-with-goose-and-gemini-3","blog/how-i-vibe-code-improving-my-site-design-with-goose-and-gemini-3",{"title":179,"path":180,"stem":181,"children":-1},"Fixing Failing Tests Automatically with Playwright's New Healer Agent","/blog/fixing-failing-tests-automatically-with-playwrights-new-healer-agent","blog/fixing-failing-tests-automatically-with-playwrights-new-healer-agent",1790839746421]