3TG – Behavior-First Test Generation for TypeScript & React

AI-powered TypeScript test generation and React test automation directly inside VSCode.

3TG is a behavior-first VSCode test generation extension for TypeScript unit testing, React component testing, and scalable fullstack test automation.

Instead of generating empty Jest or Vitest templates, 3TG analyzes your exported TypeScript functions and React functional components and generates structured, scenario-aligned test foundations — helping you ship faster while improving test quality and consistency.

Built by Coding Creed Technologies. Designed for teams building production-grade TypeScript and React applications.

🚀 Why Developers Use 3TG

Writing unit tests in TypeScript and React projects is often:

• ⚠️ Repetitive boilerplate work
• ⚠️ Inconsistent across teams
• ⚠️ Time-consuming
• ⚠️ Difficult to standardize
• ⚠️ Hard to scale in growing codebases

3TG accelerates your workflow by:

• ✅ Generating structured TypeScript test foundations
• ✅ Supporting React functional components (.tsx)
• ✅ Reducing manual Jest / Vitest boilerplate
• ✅ Enforcing consistent test architecture
• ✅ Improving onboarding for new developers
• ✅ Supporting scalable fullstack testing workflows

If you use TypeScript, React, Jest, or Vitest, 3TG upgrades your test generation process instantly.

🔥 What Makes 3TG Different?

Most VSCode test generators create empty shells.

3TG generates behavior-focused test foundations.

• Analyzes exported TypeScript functions
• Supports React functional components
• Generates structured test blocks aligned with behavior
• Creates manual mock files
• Supports functional requirements files
• Merges configuration intelligently
• Integrates natively into VSCode with its own Explorer panel
• Operates via Testing-as-a-Service (TaaS) intelligence

This is not scaffolding. This is structured test acceleration.

🧠 How It Works

1. Install the extension
2. Create a free account at 3tg.dev
3. Enable the extension using your client ID
4. Open a .ts or .tsx file
5. Generate a test, functional requirement, or mock file

That’s it.

You can generate tests from:

• The 3TG Explorer panel
• Context action icons
• CodeLens inside the editor

Go from file → structured test foundation in seconds.

🧩 Core Capabilities

TypeScript Test Generation

• Generate unit tests for exported functions in .ts
• Behavior-first structured test foundations
• CodeLens per-function test generation
• Works for backend services, utilities, APIs, shared modules
• Compatible with Jest and Vitest

Perfect for:

• Node.js services
• Backend TypeScript projects
• Shared libraries
• API layers

⚛ React Component Test Generation

• Supports React functional components (.tsx)
• Manual mock generation
• Flexible mock declaration
• Structured React testing foundations

Optimized for React + TypeScript projects.

📋 Functional Requirements Integration

• Generate .3tg.md requirement files
• Generate configuration from requirements
• Per-file configuration support
• Behavior-driven workflow alignment

⚙ Advanced Configuration System

• Multiple configuration files
• Intelligent configuration merging
• IntelliSense support
• TaaS validation
• Import/export .3tg-settings.json

🧑‍💻 Developer Experience

• Dedicated 3TG Explorer panel
• Custom glob-based file filtering
• Direct navigation to test, mock, config files
• Debug logging
• Customizable generation paths

🖥 3TG Panels

Settings

Manage activation, configuration, and logs.

Source Code Files

Generate tests and mocks from TypeScript and React files.

Functional Requirements

Define behavior-driven rules.

Configuration Files

Create, merge, validate generation rules.

Support

Access documentation and activation tools.

🔑 Activation (Free Plan Available)

3TG operates as Testing-as-a-Service (TaaS).

To activate:

1. Create an account at 3tg.dev
2. Get your client ID
3. Open the 3TG Support panel
4. Enter your client ID

A Free plan is available to start immediately.

No heavy onboarding. No complex setup.

📁 Supported & Current Limitations

Supported

• TypeScript (.ts)
• React functional components (.tsx)
• Jest workflows
• Vitest workflows
• Single-folder workspaces

Current Limitations

• Only .ts and .tsx supported
• No class-based test generation
• No multi-root workspace support (yet)

⚙ Extension Settings

Activation

• 3tg.clientId
• 3tg.customTassUrl

File Matching

• 3tg.globSourceCodeFiles
• 3tg.globConfigurationFiles
• 3tg.globFunctionalRequirementsFiles

Supports:

• Multiple glob entries
• Negative globs (!)

Test Generation

• 3tg.creationMode (file | folder | root)
• 3tg.noRuleDefaultTrue
• 3tg.mockAsFunction
• 3tg.forceOverwrite

Developer Experience

• 3tg.reveal
• 3tg.codelens
• 3tg.newConfigurationFileEmpty
• 3tg.debug
• 3tg.logInFile

👥 Who Is 3TG For?

• TypeScript developers writing unit tests
• React developers using Jest or Vitest
• Fullstack teams scaling test automation
• Tech leads enforcing test consistency
• Companies standardizing testing workflows
• Teams optimizing developer productivity

❓ FAQ

Does 3TG replace Jest or Vitest?

No. 3TG generates structured test foundations that integrate with your existing Jest or Vitest setup.

Why is a client ID required?

3TG uses a Testing-as-a-Service architecture for intelligent, configurable test generation tied to your plan.

Why are some exported functions not detected?

Functions must be directly exported. Nested object properties are not analyzed.

🛠 Support & Resources

• Website: 3tg.dev
• Company: coding-creed.tech
• Documentation: 3tg.dev/documentation
• Tutorials: youtube.com/@CodingCreedTechnologies
• Support: support@coding-creed.tech

📈 Start Generating Tests in Minutes

Install → Activate Free Plan → Generate structured tests → Ship faster.

Upgrade your TypeScript test generation workflow inside VSCode today.