Theme

Login Flow

Written by

in

ID

Summary

Priority

Component

Description

Documentation / Based on

Labels

Test Step / Activity

Expected Result

Verification marks or comments / Test data

L-1

Verify the opening of Login Page

HIGH

Login

Precondition:

  • The user is an unauthorized (guest customer)

Figma link / TSD / etc…

ALL DEVICES

  1. Open the website

  2. Click the Person icon in the Header

  3. Pay attention to where the user is redirected

The user is redirected to the Login Page

L-2

Verify that the Login Page matches the design

HIGH

Login

Precondition:

  • The user is an unauthorized (guest customer)

Figma link / TSD / etc…

ALL DEVICES

  1. Open the website

  2. Navigate to the Login Page

  3. Compare it with the design

The Login Page is according to the design

L-3

Verify that the Login Page contains all required elements

HIGH

Login

Precondition:

  • The user is an unauthorized (guest customer)

Figma link / TSD / etc…

ALL DEVICES

  1. Open the website

  2. Navigate to the Login Page

  3. Check the availability of all elements

All required components are present:

  1. Login form that consists of

  • input fields: "Email", "Password"

  • "Remember me" checkbox

  • "Forgot password?" link

  • "Log In" button

  1. Social Login options:

  • "Login with Google" button

  • "Login with Facebook" button

  1. New Customer section with " Sign Up" button

L-4

Verify the login flow with valid credentials

HIGH

Login

Precondition:

  • The user is an unauthorized

  • The user has already created an account

Figma link / TSD / etc…

ALL DEVICES

  1. Open the website

  2. Navigate to the Login Page

  3. Enter registered email in the "Email" field

  4. Specify valid password

  5. Click the "Sign In" button

The user is logged into the account. My Profile Page is opened

L-5

Verify that it’s impossible to log in with unregistered email

HIGH

Login

Precondition:

  • The user is a guest customer

Figma link / TSD / etc…

ALL DEVICES

  1. Open the website

  2. Navigate to the Login Page

  3. Enter random email

  4. Fill in the "Password" field

  5. Click the "Sign In" button

The user isn’t authorized. The appropriate info message is shown (eg. "Wrong user name or password.")

L-6

Verify that it’s impossible to log in with wrong password

HIGH

Login

Precondition:

  • The user is an unauthorized

  • The user has already created an account

Figma link / TSD / etc…

ALL DEVICES

  1. Open the website

  2. Navigate to the Login Page

  3. Enter registered email

  4. Fill in the "Password" field with wrong value

  5. Click the "Sign In" button

The user isn’t authorized. The appropriate info message is shown (eg. "Wrong user name or password.")

L-7

Verify submission of empty Login Form

LOW

Login

Precondition:

  • The user is an unauthorized

Figma link / TSD / etc…

ALL DEVICES

  1. Open the website

  2. Navigate to the Login Page

  3. Leave an empty form

  4. Click the "Sign In" button

The "Email" and "Password" fields are required and marked by *

The empty mandatory fields are highlighted in red. The appropriate error is shown below each of them (eg. "Please fill out this field.")

L-8

Verify the validation of the "Email" field

MEDIUM

Login

Precondition:

  • The user is an unauthorized

Figma link / TSD / etc…

ALL DEVICES

  1. Open the website

  2. Navigate to the Login Page

  3. Enter email address of invalid format

  4. Fill in the "Password" field

  5. Click the "Sign In" button

The "Email" field is highlighted in red and an error validation message is shown below it. (eg."Please enter a valid email address.")

Test Data:

  • email without @: oavtest01gmail.com

  • email with several @: oavtest01@@gmail.com

  • email with missing/invalid domain part: oavtest01@gmail. or oavtest01@gmail_.com___

  • exceeded length / too short input data

  • only spaces

L-9

Verify the validation of the "Password" field

MEDIUM

Login

Precondition:

  • The user is an unauthorized

Requirements sample:
The password must contain at least 10 characters, including Upper-case Letters, Lower-case Letters, Numbers, and Special Characters.

Figma link / TSD / etc…

ALL DEVICES

  1. Open the website

  2. Navigate to the Login Page

  3. Fill in the "Email" field

  4. Enter any password of invalid format

  5. Click the "Sign In" button

The "Password" field is highlighted in red and an error validation message is shown below it.

Do following checks

  • only spaces

  • exceeded/too short length

  • password without digits

  • password without special symbols

  • password without Uppercase or Lowercase letter

L-10

Verify that the password is hidden behind the dots

LOW

Precondition:

  • The user is an unauthorized

Figma link / TSD / etc…

ALL DEVICES

  1. Open the website

  2. Navigate to the Login Page

  3. Fill in the Login Form

  4. Pay attention to the "Password" field

The password is masked by dots

L-11

Verify the functionality of the "eye-icon" in the "Password" field

LOW

Precondition:

  • The user is an unauthorized

Figma link / TSD / etc…

ALL DEVICES

  1. Open the website

  2. Navigate to the Login Page

  3. Fill in the Login Form.

  4. Click the "eye-icon" in the "Password" field.

  5. Repeat the 4th step one more time.

The password becomes visible by clicking the "eye-icon". It’s hidden after a second click of the "eye-icon"

L-12

Verify the functionality of the "Remember me" checkbox

MEDIUM

Precondition:

  • The user is an unauthorized

  • The user has already created an account

Figma link / TSD / etc…

ALL DEVICES

  1. Open the website

  2. Navigate to the Login Page

  3. Fill in the Login Form.

  4. Mark the "Remember me" checkbox.

  5. Click the "Sign In" button

  6. Check that user is logged in after finishing the session

  • The "Remember me" checkbox is ticked/unticked by click

  • The user stays logged in after closing the browser. Login cookie persistence

L-13

Check the login via Google

HIGH

Login

Precondition:

  • The Login Page is opened

  • The user has Google Account

Figma link / TSD / etc…

ALL DEVICES

  1. Click the "Login with Google" button

  2. Specify email of Google Account

  3. Submit your password

  4. Observe the result

The user is successfully logged in via Google

L-14

Check the login via Facebook

HIGH

Login

Precondition:

  • The Login Page is opened

  • The user is registered in Facebook

Figma link / TSD / etc…

ALL DEVICES

  1. Click the "Login with Facebook" button

  2. Specify credentials of Facebook account

  3. Submit the form and check results

The user is successfully logged in via Facebook

L-15

Verify logout functionality

HIGH

Login

Precondition:

  • The user is authorized

Figma link / TSD / etc…

ALL DEVICES

  1. Go to the Profile

  2. Click the “Logout” button

The user is successfully logged out

Redirect to the Login Page/Homepage happens

Comments

Leave a Reply

More posts