Test the Application

Before you deploy the application to the remote console, you can test the application on a local server and check if everything works using the Catalyst CLI. For detailed information on catalyst serve, refer to the Serve Resources help page.

To serve the Catalyst project locally, execute the following command from your project directory:

copy
$catalyst serve

The authorization portal application will now be served at default port 3000. The local endpoint URLs of the components will be displayed in the CLI.

Basic web app

basic-serve

Note: Every time you access the homepage or any of the sub-pages of your client, or the function, the CLI will display a live log of the accessed URL, along with the HTTP method that is used to access it.

You can now open the client component’s local URL in a browser to access the application.

client_app

Test Case 1

Sign up using email address

Click Sign Up to create a new account.
Enter the required details and click Sign Up.
The Email Verification email will be sent to the email address you used to sign up.
Click the link in the email
Follow the instructions and set your password

Once the password is set, you will be signed in to the application. signed_in

You can verify this by viewing the user information in the User Management section of the Authentication component in the console. user_details

Test Case 2

Test Custom User Validation

Note: For the purpose of this tutorial, we have coded a logic for the Custom User Validation function where if the user’s email provider is anyone other than Zylker Technology (@zylker.com) the end-user will not be able to sign up to the application.

You will not be able to sign up to the application using any email address other than the one coded to permit in the function logic.

Test Case 3

Sign up to the application using Identity Provider Logins

You can click a identity provider login that you had configured to begin the sign up process. For this test, we are signing up using the Zoho Identity Provider login.
Click Accept.

You will be logged in to the application. logged_in

You can verify the end-user has been added by viewing their details in the User Management section of the Authentication component in the console.

Test Case 4

Password reset functionality

Click the Forgot Password option.
Enter the email address
Enter the captcha.
You can still unlock an option if you remember any earlier password you had used to create this account. However, to test this functionality, click Continue to reset password.
Click SEND OTP to send the OTP to your email address.
Enter the OTP received in your email and click Verify.
You can create your new password now and click Change Password.

You will be redirected to the login page, where you can log in to the application using the new password.

React web app

react-serve