budget-test-ui

Generates Playwright end-to-end tests for the budget-ui SvelteKit frontend with page objects and fixtures.

Updated Feb 19, 2026
One-click install
npx skills add https://github.com/acastillo9/budget --skill budget-test-ui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: budget-test-ui
Source: https://github.com/acastillo9/budget/tree/main/.agents/skills/budget-test-ui
Command: npx skills add https://github.com/acastillo9/budget --skill budget-test-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates the creation of end-to-end (E2E) Playwright tests for the budget-ui SvelteKit frontend, ensuring robust and reliable application quality.

Core Features & Use Cases

  • E2E Test Generation: Writes comprehensive Playwright tests, including page objects and test cases, based on provided feature details.
  • Test Infrastructure Guidance: Offers clear instructions on Playwright configuration, custom fixtures, and helper utilities.
  • Use Case: When a new feature like "Transaction Management" is developed, this Skill can generate all necessary E2E tests to verify its functionality, including creation, editing, and deletion flows.

Quick Start

Use the budget-test-ui skill to write E2E Playwright tests for the new budget feature.

Frequently Asked Questions about budget-test-ui

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

FAQPage Schema
How do I write E2E Playwright tests for a SvelteKit frontend?

To write E2E Playwright tests for a SvelteKit frontend, generate page objects and test case files that utilize custom fixtures, mailpit helpers, and a defined selector strategy to ensure deterministic testing outcomes.

How does API mocking work in Playwright E2E tests?

API mocking in Playwright E2E tests works through stateful request interception, allowing you to simulate backend responses. This enables reliable testing of CRUD operations and form validation without live server dependencies.

Can I test multi-user scenarios and CRUD operations with Playwright?

Yes, Playwright supports testing multi-user scenarios and CRUD operations by utilizing custom fixtures and stateful request interception. This allows for comprehensive validation of creation, editing, and deletion flows.

Do I need custom fixtures for deterministic frontend testing?

Yes, custom fixtures are needed for deterministic frontend testing to establish consistent test states. They work alongside mailpit helpers and API mocking to prevent flaky tests during multi-user and layout-embedded feature validation.

What is the best way to automate test infrastructure for SvelteKit applications?

The best way to automate test infrastructure for SvelteKit applications is to configure Playwright with custom fixtures and helper utilities. This provides clear guidance for setting up deterministic E2E testing of complex UI features.