testing-widgets

Test StickerNest widgets with Playwright E2E and Vitest unit tests.

Updated Jan 19, 2026
One-click install
npx skills add https://github.com/hkcm91/StickerNestV4 --skill testing-widgets-hkcm91
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: testing-widgets
Source: https://github.com/hkcm91/StickerNestV4/tree/main/.claude/skills/testing-widgets
Command: npx skills add https://github.com/hkcm91/StickerNestV4 --skill testing-widgets-hkcm91

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the need for robust quality assurance by providing comprehensive testing strategies for widgets and components within the StickerNest platform.

Core Features & Use Cases

  • End-to-End (E2E) Testing: Validate user flows and widget interactions in a real browser environment using Playwright.
  • Unit Testing: Verify the correctness of individual components, utility functions, and pipeline logic using Vitest.
  • Test Automation: Streamline the testing process with clear commands for running E2E and unit tests, including watch modes and debug options.
  • Use Case: Before deploying a new interactive widget, use this Skill to run its E2E tests to ensure it adds correctly to the canvas, responds to user input as expected, and maintains its state after a page reload.

Quick Start

Run all end-to-end tests for the StickerNest widgets.

Frequently Asked Questions about testing-widgets

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

FAQPage Schema
How do I test widget lifecycle and state persistence with Playwright?

Use Playwright E2E testing to validate widget interactions in a real browser environment, ensuring components add correctly to the canvas and maintain their state after a page reload.

Can I run unit tests for widget pipeline logic using Vitest?

Yes, you can use Vitest for unit testing to verify the correctness of individual widget components, utility functions, and pipeline logic validation within your testing environment.

What's the best way to automate StickerNest widget testing before deployment?

Automate StickerNest widget testing by running E2E and unit tests with Playwright and Vitest, utilizing watch modes and debug options to validate user flows and component reliability.

Do I need to set up both Playwright and Vitest to test widget interactions?

Yes, setting up both Playwright and Vitest test runners is required for comprehensive quality assurance, covering E2E scenarios and unit tests for widget communication and interactions.

Does Vitest work for validating widget communication and utility functions?

Vitest works for unit testing widget communication and utility functions, verifying the correctness of individual components and pipeline logic during the testing process.

Why does my widget E2E test fail to maintain state after a page reload?

E2E tests with Playwright validate state persistence after reload; failures indicate issues with widget lifecycle management or state handling logic that need pipeline logic validation.