Skip to content

Latest commit

 

History

History
33 lines (20 loc) · 1.33 KB

debugging-with-chrome-devtools.md

File metadata and controls

33 lines (20 loc) · 1.33 KB

Debugging tests with Chrome DevTools

Translations: Français

This recipe describes the new inspect command in the upcoming AVA 3 release. See the AVA 2 documentation instead.

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

You can also customize the port. It defaults to 9229:

npx ava debug --port 9230 test.js

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