coderdojo / cp-zen-frontend

Frontend code for the CoderDojo Community Platform (Zen)

cp-zen-frontend

Frontend code for the CoderDojo Community Platform (Zen)

Running e2e tests

cypress tests

We've begun moving e2e tests to Cypress in order to improve reliability.

Running with UI

To run Cypress tests with the Cypress UI (good for debugging issues), you will first need to run the front end by running yarn start, then simply run

yarn cypress:open

This will open a window where you can select what spec to run. Notice that if you have a new version of the translations which is not published yet, tests on strings containing interpolation will fail as they are not depending on the linked version of your own repo. Running it headless will solve that.

Headless

You can also run the Cypress tests headless through Docker. You'll first need to install Cypress within the Docker container by running

docker-compose run --rm cypress yarn cypress:install

Once done, the installed Cypress is kept in a volume so it will persist between runs. If running the tests ever gives out about Cypress not being installed, just run this command again.

To run the tests

docker-compose run --rm cypress

E2E Tests

The tests in the /cypress/integration_e2e folder that are not run as part of the main test in CI.

They are designed to be run manually & locally with the full stack, no endpoints are stubbed.

NOTE: the register test includes a 5 second pause where you are required to click the recaptcha.

yarn cypress:e2e:open

wdio tests

The selenium-based wdio tests are legacy tests, waiting to be migrated to cypress. They are not actively maintained and are there only for reference until migrated. To run the tests

docker-compose run --rm test e2e-with-mocks

cp-zen-frontend's Issues

Handle dojo.city being null in new event form.

When the new event form loads it populates the form with data from the dojo.

It uses the dojo.city to set the city for the event, but this value can be null.
If it is null an error is thrown as we try to access dojo.city.name this breaks the initializing of the data stores (dojo is not set) and the form can not be submitted.

We need to handle the null value here to ensure there is no error. We can look at using the place_name value if city is null.

Fix News blog links in Zen dashboard on log in

Story

Note! Requires CoderDojo/cp-zen-platform#1485 to be merged in too in order to work

Describe the bug
See monday item here
Current blog link in dashboard is not showing anything.

To Reproduce
Steps to reproduce the behaviour:

1. Go to your dashboard
2. Scroll down to news
3. Nothing shows up

Expected behavior
Ideally the blog articles would show up, but for a simpler solution, remove the articles preview and just show a button "Visit our blog" that links to the new blog.

Screenshots

Add `utm` tags to DMaH links

Add ?utm_source=coderdojo&utm_medium=covid-banner&utm_campaign=dmah to any raspberrypi.org/at-home links to allow more accurate tracking in Analytics.

Projects don't load on dashboard for some locales

When I visit the dashboard, I get an infinitely loading projects section. Network panel shows I'm getting a 404 because the locale being sent to learning-admin is en-us, but only en (or other supported two letter locale code) will work for that.

Reinstate Advanced event form

• Closes https://github.com/RaspberryPiFoundation/digital-foundation/issues/289
• Revert the PR #329

Update Covid banner wording

Update to use new strings in CoderDojo/cp-translations#123