The header of the Profile Preview page provides a consistent and user-friendly navigation experience. It displays the Rocken Talent logo, the active language selector, and the user profile avatar. The header serves as an entry point for global navigation and user account management.
As a Rocken Talent user,
I want to have a clear and accessible header in the Profile Preview page,
so that I can navigate the platform, change the language, and manage my account effortlessly.
https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/Rocken-Design?node-id=51591-12607&t=RtaKHj5McNNv0wg6-4
|
|
|
|
|
01
|
Scenario: Header displays correctly
Given the user is on the Profile Preview page
When the page loads
Then the header should display the Rocken Talent logo, language selector, and user profile avatar.
|
|
|
02
|
Scenario: Language selector functionality
Given the user wants to change the language
When the user clicks on the language selector dropdown
Then the available languages should be displayed.
|
|
|
03
|
Scenario: Language change updates content
Given the user has selected a different language
When the user selects the desired language
Then the page content should reload in the selected language.
|
|
|
04
|
Scenario: User profile avatar functionality
Given the user wants to access account management
When the user clicks on their profile avatar
Then the dropdown menu should display options like "Profile Settings" and "Logout."
|
|
|
05
|
Scenario: Logo navigation
Given the user is on any page of the platform
When the user clicks the Rocken Talent logo
Then the user should be redirected to the homepage.
|
|
|
06
|
Scenario: Responsiveness
Given the user is viewing the Profile Preview page on a mobile device
When the page loads
Then the header should adjust its layout and remain functional for smaller screens.
|
|
Leave a Reply
You must be logged in to post a comment.