rdc-vue-testing
Provides testing utilities for Data Client-enabled Vue applications.
Install
mkdir -p .claude/skills/rdc-vue-testing && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/5920" && unzip -o skill.zip -d .claude/skills/rdc-vue-testing && rm skill.zipInstalls to .claude/skills/rdc-vue-testing
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Test @data-client/vue composables and components - renderDataCompose, mountDataClient, fixtures, jest, nock HTTP mocking, polling/subscription tests with fake timers, useSuspense, useLive, useSubscription, Vue 3 reactive props. Use when writing or debugging tests for composables or components built on @data-client/vue.Key capabilities
- →Test composables with renderDataCompose
- →Mount components with mountDataClient
- →Mock API responses
- →Test suspense behavior
- →Verify reactive prop changes
How it works
The skill provides testing utilities to mock store state, handle suspense, and verify reactive updates in Vue components using Data Client.
Inputs & outputs
When to use rdc-vue-testing
- →Test Vue composables
- →Mock API responses for testing
- →Test suspense behavior
- →Render components for unit testing
About rdc-vue-testing
Facilitates testing of reactive components and composables. It includes helpers for data client mounting, mocking responses, and verifying state transitions.
Test @data-client/vue composables and components - renderDataCompose, mountDataClient, fixtures, jest, nock, Vue 3 reactive props, useSuspense testing
When not to use it
- →When testing non-Data Client components
- →When the project does not use Vue 3
Prerequisites
Limitations
- →Requires Vue 3
- →Depends on Data Client hooks
How it compares
It integrates Data Client-specific lifecycle and state management into standard Vue testing patterns.
Compared to similar skills
rdc-vue-testing side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| rdc-vue-testing (this skill) | 1 | 4mo | Review | Advanced |
| vue-testing-best-practices | 5 | 8mo | No flags | Intermediate |
| vue | 0 | 8mo | No flags | Intermediate |
| vue-best-practices | 19 | 6mo | No flags | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
More by reactive
View all by reactive →You might also like
vue-testing-best-practices
vuejs-ai
Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.
vue
valibali
Use when editing .vue files, creating Vue 3 components, writing composables, or testing Vue code - provides Composition API patterns, props/emits best practices, VueUse integration, and reactive destructuring guidance
vue-best-practices
antfu
MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.
vue-debug-guides
vuejs-ai
Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues.
vue-router-best-practices
antfu
Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
vueuse
onmax
Use when working with VueUse composables - provides reactive utilities for state, browser APIs, sensors, network, animations. Check VueUse before writing custom composables - most patterns already implemented.