skills.rest
reactive
reactiveOFFICIAL
Explore all skills by this author →
Website𝕏@dataclientioGitHub

rdc-vue-testing

Test Vue data-client composables and components with fixtures and nock mocking.

2.0k|99|Updated Feb 15, 2019
Search Tags:#testing#suspense#vue#composables#nock#mountDataClient#renderDataCompose
One-click install
npx skills add https://github.com/reactive/data-client --skill rdc-vue-testing
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: rdc-vue-testing
Source: https://github.com/reactive/data-client/tree/main/.cursor/skills/rdc-vue-testing
Command: npx skills add https://github.com/reactive/data-client --skill rdc-vue-testing

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers test Vue composables and components that integrate with data-client, ensuring reactivity, suspense handling, and stable UI behavior in tests.

Core Features & Use Cases

  • Composable testing with renderDataCompose()
  • Component testing with mountDataClient()
  • Reactive props and suspense patterns across composables and components
  • Fixtures and interceptors: initialFixtures and resolverFixtures
  • HTTP mocking with nock for end-to-end scenarios

Quick Start

Run renderDataCompose or mountDataClient with fixtures to verify reactivity and suspense in a Vue data-client setup.

Frequently Asked Questions about rdc-vue-testing

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

FAQPage Schema
How do I test Vue composables that use data-client and suspense?▼

Test Vue data-client composables by running renderDataCompose with initialFixtures and resolverFixtures to verify reactivity, suspense handling, and API interactions across unit tests.

What's the best way to mock HTTP requests in Vue data-client component tests?▼

Mock HTTP requests in Vue data-client tests using nock-based HTTP mocking combined with mountDataClient and resolverFixtures to validate end-to-end API interactions and stable UI behavior.

Does Vue data-client testing work with Vue Test Utils and Vue Testing Library?▼

Yes, testing Vue data-client apps requires a setup with Vue Test Utils or Vue Testing Library to run mountDataClient and renderDataCompose for validating reactive props and suspense patterns.

How do I pass reactive props to Vue components during data-client testing?▼

Pass reactive props during Vue data-client testing by using mountDataClient to mount components, validating Vue 3 reactive props and verifying suspense handling and stable UI behavior across component tests.

Why does my Vue data-client component test fail when verifying suspense behavior?▼

Vue data-client suspense tests fail when initialFixtures or resolverFixtures are misconfigured; use renderDataCompose or mountDataClient with proper fixtures to validate useSuspense behavior and ensure stable UI rendering.

Related Skills

Explore More Software Engineering Skills→
TencentBlueKingTencentBlueKing
839

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

Test Vue 3 components with Vitest and Vue Test Utils.

Official
Intermediate
cdman28cdman28

qa-engineer

Generate and execute unit, integration, and end-to-end tests with coverage reports.

Community
Advanced
ElderEvilElderEvil

vue-testing-best-practices

Consolidate Vue 3 testing best practices for Vitest and Vue Test Utils.

Community
Advanced
Eva813Eva813
2

vue-vite-testing

Guide unit testing Vue 3 apps with Vite, Vitest, and Vue Test Utils.

Community
Advanced