[Onboarding Flow] - Profile Service Link Verification Page- Pending page

[shubhamsinghbundela]

Render "Verification Process is Pending" Elements

Overview:

When the model.profileStatus is set to "PENDING," the page should render specific elements to inform the user about the pending verification process and allow them to initiate a page reload.

User Stories:

• As a user with a model.profileStatus of "PENDING," I should see an h3 tag on the page with the text "Verification process is Pending!" for clear indication.
• As a user with a model.profileStatus of "PENDING," I should see a p tag with the text "Reload to verify and complete the linking between your Profile service and Real Dev Squad service" to provide instructions.
• As a user with a model.profileStatus of "PENDING," I should see a button with the text "Reload" that allows me to initiate a page reload.

Acceptance Criteria:

• TDD
• When the model.profileStatus is set to "PENDING," the page should automatically render an h3 tag with the text "Verification process is Pending!" to provide a clear indication of the pending status.
• When the model.profileStatus is set to "PENDING," the page should automatically render a p tag with the text "Reload to verify and complete the linking between your Profile service and Real Dev Squad service" to provide clear instructions to the user.
• When the model.profileStatus is set to "PENDING," the page should automatically render a button with the text "Reload" that is easily visible and accessible to the user.
• Clicking the "Reload" button should initiate a page reload, ensuring that the user can easily refresh the page and trigger the verification process.
• Any relevant error messages or guidance for the user should be provided in case of issues with the page reload.