Login Page UI Mockup
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.
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 mock-up of Login page. Sample Login Page URL:
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.
Sample Login Page Screen