Lg 16188 update how to verify page

[AShukla-GSA]

🎫 Ticket

Link to the relevant ticket:
LG-16188

🛠 Summary of changes

Updating hybrid handoff page and updating routing to use hybird handoff as new how to verify in the hybrid (non-mobile) flow.

📜 Testing Plan

Provide a checklist of steps to confirm the changes.

• Step 1 - Go through hybrid flow. On hybrid handoff page ensure new content is in.
• Step 2 - Go through hybrid flow, on hybird handoff page ensure all links works and all back options take you back to new handoff page.
• Step 3 - Ensure mobile flow shows no changes

👀 Screenshots

If relevant, include a screenshot or screen capture of the changes.

After:

Non Selfie:

Selfie:

[anniehirshman-gsa]

Thanks for this! Couple comments on the screenshots:

• Match spacing above and below the horizontal rule between online and IPP to Figma
• Illustration up too high on selfie screenshot (non-selfie looks fine)
• Do the screens have the cancel button and hr?

Happy to test the routing if you have a link to share!

[anniehirshman-gsa]

One more content detail -- these two phrases:

You can use a U.S. passport book, U.S. driver’s license or state ID.

You can only use a U.S. driver’s license or state ID. You cannot use a U.S. passport book for this option.

These should only display if the passports feature flag is enabled, else they should not display. Thanks!

[shanechesnutt-ft]

Looks good so far 👍🏻 I have a couple of minor things.

[shanechesnutt-ft]

Did a little more exploration testing and noticed this scenario. I think it is a separate issue from this PR, but I wanted to document it.

Testing Notes:
Using phone emulation mode with Facial Match Required

• Navigate to agreement
  • Click continue
• On the how to verify page
  • Click Continue in person button
• On the document_capture?step=how_to_verify
  • Click back link
• On the how to verify page
  • Click Continue on your phone button
    Navigates you to the hybrid handoff (This could be an existing bug)

[anniehirshman-gsa]

Synced to review this and LGTM! Noting that:

• There are issues with the mobile design of the "Choose how to verify your ID" page outside the scope of this ticket - created LG-16308 to address those inconsistencies
• If the bug that @shanechesnutt-ft found was not introduced as a part of this ticket, that should also be ticketed. Thanks!

[shanechesnutt-ft]

Putting my approval on this I do have one pending comment but I don't think it is a blocker. Nice work Abir!!! 👍🏻