puppeteer-test

Create end-to-end automated tests for Chrome extensions using Puppeteer and Jest.

41|5|Updated Sep 23, 2025
One-click install
npx skills add https://github.com/Tai-ch0802/arc-like-chrome-extension --skill puppeteer-test
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: puppeteer-test
Source: https://github.com/Tai-ch0802/arc-like-chrome-extension/tree/main/.agent/skills/puppeteer-test
Command: npx skills add https://github.com/Tai-ch0802/arc-like-chrome-extension --skill puppeteer-test

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires puppeteer, jest, @jest/globals, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the process of writing and executing end-to-end automated tests for Chrome extensions, ensuring their reliability and functionality across different components like popups, side panels, and service workers.

Core Features & Use Cases

  • End-to-End Testing: Write automated tests for your Chrome extension's UI and background logic.
  • Component Testing: Specifically targets testing extension popups, side panels, service workers, and content scripts.
  • Jest Integration: Seamlessly integrates with Jest for a robust testing framework.
  • Use Case: You've just updated your Chrome extension's settings UI. Use this Skill to write a test that opens the settings page, verifies that all options are displayed correctly, and ensures that saving changes works as expected.

Quick Start

Use the puppeteer-test skill to write an automated test for your extension's popup.

Frequently Asked Questions about puppeteer-test

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

FAQPage Schema
How do I automate end-to-end testing for a Chrome extension using Puppeteer and Jest?

Automate end-to-end testing for a Chrome extension by configuring Puppeteer to launch the browser with your extension loaded and using Jest as the test runner to execute scripts against the popup, side panel, and service worker.

Can I test Chrome extension service workers and content scripts with Puppeteer?

Yes, you can test Chrome extension service workers and content scripts with Puppeteer by configuring the browser launch to load the extension and targeting these specific components within your Jest test suites.

What is the best way to test a Chrome extension popup UI in an automated test?

The best way to test a Chrome extension popup UI is to use Puppeteer to launch the browser with the extension enabled, access the popup's URL directly, and write Jest assertions to verify UI elements and save interactions.

Does Puppeteer work with Jest for testing extension side panels and background logic?

Puppeteer works seamlessly with Jest for testing extension side panels and background logic, providing a robust framework to configure browser launches and execute end-to-end tests across all extension components.

Why do I need to configure browser launch settings when testing Chrome extensions with Puppeteer?

Configuring browser launch settings when testing Chrome extensions with Puppeteer is required to load the unpacked extension files into the browser instance, enabling access to service workers and content scripts during the Jest test execution.