How to debug Jest tests with VSCode

Note: I have published an updated article on this topic here I recently started using Jest to write and run my tests and I liked almost everything about it except it seems to be missing clarity on how to setup the debug workflow. Often times when the library or set of components under test become more and more complex it is not enough to simply see pass or fail with the actual result and expected