Test mobile survey interaction

[mattsliv]

The following tests were performed on a public survey via mobile (iPhone X)

Tests

• [x] upload and annotation images are shown
• [x] portrait and landscape images are shown with minimal styling issues
• [x] annotations: boundary, fill
• [x] browsers: chrome, firefox, safari
• [x] validate that a submitted survey is received on the server

[mattsliv]

Below shows a landscape image uploaded and annotated via Chrome:

https://user-images.githubusercontent.com/22246473/149162738-3a243606-dc93-40eb-b17e-7d1037ae7eb2.MP4

Below validates that the submitted annotation is received on the validation server:

[mattsliv]

Below shows a portrait image uploaded and annotated via Safari:

https://user-images.githubusercontent.com/22246473/149165391-e29d870e-ed65-4d38-b891-088e06c181da.MP4

Below validates that the submitted annotation is received on the validation server:

[mattsliv]

Below shows a landscape image uploaded and annotated via Firefox:

https://user-images.githubusercontent.com/22246473/149167755-0d5297dd-8971-43a2-9620-0f2dd6fe60dd.MP4

Below validates that the submitted annotation is received on the validation server: