If you have lots of tests and you only want to run some of them, you have several options available. If you want to find a particular test in the test results, just start typing its name and then use the up and down arrows to jump between the matched test names. Use the icons at the top of the Run tool window to show or hide all the passed tests from the results. For failed tests, it will open the line that was at the top of the stack trace. On the right, you will see a stack trace for the tests that failed.ĭouble-click the test name in the list to open it in the editor. You can also see the test results in the editor, right next to the test.Īll the tests will be listed in a tree view on the left side of the tool window. In the Run tool window that opens, you can track the test progress and see all the test results. Click the green icon next to it to run it. You will immediately see the new configuration in the top right-hand corner of the IDE. Usually, you don’t have to change anything in the configuration, but if there’s a Jest configuration file in the project or you need to pass additional flags to Jest, you can always tweak the settings in the created configuration.įor now, we’ll just select the All tests radio button and click OK to save the run/debug configuration. Then click + in the top left-hand corner and select Jest from the drop-down list.In the main menu select Run | Edit Configurations.We need to create a run/debug configuration: We’ll use the react-dropzone project, which uses Jest, as our example.įor instructions on how to install and set up Jest in a project, please refer to Jest’s official documentation.įirst, let’s see how you can run all the tests in your project. Let’s see how WebStorm can help you test your app with this popular framework. Jest is fast, easy to get started with, and has lots of useful features, such as snapshot testing and test coverage, available out of the box. Jest, the testing framework developed by Facebook, is becoming more and more popular each day, especially for testing React applications.
Note: This post was updated in September, 2021.
0 kommentar(er)
