GET 404 error for loading images

[reynolkb]

Current behavior

Currently I'm getting a 404 error when trying to do component testing. I'm testing a basic React/TypeScript/Next.js app with a parent and child component.

The image shows up fine with e2e testing, just not component testing. For component testing, it only shows the alt text and not the actual image.

I tried using the Image component from next as well as the basic html img and both didn't work. I also tried using a .png vs .svg both which didn't work.

All I want is for the image to show up in the cypress component test.

Desired behavior

I want the image to actually show instead of the alt text.

Test code to reproduce

https://github.com/reynolkb/with-cypress-app

Cypress Version

11.0.1

Node version

16.15.0

Operating System

13.0.1

Debug Logs

GET /_next/image?url=%2Fstatic%2Fgroup.png&w=32&q=75 404 18.102 ms - -

Other

No response