solid-testing

What problem does it solve?

This Skill provides comprehensive guidance and patterns for effectively testing SolidJS applications using Vitest and @solidjs/testing-library, ensuring robust and maintainable code.

Core Features & Use Cases

• Setup & Configuration: Clear instructions for setting up Vitest, jsdom, and necessary testing libraries.
• Component Rendering: Demonstrates the correct function syntax for rendering SolidJS components.
• User Interaction Testing: Examples using userEvent to simulate user interactions like clicks.
• Querying Elements: Detailed explanation of query types (getBy, findBy, etc.) and their priority order.
• Advanced Patterns: Covers testing with context, routing, portals, and asynchronous behavior.
• Primitive Testing: Shows how to test SolidJS primitives using createRoot for proper cleanup.
• Use Case: You've built a complex interactive component in SolidJS and need to write reliable tests to ensure it functions as expected under various user interactions and asynchronous data loads. This Skill provides the exact patterns and code examples to achieve that.

Quick Start

Follow the setup instructions to install Vitest and configure your project for SolidJS testing.