[Epic] Cypress Setup

[natterstefan]

TASK

Open Tasks

• Add component Unit-Test example
  • Use guide https://docs.cypress.io/guides/component-testing/framework-configuration#Next-js-Webpack-5
  • https://www.npmjs.com/package/@cypress/react
  • https://docs.cypress.io/examples/examples/recipes#Unit-Testing
  • https://docs.cypress.io/guides/component-testing/introduction#What-is-Component-Testing
  • Example: https://github.com/cypress-io/cypress/blob/254eb47d91c75a9f56162e7493ab83e5be169935/npm/react/examples/nextjs/cypress/components/Router.spec.jsx
• add testing-library
  • add cypress-testing-library https://testing-library.com/docs/cypress-testing-library/intro/
• add more plugins/settings
  • Proposal: Record open devTools in screenshots and video during cypress run cypress-io/cypress#2024 (comment)
• support __cypress__ in src/*?
  • Cypress types conflict with TypeScript application types cypress-io/cypress#1319 (comment) (example)
• make sure it works properly with nextjs setup
  • https://github.com/cypress-io/cypress/tree/254eb47d91c75a9f56162e7493ab83e5be169935/npm/react/examples/nextjs
• set up Apollo client and show how to mock (intercept) API requests
• Upgrade Cypress to latest version (7.x, https://docs.cypress.io/guides/references/changelog#7-0-0)
• Optimise TypeScript support https://docs.cypress.io/guides/tooling/typescript-support#Types-for-plugins

Merged PR

• feat: added basic setup of Cypress #3 -> TS: make sure expect is derived from jest's types in src/**/__tests__/* => resolved with 8d7488c
• feat: added basic setup of Cypress #3 -> TS: Fix cypress/integration/api/probe-status.spec.ts(8,1): error TS1208: 'probe-status.spec.ts' cannot be compiled under '--isolatedModules' because it is considered a global script file. Add an import, export, or an empty 'export {}' statement to make it a module. ==> resolved 8d7488c#diff-7c73a5b98f30e40574b7149a83a19e335c5ee48b8c9c58e4e6cbfe6a07777037R13

noteworthy commits

• 8d7488c (part of feat: added basic setup of Cypress #3): enables usage of jest's expect next to cypress`s

Links

• https://github.com/cypress-io/cypress-and-jest-typescript-example