vitalets/playwright-webext

Latest recorded source activity: October 27, 2026 at 10:35

SkillsMP catalog refreshed: November 5, 2026 at 19:57

skills collected: 2

GitHub stars: 4
GitHub forks: 0

Install with an AI assistant

Copy this prompt into the AI assistant you're using.

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/vitalets/playwright-webext.

Repository README

Repository README source: README.md

Read the source README

Expand full README

<div align="center"> <a href="https://vitalets.github.io/playwright-webext"> <img width="128" alt="playwright-webext" src="docs/static/img/brand/logo.svg"> </a> </div> <h2 align="center">playwright-webext</h2> <div align="center"> [![lint](https://github.com/vitalets/playwright-webext/actions/workflows/lint.yaml/badge.svg)](https://github.com/vitalets/playwright-webext/actions/workflows/lint.yaml) [![test](https://github.com/vitalets/playwright-webext/actions/workflows/test.yaml/badge.svg)](https://github.com/vitalets/playwright-webext/actions/workflows/test.yaml) [![npm version](https://img.shields.io/npm/v/playwright-webext)](https://www.npmjs.com/package/playwright-webext) [![license](https://img.shields.io/npm/l/playwright-webext)](https://github.com/vitalets/playwright-webext/blob/main/LICENSE) </div> A set of [Playwright](https://playwright.dev/) fixtures that make browser extensions testing easier. ## Features - Access your extension’s APIs with the built-in [extension](https://vitalets.github.io/playwright-webext/getting-started/writing-tests/) fixture. - Open and interact with the [popup](https://vitalets.github.io/playwright-webext/guides/popup/), [options](https://vitalets.github.io/playwright-webext/guides/options/), and [side panel](https://vitalets.github.io/playwright-webext/guides/side-panel/) pages. - Read and write [extension storage](https://vitalets.github.io/playwright-webext/guides/storage/) directly from test. - Trigger actions by [emulating browser events](https://vitalets.github.io/playwright-webext/api/extension/#dispatch). - Mock [time and timers](https://vitalets.github.io/playwright-webext/guides/fake-timers/) in the service worker and extension pages with automatic alarms triggering. - Check [internationalization (i18n)](https://vitalets.github.io/playwright-webext/guides/i18n/) without changing your system language. - Verify [data migration](https://vitalets.github.io/playwright-webext/guides/migration/) between upgrades. - Inject a custom [init script](https://vitalets.github.io/playwright-webext/basics/configuration/#extensioninitscript) into the service worker and all extension pages. - Install extension [lazily](https://vitalets.github.io/playwright-webext/basics/configuration/#extensionautoinstall) to prepare browser state. - Test the flow when extension is [disabled](https://vitalets.github.io/playwright-webext/api/extension/#disable) or [uninstalled](https://vitalets.github.io/playwright-webext/guides/uninstall/). ## Quick start 1. Install the package: ```bash npm install -D playwright-webext ``` 2. Point `playwright.config.ts` at your built extension: ```ts import { defineConfig } from '@playwright/test'; import type { WebextOptions } from 'playwright-webext'; export default defineConfig<WebextOptions>({ use: { extensionPath: './dist', }, }); ``` 3. Use the `extension` fixture in your test: ```ts import { expect } from '@playwright/test'; import { test } from 'playwright-webext'; test('shows the popup', async ({ extension }) => { const popup = await extension.openPopup(); await expect(popup.getByRole('heading')).toHaveText('My popup'); }); ``` 4. Run the test: ``` npx playwright test ``` ## Documentation Check out the [documentation website](https://vitalets.github.io/playwright-webext/). ## Example See the [complete example](https://github.com/vitalets/playwright-webext/blob/main/example) for a TypeScript extension tested with `playwright-webext`. ## Motivation [Playwright's extension guide](https://playwright.dev/docs/chrome-extensions) shows how to launch browser with an extension, wait for its service worker, and find its ID. That gives you a working starting point, but leaves you to maintain the setup fixtures and write helpers for extension tasks. Playwright-webext provides helpers beyond the default guide: storage setup, localization testing, migrations and much more. These helpers let you focus on your extension's behavior using familiar Playwright pages, locators, and assertions. ## License [MIT](https://github.com/vitalets/playwright-webext/blob/main/LICENSE).

Loading the repository README…

Skills in this repository

classification pending

skill

occupation

description

updated

writing-docs

unclassified

Write, edit, and review playwright-webext documentation, including Docusaurus pages in docs/content and the README. Use for clearer prose, useful examples, and documentation structure. Applies project editorial preferences; not implementation comments or…

2026-10-27

playwright-debug

unclassified

Debug failing Playwright tests using playwright-cli attached to a live, paused test. Use to inspect page state, locators, console errors, and requests around a failure, then fix and rerun when requested.

2026-09-28

Showing 2 of 2 collected skills.