Extend Cypress testing for FAQs on mobile-sized browser

Feature description

Add testing to the Cypress suite in https://github.com/corona-warn-app/cwa-website/tree/master/cypress/integration to cover the correct display of FAQ articles in a browser window using a size which is typical of one on a conventional mobile device smartphone in portrait orientation.

Problem and motivation

Problem

1. PR https://github.com/corona-warn-app/cwa-website/pull/2434 has implemented a redesign of the CWA FAQs on https://www.coronawarn.app/en/faq/ and https://www.coronawarn.app/de/faq/.
2. The redesign has caused access from embedded links in the CWA on mobile devices to fail to display the requested FAQ article. Either the article is not displayed at all or it is not displayed expanded. See issue https://github.com/corona-warn-app/cwa-website/issues/2577.
3. The Cypress test suite, run using npm test, did not identify these issues prior to Move-To-Production.

Motivation

Running the Cypress test suite should give a high level of confidence that the website performs as needed and should provide good information to avoid publishing content which breaks the interface between CWA on the mobile device and FAQ content on https://www.coronawarn.app.

Is this something you’re interested in working on

I don’t have the skills to write Cypress tests. I’m happy to review any PR which adds this functionality though.

---

Internal Tracking ID: EXPOSUREAPP-13405

[MikeMcC399]

@chrisenitan

Thank you for responding to this issue!

• Since your PR https://github.com/corona-warn-app/cwa-website/pull/2967 has now been merged, I will close the issue.

[thorbenkuro]

@MikeMcC399 Thank you for reporting the issue and @chrisenitan thank you for your pull request! We have created an internal ticket for it. Internal Tracking ID: EXPOSUREAPP-13405