solid-impl-testing

Test SolidJS components, signals, and stores deterministically with Vitest.

4|Updated Mar 19, 2026
One-click install
npx skills add https://github.com/OpenAEC-Foundation/SolidJS-Claude-Skill-Package --skill solid-impl-testing
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: solid-impl-testing
Source: https://github.com/OpenAEC-Foundation/SolidJS-Claude-Skill-Package/tree/main/skills/source/solid-impl/solid-impl-testing
Command: npx skills add https://github.com/OpenAEC-Foundation/SolidJS-Claude-Skill-Package --skill solid-impl-testing

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

SolidJS testing often suffers from flaky tests due to improper patterns, missing cleanup, and React-centric habits that do not translate to Solid's reactivity model. This Skill provides deterministic testing guidance for SolidJS components, signals, and stores, covering render, renderHook, testEffect, cleanup, and Vitest configuration.

Core Features & Use Cases

  • Deterministic unit and integration tests for SolidJS components, signals, and stores
  • Patterns and utilities for testing with @solidjs/testing-library, renderHook, and testEffect
  • Real-world scenarios including props changes, context wrappers, routing, and async data

Quick Start

Begin with a simple component test and progressively add hook, store, and async tests using the provided references.

Frequently Asked Questions about solid-impl-testing

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

FAQPage Schema
How do I prevent flaky tests when testing SolidJS components and signals?

Preventing flaky SolidJS tests requires deterministic patterns for components and signals, ensuring proper cleanup and avoiding React-centric habits that break Solid's reactivity model. This approach yields reliable unit and integration test outcomes.

How do I test SolidJS signals and stores using renderHook and testEffect?

You test SolidJS signals and stores by applying renderHook and testEffect patterns via @solidjs/testing-library to isolate state changes. This method captures reactive updates deterministically within your Vitest test suite.

Can I use React Testing Library patterns for SolidJS unit and integration tests?

React Testing Library patterns often cause flaky SolidJS tests because they do not translate to Solid's fine-grained reactivity model. You must use Solid-specific render, renderHook, and cleanup patterns to achieve deterministic test results.

Does this testing approach support async data, routing, and context wrappers in SolidJS?

Yes, this SolidJS testing approach supports real-world scenarios including async data fetching, routing integrations, and context wrappers. It provides deterministic guidance to test these complex component interactions reliably using Vitest.

Why do my SolidJS component tests fail to cleanup properly in Vitest?

SolidJS component tests fail to cleanup properly in Vitest when missing dedicated cleanup patterns from @solidjs/testing-library. Implementing correct testEffect and cleanup guardrails ensures reactive state resets deterministically between test runs.