FAQ article with legacy link not displayed after visiting main FAQ page

Where to find the issue

https://www.coronawarn.app/en/faq/ and https://www.coronawarn.app/en/faq/results/

Describe the issue

If an attempt is made to display an FAQ article with a legacy link https://www.coronawarn.app/en/faq/<#article_hash> (such as used by the CWA Android and iOS apps) directly after having visited the FAQ overview page https://www.coronawarn.app/en/faq/ then no article is shown. The display stays at the overview page.

Steps to reproduce

In browser

1. Open Google Chrome
2. Paste https://www.coronawarn.app/en/faq/ into the address bar and press Enter
3. Note that the page “How can we help you?” is shown
4. Paste https://www.coronawarn.app/en/faq/#android_location into the address bar and press Enter
5. Note that the page display does not change. It still shows the contents from https://www.coronawarn.app/en/faq/
6. Press <F5> to reload the page
7. Now the article https://www.coronawarn.app/en/faq/results/#android_locationis shown

With Cypress

Save the following code into cypress/e2e/faq_page_change.cy.js

it("Show problem with FAQ article display", () => {
    cy.visit("/en/faq/");
    cy.visit("/en/faq/#android_location");
    cy.get("#android_location");
});

Run it with npx cypress open -c baseUrl=https://www.coronawarn.app Modify baseUrl also to https://coronawarn.app and http://localhost:8000 for different test conditions.

For http://localhost:8000 use npm start in a separate window to start the local server.

Select browser to test in Cypress test runner and click on faq_page_change.js to run test.

Results

baseUrl \ Browser	Chrome 104	Firefox 103	Electron 94
https://www.coronawarn.app	(1)	(1)	(1)
https://coronawarn.app	(2)	(2)	(2)
http://localhost:8000	No error	No error	(1)

Errors: (1) “Timed out retrying after 4000ms: Expected to find element: #android_location, but never found it.” (2) “Timed out after waiting 100000ms for your remote page to load. Your page did not fire its load event within 100000ms.”

Expected behaviour

Visiting a legacy FAQ link, such as https://www.coronawarn.app/en/faq/#android_location directly after having visited the FAQ overview page https://www.coronawarn.app/en/faq/ should result in a redirection to the faq/results page, in this example to https://www.coronawarn.app/en/faq/results/#android_location.

The FAQ article should be displayed.

---

Internal Tracking ID: EXPOSUREAPP-14106

[larswmh]

Thanks for your report @MikeMcC399. We have created an internal ticket for it and will raise this topic internally. Internal Tracking ID: EXPOSUREAPP-14106

---

Corona-Warn-App Open Source Team

[MikeMcC399]

Revised test for Cypress

Save the following code into cypress/integration/faq_page_change.js

it("Show problem with FAQ article display", () => {
    cy.visit("/en/faq/");
    cy.visit("/en/faq/#android_location");
    cy.get("#android_location");
});

Run it with npx cypress open -c baseUrl=https://www.coronawarn.app Modify baseUrl also to https://coronawarn.app and http://localhost:8000 for different test conditions.

For http://localhost:8000 use npm start in a separate window to start the local server.

Select browser to test in Cypress test runner and click on faq_page_change.js to run test.

Results

baseUrl \ Browser	Chrome 104	Firefox 103	Electron 94
https://www.coronawarn.app	(1)	(1)	(1)
https://coronawarn.app	(2)	(2)	(2)
http://localhost:8000	-	-	(1)

Errors: (1) “Timed out retrying after 4000ms: Expected to find element: #android_location, but never found it.” (2) “Timed out after waiting 100000ms for your remote page to load. Your page did not fire its load event within 100000ms.”

This information is added to the OP.