...
Unauthorized User: Service Authorization Page
I can see on header navigation bar (from left to right):
...
Header Navigation Bar:
Company Logo
"Exchange" tab
"Trade" tab
"How it works" clickable link
"Sign up" tab
"Language Switcher" dropdowndrop-down
"Theme Switcher" toggle for Night/Day mode
See the following details Login Page:
Header with the Platform's name in the middle
Text about Platform's main functionality below the header
"Sign in" form section in the middle
"Use cases" block:
Info about services and functionality
'Book a call' service with a calendar form
"Contact Form" service
Link to the main site of the Company
Footer block
...
Press "How it works" link: Opens a new tab with information about service features.
Press "Language Switcher" dropdowndrop-down: Sees a dropdown drop-down list and selects a language.
Toggle "Theme Switcher" for Day/Night mode: Sees the theme changing between Dark/Light modes.
1. "Sign In" Form
In "Sign In
...
" form as Unauthorized User I can see following details:
...
"Sign in" text in the upper left
"New user?" text
"Create account" clickable text
"Email" input field
"Password" input field
"Eye" clickable switch for "Password" visibility
"Remember me" checkbox
"Forgot password?" clickable text
"Sign in" button
"Google" button
...
Use "Sign in" form and...
Input registered Email
...
Input my Password
...
Press on "Eye" icon
...
as a button on the right of input field "Password" and...
Make password visible or hidden.
Press "Sign in" button
...
without any mistakes in email and password, and...
See the page refreshing and forwarding to the Wallets Page as a logged-in User
Press "Sign in" button after making a mistake in the Email field or leave the Email field empty and.
...
..
See an error popup notification
.Click "Create account" link: Switches to "Sign up" form.
Press "Google" button: Logs in with the Google account.
Click "Authentication Error. Invalid credentials"
See the field with a mistake or an empty field has a red border
Press "Sign in" button after making a mistake in the Password field or leave the Password field empty and...
See an error popup notification "Authentication Error. Invalid credentials"
See the field with a mistake or an empty field has a red border
Click "Create account" link and...
Switch to "Sign up" form
Press "Google" button and...
Log in with my Google account
As an Unauthorized registered User, I can click on "Remember me" checkbox
...
during login and...
"Make my login session persist across browser sessions .Click on an for quickly access my account without re-entering credentials until I explicitly log out"
As an Unauthorized registered User, I can click on the active "Remember me" checkbox
...
during login and...
"Remove the option to save credentials .across browser sessions"
1.1. "Forgot Password?" Link
Forgot Password
...
As an Unauthorized User, I can click on the "Forgot password?" link
...
Enter Your Email Modal Window:
...
and...
...open the “Reset password” modal window
...
In "Reset password" modal window, I can:
Input the registered Email and press the "Reset password" button and...
Success: See popup notification and email sent.
Failure: See an error popup.
See the modal window closing
Receive a popup notification message "The email to reset the password is sent"
Input Email with a mistake or leave the field empty and press the "Reset" button and...
See an error popup notification "The user with such email does not exist"
Press the "X" button below modal window and...
Close the "Reset password" modal window
1.2. Sign in with 2FA
Sign In with 2FA:
Press "Sign in with 2FA": Opens "2FA Authentication" modal window.
2FA Authentication Modal Window:
...
Input correct/incorrect 2FA code from Google Authenticator App.
Success: Redirects to the Wallet page.
Failure: See popup notification.
...
2 FA
As an Unauthorized registered User, I can Sign in with 2FA and...
See the "2 FA Confirmation" modal window opening
...
In "2 FA Authentication" modal window, I can:
Input the correct 2 FA code from the Google Authentication App and...
See a successful sign-in
Be redirected to the Wallet page
Input an incorrect 2 FA code from the Google Authentication App and...
See a popup notification message "2 FA code is wrong or disabled"
Use the "Paste" button to enter a copied code .from the clipboard
Press the "X" button : Closes below the modal window and...
See the "2 FA Confirmation" modal window closing and get back to the Authorization Page
1.2.1 Sign in with Captcha Service
Sign in with Captcha Service:
...
As an Unauthorized registered User, I can enter my credentials and press the 'Sign in' button...
See the "Please confirm you are not a robot" modal window .
...
opening
...
In the "Please confirm you are not a robot" modal window, I can:
Solve the captcha challenge and.
Success: Redirects..
See a successful sign-in
Be redirected to the Wallet page
Make a mistake in the captcha challenge and.
Failure: See an error popup...
See the "Please confirm you are not a robot" modal window closing
Get back to the Authorization Page
See a popup notification message "Fail. Please try again"
1.3. Reset Password Page
Reset Password Page:
Header, navigation bar, link to the main site, "Create new password" form, and footer block.
Create New Password Form:
...
Input New password and Confirm password.
...
Press on "Eye" icons to make passwords visible or hidden.
Press "Proceed" button:
...
Success: Redirects to Sign-in/Sign-up Page.
...
As an Unauthorized User, I can use the link from the email, go forward to the Reset Password page and...
See the following details:
Navigation bar on the header (see details in part II of User Stories v 1.5.0)
Header with the name of the Platform in the middle
Link to the main site of the Company
"Create new password" form
"Footer" block with main details (see part 3 of User Stories v 1.5.0)
In the "Create new password" form, I can:
...
See the following details:
Header "Create new password" in the middle
Input field for the New password setup with "Eye" icon as a button to the right
Input field to Confirm password with "Eye" icon as a button to the right
"Proceed" button
Enter required information in the "Create new password" form and...
Input New password
Confirm password
Press on "Eye" icon as a button on the right of the input field "New password" and...
Make the password visible or hidden
Press on "Eye" icon as a button on the right of the input field "Confirm password' and...
Make the password to confirm visible or hidden
Press "Proceed" button and...
See the page refreshing and forwarding to Sign-in/Sign-up Page (see details in part II of User Stories v 1.5.0) and use the New password for login
Press "Proceed" button and leave the password field empty or create a weak password...
See an error popup message "Your password must meet the following requirements:
Minimum length of 8 characters
At least one number
At least one symbol
At least one uppercase letter"
See the field with a mistake or an empty field has a red border
Press "Proceed" button and leave the field for confirmation of the password empty...
See an error popup message "Input error. Password does not match"
See the field with a mistake or an empty field has a red border
2. "Sign Up" Form
Sign Up Form:
Header,
"Do you have an account?" text,
"Sign in" link,
Email,
Password,
Confirm Password,
Referral code,
"I agree with Terms & Conditions" checkbox,
"Sign up" button, and
"Google" button.
Actions:
Input information in the form.
Press on "Eye" icons to make passwords visible or hidden.
Click on "I agree with Terms & Conditions" text to view Terms & Conditions.
Press "Checkbox" to confirm accepting the Terms & Conditions.
Press "Sign up" button:
Success: Redirects to the Wallets Page.
Failure: See an error popup.
2.1 Sign in with Captcha Service
Sign in with Captcha Service:
Press "Sign up": Opens "Please confirm you are not a robot" modal window.
Please Confirm You Are Not a Robot Modal Window:
Solve captcha challenge.
Success: Redirects to the Wallet page.
Failure: See an error popup.
...