[Point of Contact] Phone extension field

[shindigira]

Note

Be sure the pull the latest from sbl-filing via yarn update

closes #945

Changes

• feat(Point of Contact): Added Phone Extension field to Point of Contact Field
• chore(Point of Contact): Phone Extension breakpoint of 600px
• feat(Sign and Submit): Added Phone Extension field to Verification field
• chore(Sign and Submit): Matched order of fields to be the same as Point of Contact
• feat(e2e): Added Phone Extension field to e2e test
• style(DisplayField): added work-break: break-all;
• content(Sign and Submit): added 'Extension'

How to test this PR

First Test

1. Upload a filing and navigate all the way to Point of Contact
2. Verify the Phone Extension in both mobile and desktop (901 px and above)
3. Open the Network tab, submit and verify the request and response jsons contain the phone extension (i.e. phone_ext)

Second Test

1. Navigate all the way to Sign and Submit
2. Verify the DisplayField contains the submitted phone extension

Third Test

1. Run yarn run test:e2e
2. Run the sign-and-submit test to ensure it passes

Screenshots

PoC (Desktop)	PoC (Mobile)	Sign and Submit

[billhimmelsbach]

Want to add extension to the existing e2e tests @shindigira?

[shindigira]

Want to add extension to the existing e2e tests @shindigira?

Added as part of the test fixture

[billhimmelsbach]

Hmm, I'm not seeing that mobile design?

[shindigira]

Hmm, I'm not seeing that mobile design?

Thanks for that. Reverted back to stacking during mobile.

[billhimmelsbach]

For optional fields on the point of contact sign and submit page, if they're not included, we don't show them. Could you fix this behavior @shindigira?

[shindigira]

For optional fields on the point of contact sign and submit page, if they're not included, we don't show them. Could you fix this behavior @shindigira?

This has been corrected. Thanks for finding it.

[billhimmelsbach]

Great! Let's put this on dev @shindigira

[billhimmelsbach]

Awesome! Works great.