Can this skill handle UI-related code examples?

Yes, it includes specialized support for DOM testing using the jsdom environment, allowing you to verify browser-based code snippets within your documentation.

How are the generated tests structured?

Tests follow strict project conventions using 'describe' and 'it' blocks, with file naming such as {concept}.test.js to maintain organization and traceability.

Is this suitable for full end-to-end browser testing?

No, this skill is specifically designed for unit-level verification of documentation examples. For browser-server integration or user flow testing, you should use a dedicated E2E skill.

How does it differentiate between standard code and error cases?

The skill identifies error-testing patterns in documentation and automatically wraps them in appropriate Vitest 'toThrow' assertions for validation.

Documentation Test Generator

Name: Documentation Test Generator
Author: Git-Fg

byGit-Fg

•

Security & Testing

Automatically extracts code examples from documentation and converts them into verified Vitest tests to ensure content accuracy.

This skill streamlines the process of maintaining accurate documentation by synchronizing written code examples with automated tests. It proactively identifies code snippets within JavaScript concept pages, transforms them into structured Vitest tests, and validates them against project conventions. By handling complex scenarios like DOM manipulation, asynchronous operations, and error handling, it ensures that educational content remains functional and up-to-date, preventing the common problem of stale or broken documentation examples.

Key Features

011 GitHub stars

02Direct conversion of examples into standard Vitest test suites

03Intelligent handling of asynchronous operations and error-throwing scenarios

04Automated extraction of code snippets from Markdown and documentation files

05Built-in support for DOM testing using specialized jsdom environments

06Traceable test naming that maps back to specific documentation lines

Use Cases

01Generating regression tests directly from technical tutorial content

02Ensuring new documentation pages include fully functional, tested code examples

03Validating documentation accuracy after library or framework updates

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add git-fg/thecattoolkit generating-tests

For use in Claude.ai and ChatGPT

Download Skill