Skills
.Work. You
Rest

vue-integration-testing

Community

Vue 3 integration tests with Vitest Browser.

Software Engineering#vitest#vue#playwright#integration-testing#ui-testing#page objects
Authoralexanderop
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill enables engineers to verify complete user flows in Vue 3 applications via Vitest Browser mode, ensuring tests exercise real browser behavior across routing, components, and multi-step workflows.

Core Features & Use Cases

  • End-to-end UI validation: Validate user journeys across views and components using a real browser.
  • Page Object pattern: Structure tests with reusable page objects (helpers like createTestApp) for maintainable suites.
  • Test isolation: Provide setup/cleanup helpers to reset state between tests and prevent flakiness.

Quick Start

Run integration tests with Vitest in browser mode using the provided helpers. For example, install dependencies, then execute pnpm test to run all integration tests and pnpm test:headed for visible debugging, and use the Page Objects to model common user flows.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: vue-integration-testing
Download link: https://github.com/alexanderop/workoutTracker/archive/main.zip#vue-integration-testing

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.