Playwright MCP + Chrome Extension: Testing with Logged-In Profiles
Before the Playwright MCP Browser Extension, using a logged-in state with the Playwright MCP server often meant giving your login credentials to the LLM. 😬 Now, with the extension, you can securely reuse your existing browser profile — no passwords required. The LLM can run tests against a session that’s already authenticated. In this video, I’ll show you: ✅ How the Browser extension integrates with the Playwright MCP server ✅ How to connect to your own browser profile for a logged-in state ✅ How to use agent mode with Playwright MCP to access the logged in page and make some changes 📖 Learn more: https://github.com/microsoft/playwright-mcp/blob/main/extension/README.md blog: https://dev.to/debs_obrien/testing-in-a-logged-in-state-with-the-playwright-mcp-browser-extension-4cmg This makes MCP testing both safer and easier for automation engineers. Give it a try and let me know your thoughts in the comments.
Video Chapters
- 0:00 Unlocking effortless logged-in testing with Playwright MCP!
- 0:20 Problem Identified: Our first attempt at GitHub login falls short.
- 0:56 Solution in sight: Discovering the essential browser extension.
- 1:30 Your download guide: Securing the Playwright MCP extension.
- 2:05 Easy peasy: Enabling the extension for action.
- 2:55 The critical link: Configuring your Playwright MCP server.
- 3:40 Victory! Seamlessly logged into GitHub this time.
- 4:30 Real power demonstrated: AI agent takes control & changes settings!
- 5:45 Final act: Crafting tests for complex logged-in scenarios.
Original Output
0:00 Unlocking effortless logged-in testing with Playwright MCP! 0:20 Problem Identified: Our first attempt at GitHub login falls short. 0:56 Solution in sight: Discovering the essential browser extension. 1:30 Your download guide: Securing the Playwright MCP extension. 2:05 Easy peasy: Enabling the extension for action. 2:55 The critical link: Configuring your Playwright MCP server. 3:40 Victory! Seamlessly logged into GitHub this time. 4:30 Real power demonstrated: AI agent takes control & changes settings! 5:45 Final act: Crafting tests for complex logged-in scenarios. Timestamps by StampBot 🤖
Unprocessed Timestamp Content
0:00 Introduction: Testing logged-in websites made easy with Playwright MCP. 0:20 First attempt: Navigating to GitHub profile shows we are not logged in. 0:56 Discovering the Playwright MCP browser extension in the official documentation. 1:30 Downloading the Playwright MCP Chrome/Edge extension from GitHub releases. 2:05 Loading the Playwright extension in developer mode is super straightforward. 2:55 Configuring Playwright MCP server to utilize the shiny new browser extension. 3:40 Second attempt: Navigating to GitHub, now seamlessly logged into the profile. 4:30 The AI agent impressively changes profile settings, all while logged in. 5:45 Generating a test for the updated profile, demonstrating logged-in testing capabilities. Timestamps by StampBot 🤖