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.

catalyst_authentication_hosted_catalyst_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. catalyst_authentication_hosted_catalyst_serve_intro

Test Case 1

Sign up using email address

  1. Click Sign Up to create a new account. catalyst_authentication_hosted_catalyst_serve_sing_up_highlight

  2. Enter the required details and click Sign Up. catalyst_authentication_hosted_catalyst_serve_signup

  3. The Email Verification email will be sent to the email address you used to sign up. catalyst_authentication_hosted_catalyst_serve_email_triggered

  4. Click the link in the email catalyst_authentication_hosted_catalyst_serve_email_check

  5. Follow the instructions and set your password catalyst_authentication_hosted_catalyst_serve_cnf_pwd

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

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

Test Case 2

Test Custom User Validation

  1. Sign up to the application using an email address that will induce a failure instance. catalyst_authentication_hosted_catalyst_serve_custom_check
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.
  1. 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. catalyst_authentication_hosted_catalyst_serve_custom_success

Test Case 3

Sign up to the application using Social Logins

  1. You can click a social login that you had configured to begin the sign up process. For this test, we are signing up using the Zoho social login. catalyst_authentication_hosted_catalyst_serve_zoho_login

  2. Click Accept. catalyst_authentication_hosted_catalyst_serve_zoho_accept_login

You will be logged in to the application. catalyst_authentication_hosted_catalyst_serve_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

  1. Click the Forgot Password option. catalyst_authentication_hosted_catalyst_serve_forgot_pwd_highlight

  2. Enter the email address catalyst_authentication_hosted_catalyst_serve_pwd_email_enter

  3. Enter the captcha. catalyst_authentication_hosted_catalyst_serve_pwd_captcha

  4. 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. catalyst_authentication_hosted_catalyst_serve_pwd_cont_reset

  5. Click SEND OTP to send the OTP to your email address. catalyst_authentication_hosted_catalyst_serve_pwd_otp

  6. Enter the OTP received in your email and click Verify. catalyst_authentication_hosted_catalyst_serve_pwd_otp_entered

  7. You can create your new password now and click Change Password. catalyst_authentication_hosted_catalyst_serve_pwd_confirm_reset

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

catalyst_hosted_login_react_catalyst_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. catalyst_authentication_hosted_catalyst_serve_intro

Test Case 1

Sign up using email address

  1. Click Sign Up to create a new account. catalyst_authentication_hosted_catalyst_serve_sing_up_highlight

  2. Enter the required details and click Sign Up. catalyst_authentication_hosted_catalyst_serve_signup

  3. The Email Verification email will be sent to the email address you used to sign up. catalyst_authentication_hosted_catalyst_serve_email_triggered

  4. Click the link in the email catalyst_authentication_hosted_catalyst_serve_email_check

  5. Follow the instructions and set your password catalyst_authentication_hosted_catalyst_serve_cnf_pwd

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

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

Test Case 2

Test Custom User Validation

  1. Sign up to the application using an email address that will induce a failure instance. catalyst_authentication_hosted_catalyst_serve_custom_check
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.
  1. 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. catalyst_authentication_hosted_catalyst_serve_custom_success

Test Case 3

Sign up to the application using Social Logins

  1. You can click a social login that you had configured to begin the sign up process. For this test, we are signing up using the Zoho social login. catalyst_authentication_hosted_catalyst_serve_zoho_login

  2. Click Accept. catalyst_authentication_hosted_catalyst_serve_zoho_accept_login

You will be logged in to the application. catalyst_authentication_hosted_catalyst_serve_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

  1. Click the Forgot Password option. catalyst_authentication_hosted_catalyst_serve_forgot_pwd_highlight

  2. Enter the email address catalyst_authentication_hosted_catalyst_serve_pwd_email_enter

  3. Enter the captcha. catalyst_authentication_hosted_catalyst_serve_pwd_captcha

  4. 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. catalyst_authentication_hosted_catalyst_serve_pwd_cont_reset

  5. Click SEND OTP to send the OTP to your email address. catalyst_authentication_hosted_catalyst_serve_pwd_otp

  6. Enter the OTP received in your email and click Verify. catalyst_authentication_hosted_catalyst_serve_pwd_otp_entered

  7. You can create your new password now and click Change Password. catalyst_authentication_hosted_catalyst_serve_pwd_confirm_reset

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

catalyst_authentication_hosted_client_angular_catalyst_serve_cli

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.

catalyst_authentication_hosted_client_angular_catalyst_serve_cli_actions

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

Test Case 1

Sign up using email address

  1. Click Sign Up to create a new account. catalyst_authentication_hosted_catalyst_serve_sing_up_highlight

  2. Enter the required details and click Sign Up. catalyst_authentication_hosted_catalyst_serve_signup

  3. The Email Verification email will be sent to the email address you used to sign up. catalyst_authentication_hosted_catalyst_serve_email_triggered

  4. Click the link in the email catalyst_authentication_hosted_catalyst_serve_email_check

  5. Follow the instructions and set your password catalyst_authentication_hosted_catalyst_serve_cnf_pwd

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

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

Test Case 2

Test Custom User Validation

  1. Sign up to the application using an email address that will induce a failure instance. catalyst_authentication_hosted_catalyst_serve_custom_check
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.
  1. 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. catalyst_authentication_hosted_catalyst_serve_custom_success

Test Case 3

Sign up to the application using Social Logins

  1. You can click a social login that you had configured to begin the sign up process. For this test, we are signing up using the Zoho social login. catalyst_authentication_hosted_catalyst_serve_zoho_login

  2. Click Accept. catalyst_authentication_hosted_catalyst_serve_zoho_accept_login

You will be logged in to the application. catalyst_authentication_hosted_catalyst_serve_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

  1. Click the Forgot Password option. catalyst_authentication_hosted_catalyst_serve_forgot_pwd_highlight

  2. Enter the email address catalyst_authentication_hosted_catalyst_serve_pwd_email_enter

  3. Enter the captcha. catalyst_authentication_hosted_catalyst_serve_pwd_captcha

  4. 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. catalyst_authentication_hosted_catalyst_serve_pwd_cont_reset

  5. Click SEND OTP to send the OTP to your email address. catalyst_authentication_hosted_catalyst_serve_pwd_otp

  6. Enter the OTP received in your email and click Verify. catalyst_authentication_hosted_catalyst_serve_pwd_otp_entered

  7. You can create your new password now and click Change Password. catalyst_authentication_hosted_catalyst_serve_pwd_confirm_reset

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

Last Updated 2024-05-20 18:50:35 +0530 +0530

RELATED LINKS

Serve CLI Resources