Cypress breaks Chrome dev tools debugging

[autozoom]

Current behavior

When running my app within Cypress, Chrome dev tools debugger shows inconsistent behaviour on the app code.
As you can see from the screenshot, some code lines are greyed out making it impossibile to stop on them, and you cannot even inspect variables (ret in this example).
It seems the breakpoint is not consistent with where the code has really stopped.

Everything works perfectly when Chrome runs outside of Cypress.

Desired behavior

The Chrome debugger should work the same way it does outside Cypress.

Test code to reproduce

It happens on any project run under Cypress.

Cypress Version

9.1.1

Other

No response

[simfeld]

In case your scripts are placed inside the body this could be related to #19377 which is fixed in 9.2.0.

[autozoom]

In case your scripts are placed inside the body this could be related to #19377 which is fixed in 9.2.0.

I updated to 9.2.0 and the problem is still there. Thanks anyway

[sainthkh]

Can you provide a reproducible code example?

As we all know, debugging starts with reproducing it on the developer's environment.

[autozoom]

here is the way to reproduce it:

clone https://github.com/autozoom/cypress.debugger.git

npm ci
npm run e2e
run spec.ts
open Chrome dev tools
place a breakpoint on one of the console.log statements in app.component.ts
run the test again
the debugger doesn't stop on the breakpoint

I am on node 16.13.1 and npm 8.1.2, WIndows 10 and Chrome 96.0.4664.110

[sainthkh]

I tested it on Ubuntu 20.04, but it works perfectly like below:

Maybe it's working because it's Ubuntu. But is it still not working?

[autozoom]

Still not working, even on Windows 11 and WSL/Ubuntu 20.04

Have you tried re-running the test by hitting the refresh button in the Cypress console?
In my case the breakpoint works sometimes, let's say 30% of the times.

Please try re running the test again and again and see if it stops every single time.

[autozoom]

...to make things worse, look at this in my real world project:
There's an error in the console and it says it's in sessione.vm.ts:46, but at that line there's only a comment, not event runnable code (the right one would be line 38).

The same happens with Firefox

[cypress-app-bot]

This issue has not had any activity in 180 days. Cypress evolves quickly and the reported behavior should be tested on the latest version of Cypress to verify the behavior is still occurring. It will be closed in 14 days if no updates are provided.

[cypress-app-bot]

This issue has been closed due to inactivity.