Debugging tests in the browser with the Create React App boilerplate

I'm trying to debug jest tests in the browser for an application using Facebook's create-react-app boilerplate.

So far I have come across a few articles:

• http://facebook.github.io/jest/docs/troubleshooting.html#tests-are-failing-and-you-don-t-know-why
• https://medium.com/@paul_irish/debugging-node-js-nightlies-with-chrome-devtools-7c4a1b95ae27

but no success as of yet.

I can get the debugger running but I'm not sure how to debug the actual tests.

Can someone please advise me?

I also want to avoid ejecting react-scripts.

Thanks

via adyro