Login Page UI Mockup

Overview

The Login Page UI Mock-up illustrated here for the Login Page test cases tutorial. We will use this mock-up to illustrate the Login page test cases in this tutorial.

https://www.testingdocs.com/test-cases-for-a-login-page/

What is a Login Page?

A login page is a web interface that allows users to enter the user credentials like username, password, OTP(One-time passwords) and authenticates the user based on the input. The login page is used for interactive user authentication. There are many authentication schemes and the Login page is one of them. The main function of the Login page is to allow valid users to gain access to the web resources.

Sample Login Page

Login Page:

Sample mock-up of Login page. Sample Login Page URL:

https://www.example.com/loginPage.jsp

The web GUI elements on the page shown above:

For Simplicity let’s assume that we only support the following browsers:

Google Chrome
Mozilla Firefox
Microsoft Edge Browser

The login page should be hosted on HTTPS protocol. This is a security requirement for the login page. User enter sensitive information like password on this page. All the communication from this page to the server should be encrypted.