test(STADTPULS-622): add basic Cypress testing

[dnsos]

This PR adds Cypress for integration testing. This includes the configuration of TypeScript and ESLint to work with Cypress.

Some basic test stubs were added as examples.

---

This article may be a good resource to start with testing canvas elements for our maps. EDIT: The article suggests using cypress-plugin-snapshots which may be an unmaintained project.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/technologiestiftung/stadtpuls-frontend/5DAcRA7fHBHyMorxgXYrndUEqwgt
✅ Preview: https://stadtpuls-frontend-git-test-stadtpu-3cee09-technologiestiftung1.vercel.app

[ff6347]

Awesome. Love it. Is it mandatory that the cypress files are called _spec? I would vote for .test as well. What do you think?

[dnsos]

Is it mandatory that the cypress files are called _spec? I would vote for .test as well

Thanks for the feedback and good idea, @ff6347. _spec is the Cypress default but it's absolutely possible to use something else. I renamed the files in 55e3480.

[ff6347]

You need to make sure jest ignores the cypress folder

[dnsos]

You need to make sure jest ignores the cypress folder

Yep, Jest already doesn't care about it

[dnsos]

@ff6347, I added the Cypress tests to a main.yml workflow. I also did some refactoring to shorten the duration of this workflow by only using one build step instead of two. Let me know if you have advice for shortening the workflow even more.

I also suspect that soon we'll have integration tests that need a lot of time, specifically the ones that access pages with long loading times such as /sensors or /accounts.

[ff6347]

Great addition @dnsos

[ff6347]

I actually use `*ByRole` intentionally since this way we test against the accessibility tree and not just for users who access Stadtpuls visually. I'm aware that we are far from being accessibility-friendly, but it's good to approach this direction. Btw, this is the [recommended query priority by Testing Library itself](https://testing-library.com/docs/queries/about#priority).

Ah. Okay. Cool. Didn’t know that.

[vogelino]

Great additions indeed! Well done!

[tsboter]

🎉 This PR is included in version 1.0.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀