Unit Test Vue Pinia

This one helps you write and review unit tests for Vue 3 projects using Pinia for state management. It pushes you toward behavior-first testing: assert what the user sees or what the component emits, not internal implementation details. The Pinia guidance is opinionated and detailed, defaulting to createTestingPinia with vi.fn spies for action assertions, and it explicitly calls out when to use stubActions: false or real store instances. It includes a references/pinia-patterns.md file as your local source of truth, which is a smart touch for team consistency. The workflow is tight: identify the behavior boundary, set up the minimal Pinia config, drive through public inputs, assert outputs. If you're tired of brittle tests that break on refactors, this will nudge you toward the right patterns.

skills.sh installs: 1.8K
GitHub stars: 41K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add github/awesome-copilot --skill unit-test-vue-pinia --agent claude-code

Installs into .claude/skills of the current project.

Files

unit-test-vue-pinia

Use this skill to create or review unit tests for Vue components, composables, and Pinia stores. Keep tests small, deterministic, and behavior-first.

Workflow

Identify the behavior boundary first: component UI behavior, composable behavior, or store behavior.
Choose the narrowest test style that can prove that behavior.
Set up Pinia with the least powerful option that still covers the scenario.
Drive the test through public inputs such as props, form updates, button clicks, emitted child events, and store APIs.
Assert observable outputs and side effects before considering any instance-level assertion.
Return or review tests with clear behavior-oriented names and note any remaining coverage gaps.