Theme

404 Error Page

Written by

in

ID

Summary

Priority

Component

Description

Documentation / Based on

Labels

Test Step / Activity

Expected Result

Verification marks or comments / Test data

ERR.404-1

Verify that the 404 ERROR Page looks according to the design

HIGH

Page Not Found

Figma link / TSD / etc…

ALL DEVICES

  1. Open the website.

  2. Trigger opening the 404 ERROR Page

  3. Compare it with the design.

The 404 ERROR page matches the design

  • fonts and styling

  • margins and paddings

  • colors

ERR.404-2

Verify that the 404 ERROR page contains all required elements.

HIGH

Page Not Found

Figma link / TSD / etc…

ALL DEVICES

  1. Trigger opening the 404 ERROR Page

  2. Check the availability of all elements

All required components are present

  1. Title: “404”

  2. Short description: “Oops, This Page Not Found!”

  3. “Go Home” CTA

ERR.404-3

Verify the functionality of the “Go Home” button

HIGH

Page Not Found

Figma link / TSD / etc…

ALL DEVICES

  1. Open the website

  2. Trigger opening the Error Page

  3. Click the "Go Home" button

  4. Pay attention to where the user is redirected

The user is redirected to the Homepage

ERR.404-4

Verify the hover animation of the "Go Home" button

LOW

Page Not Found

Figma link / TSD / etc…

DESKTOP

  1. Open the website

  2. Trigger opening the Error Page

  3. Pay attention to the "Go Home" button

  4. Hover over it and repeat the 3rd step

The black button with white text colored in green-cyan after hovering over it

Comments

Leave a Reply

More posts