skills.rest
sayali-ingle-pdl
sayali-ingle-pdlCOMMUNITY
Explore all skills by this author →
GitHub

testing

Generate co-located .spec.ts test files for Vue 3 components and stores.

Updated Nov 20, 2025
Search Tags:#vitest#testing#jest#vue3#co-located-tests#test-templates
One-click install
npx skills add https://github.com/sayali-ingle-pdl/adusa-ai-vuejs-app-template --skill testing-sayali-ingle-pdl
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: testing
Source: https://github.com/sayali-ingle-pdl/adusa-ai-vuejs-app-template/tree/main/.github/agents/app-starter/agents-context/skills/testing
Command: npx skills add https://github.com/sayali-ingle-pdl/adusa-ai-vuejs-app-template --skill testing-sayali-ingle-pdl

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generates test files and testing utilities for Vue 3 applications. Ensures mandatory .spec.ts files are created alongside components, views, stores, directives, and utilities.

Core Features & Use Cases

  • Automatically generate co-located .spec.ts files for Vue components, views, stores (Vuex/Pinia), directives, and utilities.
  • Enforce test file naming conventions and templates that align with either Options API or Composition API.
  • Use in onboarding new projects or migrating existing codebases to a test-first workflow.

Quick Start

Run the testing generator to create co-located .spec.ts files for your Vue 3 components, views, stores, directives, and utilities.

Frequently Asked Questions about testing

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

FAQPage Schema
How do I generate co-located test files for Vue 3 components?▼

To generate co-located tests for Vue 3 components, this Skill automatically creates .spec.ts files directly next to your source components, views, stores, directives, and utilities.

Can I use this to generate tests for both Vuex and Pinia stores?▼

Yes, you can generate tests for both Vuex and Pinia stores. The generator applies to Vue 3 projects and creates co-located .spec.ts files for your state management stores.

Does this Vue 3 test generator support both Jest and Vitest?▼

Yes, this Vue 3 test generator supports both Jest and Vitest. It provides standardized test templates that enforce consistent naming conventions for your preferred test runner.

What is the best way to enforce a co-located testing strategy in a Vue 3 project?▼

The best way to enforce a co-located testing strategy is using a generator that mandates placing .spec.ts files immediately next to components, views, and utilities to ensure consistent test coverage.

Will the generated Vue 3 test templates match my Composition API or Options API code?▼

Yes, the generated Vue 3 test templates will match your code. The tool enforces test file templates that specifically align with either the Options API or Composition API structure.

Related Skills

Explore More Software Engineering Skills→
peterWang123589peterWang123589

pinia

Define Pinia stores with state, getters, and actions for Vue applications.

Community
Intermediate
doanchienthangdevdoanchienthangdev
4

Testing with Vitest

Create unit and component tests for TypeScript and JavaScript projects with Vitest.

Community
Intermediate
TencentBlueKingTencentBlueKing
839

Vue 3 组件单元测试指南 (Vitest)

Test Vue 3 components with Vitest and Vue Test Utils.

Official
Intermediate
porcupine-mdporcupine-md
11

testing

Generate targeted unit, integration, and end-to-end test suites for existing codebases.

Official
Intermediate