Playwright E2E Sidebar

Adds a sidebar panel to the browser, covered end to end by Playwright tests.

Runs on Chrome, Edge, Firefox · Manifest V3 · Surfaces: sidebar, popup, background service worker · Styling: CSS · Level: intermediate

Create this project

npx extension@latest create my-playwright --template playwright
cd my-playwright
npm install
npm run dev

What it is for

  • End-to-end testing for browser-extension surfaces (popup, sidebar, content)
  • CI-ready Playwright setup wired to Extension.js builds
  • Reference for automating extension flows in headed and headless modes

First steps

  • Run npm install to set up Playwright deps
  • Run npm run dev to launch the extension
  • Run npm test to execute the Playwright spec against the loaded extension

Permissions it asks for

  • sidePanel

Source on GitHubDocumentation

extension.devDocumentation for extension.dev