When Jest executes the test that contains the debugger statement, execution will pause and you can examine the current scope and call stack. Click the button that looks like a 'play' button in the upper right hand side of the screen to continue execution. The Chrome Developer Tools will be displayed, and a breakpoint will be set at the first line of the Jest CLI script (this is done to give you time to open the developer tools and to prevent Jest from executing before you have time to do so). I cannot hit the breakpoints when running the debugger in our react app in IntelliJ Ultimate Edition. For what it's worth, our company also has a license for WebStorm. Click on the address displayed in the terminal (usually something like localhost:9229) after running the above command, and you will be able to debug Jest using Chrome's DevTools. I am posting this in WebStorm since it seems to be the closest to IntelliJ IDEA Ultimate Edition (2019.1.4) which I am using. To debug in Google Chrome (or any Chromium-based browser), open your browser and go to chrome://inspect and click on 'Open Dedicated DevTools for Node', which will give you a list of available node instances you can connect to. Note that the process will pause until the debugger has connected to it. Learn more about the library from the React official website. yarn ios), enter the In-App Developer Menu and hit Debug with Chrome.This will run Jest in a Node process that an external debugger can connect to. React is a JavaScript library for building complex interactive User Interfaces from encapsulated components. Now you can go to Run>Debug or just hit ⌃ + D (a new Chrome window should appear), run your app on a simulator or device (i.e. Then you have to create a new JavaScript debug configuration: choose Run Edit Configurations, click Add icon, and choose JavaScript Debug from the list. Optionally you can remove Start React Native Bundler step if you prefer doing it manually with yarn start

Give it a proper name and turn off the Build and launch application checkbox In the following window press the + sign (or ⌘ + N) and then search for React Native

When having your project opened, go to Run>Edit configurations. Here's how you can easily set it up in WebStorm: To me having the debugger in place is a whole different level of productivity while solving problems. I always feel sorry for fellow developers who only use console.log for debugging.

React debug intellij