Vitest

What it does

This skill automates unit test generation and execution for TeachingAI models using Vitest, a testing utility for Vite projects. It provides access to Vitest's features and documentation, enabling agents to set up Vitest, write tests (including component and browser mode tests), configure environments, use APIs, and optimize performance. The skill is structured around the official Vitest documentation, providing guidance on various aspects of using Vitest effectively.

When to use it

• Setting up Vitest in a Vite project for testing purposes.
• Writing unit tests and component tests (Vue, React, or Svelte).
• Configuring Vitest for different environments.
• Utilizing Vitest's UI for test visualization.
• Implementing visual regression testing to detect changes in the user interface.

Key capabilities

• Vitest installation and setup within Vite projects.
• Component testing (Vue, React, Svelte).
• Browser mode testing.
• Mocking functions and modules during tests.
• Snapshot testing for verifying component output.
• Code coverage analysis.
• Access to Vitest API documentation.
• Configuration of Vitest environments.

Example prompts

• "Set up Vitest in my Vite project."
• "Write a unit test for this Vue component."
• "How do I configure Vitest for browser mode?"
• "Show me an example of mocking functions with Vitest."

Tips & gotchas

• This skill relies on the user having a Vite project already set up.
• The agent will access and utilize files organized according to the official Vitest documentation structure, so familiarity with that structure is helpful for crafting prompts.
• Refer to the Vitest API documentation (linked within the skill) for detailed information on available functions and configurations.