Develop "University account not found" page
As a user who fails to authenticate university account details,
I would like to be shown a clear error page
that explains the reasons my details were not found
and provides steps to resolve the issue,
so that I can re-enter my details correctly or follow instructions to check my account status.
Background:
This page is shown after a user inputs their account details, which were not successfully matched to a record. The page must guide the user to correct or check their details, re-enter them, or seek further assistance. It should include functional links and navigation buttons for re-entering details or going back to the previous screen.
Acceptance Criteria:
-
The page matches the provided styling and follows responsive design across all size ranges (small, medium, large) -
Text includes the title "University account not found" and the following sections: -
Main content:
- "We could not find a University account matching the details you entered."
- "We cannot give you access to your University IT account unless we can match the correct details."
-
Subheader: Why could my details not be found?
- "This could be because":
- "you entered one or more of your account (which link?) details incorrectly. For example CRSid, last name, date of birth, or admissions number (which link?)."
- "your University IT account is not yet available."
- "This could be because":
-
Subheader: Next steps
- "To fix this problem", includes the following steps:
- "re-enter your account details, making sure to avoid any mistakes."
- "if you are a member of staff, ask your line manager, local HR, or IT team (which link?) if your University IT account is available."
- "if you are a student, sign into your Student Registration Portal to check whether your University IT account is available."
- "To fix this problem", includes the following steps:
-
Subheader: Need help using this service
- Includes the contact information: "Contact user-admin@uis.cam.ac.uk if you are still having problems."
- Links for "Student Registration Portal" and "local HR or IT team" must open in new tabs.
- The email link
mailto:user-admin@uis.cam.ac.uk
should also be functional.
-
Main content:
-
The buttons "Previous" and "Re-enter your account details" are implemented using the NavigationButtons
component, with proper functionality for navigating to the respective pages.-
Double-check that: "Previous" and "Re-enter your account details" should delete saved info
-
-
The page is part of the Stepper
component, allowing users to navigate smoothly through the step sequence. -
All links are referenced from the constants file: consts.ts
. -
Separate Cypress E2E tests are written to cover this page and validate: - Page loads correctly after failed user authentication.
- All buttons, links, and text are functional.
- The accessibility checks are disabled for
["heading-order", "page-has-heading-one"]
-
If user is unauthenticated then this page is navigated to.
Edited by E. Evstafiev