Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>React Test GeneratorNew to Visual Studio Code? Get it now.
React Test Generator

React Test Generator

TheRakeshPurohit

|
1,402 installs
| (1) | Free
Create new files and folders from templates
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

ReactComponent TestCase Generator for Visual Studio Code

Install the extension on the VSCode Marketplace

Requirements

  • plop = ^2.7.4
  • node = ^12.12.0 or Later
  • VSCode = 1.32.0 or Later

For Developement Environment Clone this Repo, npm i & F5

Features

  • This extension adds single and multi-file templates to Visual Studio Code. Add a template by right clicking the desired location and selecting Generate ReactComponent TestCase

  • Generates plofile.js (you can modify anytime according to your need)

  • Generates /plop-templates directory with test.js.hbs (contains React Component Test Template) in your VSCode workspace

  • Generates /__test__ inside src folder to allow npm run test to test all your generated test cases

Creating new project item from template

To invoke template selection, simply right click on a folder or file in vscode file explorer and click the Generate ReactComponent TestCase menu item.

Click it twice if required direcotries does not exists

Extension Setup

  1. Install the VSCode extension
  2. Install plop.js globally using sudo npm i -g plop

ProTip: Add plop templates as a recommended extension to your Workspace or Project settings file and commit it. Then everyone on your team will see this extension

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft