The latest articles on Forem by Nithin Peter (@nithinpeter). https://forem.com/nithinpeter https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F149338%2Fc3c6c613-3902-4da9-a692-d91c0eebc99b.png https://forem.com/nithinpeter en Nithin Peter Wed, 12 Feb 2020 00:48:19 +0000 https://forem.com/nithinpeter/jest-run-it-run-and-debug-individual-jest-tests-from-vs-code-e05 https://forem.com/nithinpeter/jest-run-it-run-and-debug-individual-jest-tests-from-vs-code-e05 <p>While writing tests in Jest have you ever wanted to run a single test that you changed, but have to fiddle with Jest CLI arguments so that Jest can run only that test. I know, I have been there and it is painful.</p> <p>Wouldn't it be nice if you could choose what test(s) to run right from your editor/IDE. And apparently IntelliJ family of IDEs had this feature for ages. I get so jealous when I pair with my co-worker who uses IntelliJ and they run/debug a test with the click of a button. My favorite IDE of the world, VS Code, couldn't do it. So I decided to find a solution and it resulted in me writing this VS Code plugin. </p> <h4> Introducing: <strong>Jest Run It 🏃‍♀️🏃‍♂️</strong> </h4> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F2z0bq8x9geeph34is3ao.gif" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F2z0bq8x9geeph34is3ao.gif" alt="Jest Run It"></a></p> <h4> How to get it? </h4> <p>Search for "Jest run it" in your VS Code extensions panel <a href="https://code.visualstudio.com/docs/editor/extension-gallery" rel="noopener noreferrer">(Learn how?)</a>. You should be able to find it and click on install.</p> <p>You can find more details about the configuration options details here: <a href="https://marketplace.visualstudio.com/items?itemName=vespa-dev-works.jestRunIt" rel="noopener noreferrer">https://marketplace.visualstudio.com/items?itemName=vespa-dev-works.jestRunIt</a></p> <p>Github link: <a href="https://github.com/nithinpeter/jest-run-it" rel="noopener noreferrer">https://github.com/nithinpeter/jest-run-it</a></p> <h4> Other notable features </h4> <p>Apart from able to run/debug individual tests it has few other tricks under the sleeve as well:</p> <ol> <li>Test explorer view <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fkepnu2bxhtiom5ppzafn.png" alt="Alt Text"> </li> <li>Editor title actions to run/debug tests <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fgfhftdkwh5zqxnakhx74.png" alt="Alt Text"> </li> </ol> vscode productivity jest javascript