Support react-scripts v5

[artivilla]

Support react-scripts v5

[elylucas]

Hey all on this thread, I put together a CRA 5 TS project with Cypress 10 that has e2e and CT, and its seems to work fine with CRA5. We are working on updating docs and such to cover CT well, but if you want to take a look at this example to see how it is put together and let me know if you run into any issues with CRA5 and this plugin. Thanks!

https://github.com/elylucas/cypress-cra-code-coverage-example

[SeraphyBR]

looks like the repository is dead...

[indatawetrust]

if you are using craco like package, adding the babel-plugin-istanbul package during testing solves the coverage issues

[SeraphyBR]

This is the only thing preventing me from updating react-scripts

[banuni]

For me it works with CRA 5....but I guess this should be specified in the docs in any case...

[SeraphyBR]

@banuni here the last time I tested when I check the coverage information, many files are missing, as if I had not collected coverage

[luizeboli]

My app does not render its content when using react-scripts -r @cypress/instrument-cra start.

Using react-scripts v5. No error is logged. A blank screen is rendered.

---

Ok, trying to figure out whats happening...

We use a PUBLIC_URL env set as /app.

When instrumenting the app it injects the bundle without this public url prefix, causing a 404 error.

Seems like I have to prefix this env in start command: PUBLIC_URL=/app react-scripts -r @cypress/instrument-cra start.

---

Instrumentation seems ok now, I'll update if needed.

[hyungjunk]

I looked over the repository @elylucas suggested, it worked fine in the repository but didn't on my own repo although the setting files were the same.

And I found that it was about test code that visits and tests the wrong website, not the one that is running on my local server :( Make sure the test codes visits and tests your web if someone is experiencing the same problem