What is Wallaby.js for VSCode?
Wallaby.js lets you run TypeScript and JavaScript tests while you write quickly. It will also highlight the results in your IDE right next to your code.
Wallaby will run your Jest tests in VS Code93% faster, provide a debugging experience that works 1.9x more quickly, and provide 76% better real-time test results.
Right next to your editing line, you can view test execution results and code coverage. Context switching is gone.
The tool is extremely fast because it only runs the most critical tests affected by code changes. Sometimes, you only need one test. This testing tool cannot match this level of performance.
Wallaby.js does not have any tie to any API or framework. You can use it with your existing testing/UI framework/IDE. Your tests can still be run without Wallaby.js if you need to.
Wallaby.js VSCode Great Features
Blazingly Fast
The tests run as soon as you type. They can be run on any changes that have not been saved and in parallel if necessary—no need to manually do anything. Wallaby understands how your code and tests are related, so only the minimum number must be run after any change. No other tool can do this. Feedback is instant, no matter how big your project gets.
Time Travel Debugging
To understand what caused a bug, you can move forward and backward through your code. Wallaby's Time Travel Debugger speeds up your edit, compile, and debug loop by allowing you to jump to a particular line of code, view runtime value, edit and continue, and step into, over, and out of your code.
Test Stories
You can inspect the code of your test in one logical view. Wallaby's Test Story viewer allows you to view your test execution trace without needing to navigate between different functions and code files. This tool is excellent for reading and debugging code. It allows you to see the code covered quickly, jump into, over, and out of your code, and view runtime values.
Inline Runtime Values
You can see the console.log and runtime variable results in your editor right next to your code. You can show and copy expression values using editor commands. These commands are accessible via keyboard shortcuts. Wallaby's unique comment format, which can be used to evaluate expressions, also includes the ability to measure code execution times.
Inline Error Reporting
The code that caused the error messages will be displayed alongside them. Gutter indicators indicate if the current line in principle is the source or the path to an error. You can quickly navigate the error source or failing test using editor commands (with keyboard shortcuts).
Inline Code Coverage
The indicator in the gutter of your editor is constantly updated to show test coverage. This allows you to quickly see which lines are entirely covered, partially covered, or uncovered. To toggle unfinished code, you can use the editor commands to show which areas have not been executed.
Coverage Explorer and Test
Wallaby's web application is locally hosted and provides a strategic view of your project's code coverage and tests. You can open files from your browser and explore your code coverage and tests—filter and sort by name, duration, passing/failing test, code coverage, and more. You can exclude code from coverage calculations.
New Test Profiler
Wallaby's Test Profiler lets you quickly track the CPU usage to evaluate its runtime performance. Your external dependencies are also profiled. Clicking on the hotspot within the profile viewer will allow you to navigate to the code section that interests you quickly.
NEW Output Inspector
Wallaby's output inspector provides an easy and ergonomic way to inspect logged values and error details in a rich editor-friendly fashion. The information is displayed in a code editor window. This allows you to keep your coding mindset and not lose your flow.
Runtime Value Explorer
Wallaby's Value Explorer lets you view non-primitive runtime value in a simple-to-navigate treeview. You can expand the tree to any depth and copy paths or values directly to your clipboard. This is a great feature for larger objects, making Wallaby's debugging more accessible and more efficient.
Interactive Tests Output
Your editor's output window displays test execution results. You can see all failing tests, errors, diffs/snapshots, and error stacks. You can navigate to the output window's hyperlinks to access files in your editors, such as an error line or broken test.
Snapshots & Enhanced Diffs
Wallaby displays compact diffs within editor hover tips, Wallaby's output window, and Wallaby. This command lets you see the diff side-by-side. Editor commands are available for Jest snapshot tests to update snapshots of your current difficulty, file, or the entire project.
Click on the below link to download Wallaby.js for VSCode with License Key NOW!
