Theme

Footer

Written by

in

ID

Summary

Priority

Component

Description

Documentation / Based on

Labels

Test Step / Activity

Expected Result

Verification marks or comments /

Test data

GF-1

Verify that the Footer looks according to the design

HIGH

Global Footer

Figma link / TSD / etc…

ALL DEVICES

  1. Open the website

  2. Scroll down the page to the Footer

  3. Compare it with the design

The Footer matches the design

GF-2

Verify that the Footer contains all required elements

HIGH

Global Footer

Figma link / TSD / etc…

ALL DEVICES

  1. Open the website

  2. Scroll down the page to the Footer

  3. Check the availability of all elements

All required components are present

  1. Logo

  2. Subscribe Form

  3. Links of Content Pages (eg. Privacy Policy, Terms & Conditions, some categories, blog)

  4. Contact info:

  • phone number

  • email

  • address

  • social media icons: LinkedIn, YouTube, Instagram, Facebook, Tik-Tok

  1. Copyright

  2. Some thumbnail images ( eg. Credit Card icons, Certificates, etc)

GF-3

Verify that the Footer is present on all website pages

HIGH

Global Footer

Figma link / TSD / etc…

ALL DEVICES

  1. Open the website

  2. Scroll down the page to the end

  3. Check that the Footer is shown

  4. Visit other pages

  5. Repeat the 2nd and 3rd steps

The Footer is displayed on all website pages

GF-4

Verify the Logo redirect

HIGH

Global Footer

Figma link / TSD / etc…

ALL DEVICES

  1. Open the website

  2. Go to any page

  3. Scroll down the page to the Footer

  4. Click the Logo

The user is redirected back to the Homepage

GF-5

Verify the redirects of each link

HIGH

Global Footer

Figma link / TSD / etc…

ALL DEVICES

  1. Open the website

  2. Scroll down the page to the Footer

  3. Click Links

The user is redirected to the corresponding page

Make sure that there is no # links

GF-6

Verify that the phone number is clickable

LOW

Global Footer

Figma link / TSD / etc…

ALL DEVICES

  1. Open the website.

  2. Scroll down the page to the end.

  3. Click the phone number in Footer.

The Call modal window is opened

GF-7

Verify that the email address is clickable

LOW

Global Footer

Figma link / TSD / etc…

ALL DEVICES

  1. Open the website.

  2. Scroll down to the Footer

  3. Click an email address

The Mail modal window is opened

GF-8

Verify that the address is clickable

LOW

Global Footer

Figma link / TSD / etc…

ALL DEVICES

  1. Open the website.

  2. Scroll down the page to the end.

  3. Click the address in the Footer.

The user is redirected to the Google Map. Correct location is shown

GF-9

Verify the redirects of each social media icon

MEDIUM

Global Footer

Figma link / TSD / etc…

ALL DEVICES

  1. Open the website.

  2. Scroll down to the Footer

  3. Click the social media icon:

  • LinkedIn

  • YouTube

  • Instagram

  • Facebook

  • Tik-Tok

Each icon is clickable and leads to the appropriate social media

GF-10

Verify that the Subscribe Form matches the design

HIGH

Global Footer

Figma link / TSD / etc…

ALL DEVICES

  1. Open the website.

  2. Scroll down the page to the Footer

  3. Pay attention to the Subscribe Form

  4. Compare it with the design

  5. Check availability of all elements

The Form matches the design.

All required components are present:

  • Title

  • Short Description

  • “Email” input field

  • “Send” button

GF-11

Verify the submission of the Subscribe Form

HIGH

Global Footer

Figma link / TSD / etc…

ALL DEVICES

  1. Open the website.

  2. Scroll down the page to the Footer

  3. Fill in the Subscribe Form with valid value

  4. Click the "Send" button

  • Form is sent. The sucessfully message is shown

  • The subscriber is added to admin

GF-12

Verify submission of empty "Email" field

LOW

Global Footer

Figma link / TSD / etc…

ALL DEVICES

  1. Open the website

  2. Scroll down to the Footer

  3. Leave an empty "Email" field

  4. Click the "Send" button

The mandatory "Email" field is highlighted in red.

The appropriate error is shown below it (eg. "Please fill out this field.")

GF-13

Verify the validation of the "Email" field

MEDIUM

Global Footer

Figma link / TSD / etc…

ALL DEVICES

  1. Open the website

  2. Scroll down the page to the Footer

  3. Enter email address of invalid format

  4. Click the "Send" button

The "Email" field is highlighted in red and a 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

If custom validation isn’t added the browser validation should be applied

Comments

Leave a Reply

More posts