Authed patterns/aw/159/update prefill add 22 1990 form task gray

[adamwhitlock1]

Are you removing, renaming or moving a folder in this PR?

• No, I'm not changing any folders (skip to TeamSites and delete the rest of this section)
• Yes, I'm removing, renaming or moving a folder

Did you change site-wide styles, platform utilities or other infrastructure?

• No
• Yes, and I used the proxy-rewrite steps to test the injected header scenario

Summary

• Adds the 22-1990 form as a prototype form to be used in the authenticated patterns design team work.
• We will be adding further changes to this form after the main foundation is set, so this main PR is to get the form rendering and get the prefill data working on the mock server for this form
• Authenticated Experience Design Patterns team
• No flipper in user, but this form will not be published to prod and is only for research session usage through Codespaces
• Removed other tasks other than gray and orange for now, since those are the ones that have been started for pattern 2

Related issue(s)

• Add 22-1990 form to pattern 2 prototypes tmf-auth-exp-design-patterns#159

Testing done

• Tested with prefill
• Verified that form shows up at /mock-form-ae-design-patterns/2/task-orange
• Updated unit test for tabs

Screenshots

Intro page:

First page with prefilled info

Military info with prefill

What areas of the site does it impact?

mock form, no prod impact

Acceptance criteria

• Form appears and prefill data is available to form
• Form is ready for further modifications for research study specifics

Quality Assurance & Testing

• I fixed|updated|added unit tests and integration tests for each feature (if applicable).
• No sensitive information (i.e. PII/credentials/internal URLs/etc.) is captured in logging, hardcoded, or specs
• Linting warnings have been addressed
• Documentation has been updated (link to documentation *if necessary)
• Screenshot of the developed feature is added
• Accessibility testing has been performed

Error Handling

• Browser console contains no warnings or errors.
• Events are being sent to the appropriate logging solution
• Feature/bug has a monitor built into Datadog or Grafana (if applicable)

Authentication

• Did you login to a local build and verify all authenticated routes work as expected with a test user

Requested Feedback

(OPTIONAL) What should the reviewers know in addition to the above. Is there anything specific you wish the reviewer to assist with. Do you have any concerns with this PR, why?

[va-vfs-bot]

Icon found

Icons can be decorative, but sometimes they are used to convey meaning. If there are any semantics associated with an icon, those semantics should also be conveyed to a screen reader.

What you can do

Review the markup and see if the icon provides information that isn't represented textually, or wait for a VSP review.

Note:

Font Awesome is deprecated. Please use va-icon instead. For more information, visit the migration documentation: Migrate from font awesome to va-icon

[va-vfs-bot]

icon found

[va-vfs-bot]

ESLint is disabled

vets-website uses ESLint to help enforce code quality. In most situations we would like ESLint to remain enabled.

What you can do

See if the code can be refactored to avoid disabling ESLint, or wait for a VSP review.

[va-vfs-bot]

ESLint disabled here

[va-vfs-bot]

ESLint is disabled

vets-website uses ESLint to help enforce code quality. In most situations we would like ESLint to remain enabled.

What you can do

See if the code can be refactored to avoid disabling ESLint, or wait for a VSP review.

[va-vfs-bot]

ESLint disabled here

[va-vfs-bot]

ESLint disabled here

[bellepx0]

Tested locally and confirming prefill works as expected. Also ran the unit tests as well. Approved!