skills.rest
yves-s
yves-sCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

webapp-testing

Define web testing strategies covering unit, integration, and E2E tests.

24|5|Updated Feb 28, 2026
Search Tags:#testing#playwright#unit-testing#integration-testing#e2e-testing#web-app#test-pyramid
One-click install
npx skills add https://github.com/yves-s/just-ship --skill webapp-testing-yves-s
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webapp-testing
Source: https://github.com/yves-s/just-ship/tree/main/skills/webapp-testing
Command: npx skills add https://github.com/yves-s/just-ship --skill webapp-testing-yves-s

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Testing strategy and execution for web applications often lacks a clear, scalable approach. This Skill guides teams through choosing the right test levels—unit, integration, and E2E—alongside framework decisions, mocking boundaries, and visual validation with Playwright.

Core Features & Use Cases

  • Guidance on selecting the appropriate test level for common scenarios (unit for pure logic, integration for boundaries, and E2E for critical user flows).
  • Framework decision guidance tailored to popular stacks (Next.js/React, Remix, Vue, Svelte, Node) with recommended tooling.
  • Practical strategies for mocking external boundaries and incorporating Playwright-based visual testing.

Quick Start

Describe your web app’s testing goals and I will outline a tailored test strategy and starter plan.

Frequently Asked Questions about webapp-testing

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

FAQPage Schema
How do I choose between unit, integration, and E2E testing for my web app?▼

Web app testing levels depend on risk and scope: use unit testing for pure logic, integration testing for boundaries, and E2E testing for critical user flows to ensure scalable coverage.

Does this testing strategy work with Next.js, Remix, Vue, and Svelte?▼

Yes, the testing strategy provides framework decision guidance tailored to popular stacks like Next.js, Remix, Vue, Svelte, and Node, recommending specific tooling for each environment.

How do I define mocking boundaries for web application integration tests?▼

Define mocking boundaries at external borders to isolate integration tests. This strategy provides practical strategies for mocking external boundaries to maintain reliable test execution.

What is the best way to implement Playwright visual testing?▼

Playwright visual testing is implemented through defined practices that enforce consistent test coverage rules, file conventions, and visual validation steps tailored to modern web applications.

When should I not use E2E testing for my web application?▼

Avoid E2E testing for pure logic or boundary validation. Select the right test level based on change type and risk, reserving E2E strictly for critical user flows.

Related Skills

Explore More Software Engineering Skills→
BigdropsBigdrops
1

framework-to-capacitor

Configure static export and routing for web frameworks with Capacitor.

Community
Advanced
xlelibertyxleliberty

senior-qa

Generates Jest, React Testing Library, Playwright tests for React and Next.js apps.

Community
Advanced
aquariuscookaquariuscook

regression-testing

Analyze code changes and prioritize regression test execution in CI/CD pipelines.

Community
Advanced
soniqosoniqo
1.1k

test

Run Swift unit or end-to-end test suites against a local codebase.

Official
Basic