Skip to content
Permalink
main
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

ava/docs/recipes/debugging-with-chrome-devtools.md

Go to file
 
 
Cannot retrieve contributors at this time
31 lines (19 sloc) 1.15 KB
Raw Blame
Open in GitHub Desktop

Debugging tests with Chrome DevTools

Translations: Français

You can debug your tests using Chrome DevTools.

Open Chrome, then navigate to chrome://inspect/. Click the Open dedicated DevTools for Node link within the Devices section.

In the DevTools for Node window, navigate to Sources and in the left-hand column select Filesystem. Add your project directory to the workspace. Make sure to grant permission.

Now run a specific test file:

npx ava debug test.js

The DevTools should connect automatically and your tests will run. Use DevTools to set breakpoints, or use the debugger keyword.

Run with the --break option to ensure the DevTools hit a breakpoint right before the test file is loaded:

npx ava debug --break test.js

By default the inspector listens on 127.0.0.1:9229. You can customize the host and the port:

npx ava debug --host 0.0.0.0 --port 9230 test.js

You'll have to add a connection for this port in the Connection tab.