skills.rest
chrisbruceus
chrisbruceusCOMMUNITY
Explore all skills by this author →
GitHub

webapp-testing

Run Jest, Vitest, and Playwright tests across web application layers.

Updated Aug 27, 2026
Search Tags:#automation#vitest#testing#e2e#jest#playwright
One-click install
npx skills add https://github.com/chrisbruceus/URL-Streamer --skill webapp-testing-chrisbruceus
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webapp-testing
Source: https://github.com/chrisbruceus/URL-Streamer/tree/main/.github/skills/webapp-testing
Command: npx skills add https://github.com/chrisbruceus/URL-Streamer --skill webapp-testing-chrisbruceus

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides a comprehensive toolkit to efficiently run, write, and debug tests for web applications, ensuring code quality and functionality across different layers of testing.

Core Features & Use Cases

  • Multi-Layered Testing: Supports backend (Jest), frontend (Vitest), and end-to-end (Playwright) testing.
  • Test Execution: Run all tests, specific files, or tests matching patterns.
  • Debugging: Offers watch modes, UI modes, and detailed trace options for failed tests.
  • Use Case: When a new feature is developed, use this Skill to write unit tests for the backend logic, component tests for the frontend UI, and E2E tests to verify the complete user flow.

Quick Start

Use the webapp-testing skill to run all backend and frontend tests.

Frequently Asked Questions about webapp-testing

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

FAQPage Schema
How do I run Jest, Vitest, and Playwright tests together for a web application?▼

This web application testing framework unifies Jest for backend tests, Vitest for frontend tests, and Playwright for end-to-end tests, allowing you to execute all layers from a single toolkit.

What is the best way to debug failed Playwright end-to-end tests?▼

Debugging failed end-to-end tests is handled through detailed trace options, watch modes, and UI modes that provide visibility into test execution and pattern matching across the application stack.

Can I run specific test files or pattern-matched tests instead of the entire suite?▼

Yes, test execution supports running all tests, targeting specific files, or executing tests matching custom patterns, providing flexible control over your backend and frontend test runs.

When do I need separate unit tests and E2E tests for my web app?▼

You need unit tests for backend logic with Jest and frontend UI components with Vitest, while E2E tests with Playwright verify the complete user flow across the full application stack.

Does this testing framework work without additional dependencies?▼

Yes, the framework operates with no listed dependencies, bundling scripts and references to facilitate test execution, debugging, and pattern matching across backend, frontend, and E2E layers.

Related Skills

Explore More Software Engineering Skills→
ayiaayia

test-writer

Generate Vitest and pytest test suites with mocks and coverage thresholds.

Community
Intermediate
denisvmediadenisvmedia
4

inventario-e2e

Run and debug Playwright e2e tests against a local Go backend stack.

Community
Advanced
ruxelionruxelion

coverage

Generate code coverage reports for Rust applications via cargo.

Official
Intermediate
giuseppe-trisciuogliogiuseppe-trisciuoglio
322

spring-boot-test-patterns

Design Spring Boot testing patterns for unit, slice, and integration tests.

Community
Advanced