chrome-extension-e2e-playwright

Automate Chrome extension end-to-end tests with Playwright.

34|Updated Oct 30, 2023
One-click install
npx skills add https://github.com/daichan132/Youtube-Live-Chat-Fullscreen --skill chrome-extension-e2e-playwright
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chrome-extension-e2e-playwright
Source: https://github.com/daichan132/Youtube-Live-Chat-Fullscreen/tree/main/.agents/skills/chrome-extension-e2e-playwright
Command: npx skills add https://github.com/daichan132/Youtube-Live-Chat-Fullscreen --skill chrome-extension-e2e-playwright

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Playwright-based E2E testing for Chrome extensions, including MV3 service worker startup, extension loading, and interaction with shadow DOM, chrome.storage, and iframes, to ensure robust extension behavior across environments.

Core Features & Use Cases

  • End-to-end validation of MV3 extensions from load to ID retrieval
  • Shadow DOM, chrome.storage, and iframe interaction coverage
  • Guidance for stable, diagnosable tests with fixtures and references

Quick Start

Run your Playwright tests against a built extension by pointing to dist, launch a persistent context with load-extension, and smoke-check that the MV3 Service Worker starts and an extension ID can be retrieved

Frequently Asked Questions about chrome-extension-e2e-playwright

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I run E2E tests for a Chrome extension with Playwright?▼

Playwright E2E testing for Chrome extensions uses a persistent context with load-extension arguments to load your built extension, ensuring deterministic startup, robust shadow DOM interaction, and reliable diagnostics across environments.

Can I test MV3 service worker startup and shadow DOM interactions in Playwright?▼

Yes, Playwright supports MV3 extension testing by validating service worker startup, retrieving extension IDs, and interacting with shadow DOM and iframes through a persistent context designed for robust extension behavior.

What is the best way to retrieve a Chrome extension ID during Playwright testing?▼

The best way to retrieve a Chrome extension ID during Playwright testing is to load the extension via a persistent context and smoke-check that the MV3 service worker starts, which allows reliable ID retrieval across different contexts.

Why does my Playwright test fail when loading a Chrome extension?▼

Playwright tests loading a Chrome extension may fail if not using a persistent context with proper load-extension arguments; a reference-driven workflow ensures deterministic startup, robust interaction, and reliable diagnostics to prevent loading failures.

Does Playwright support chrome.storage and iframe interaction for MV3 extensions?▼

Yes, Playwright supports chrome.storage and iframe interaction for MV3 extensions by utilizing a persistent context that ensures stable interaction and diagnosable tests across various extension components and environments.