GitLab

🎯 Summary

Add the pre videoconference step where users can check that their webcam, micro, speakers and network are working ok for the call.

🧪 How to test

First of all, start the frontend as usual. For the backend, before launching it run sh pull_latest_images.sh to update Docker images.

Since Experian is not working, you will need to make a little change in the code to jump to the step to test. Edit src/store.ts and replace the line 91 from currentStep: stepOrder[0] to currentStep: stepOrder[3]. After that, proceed as usual.

1. Check that permissions are requested on start.
2. Webcam should be shown when permissions are granted.
3. If you click in the first Check button, the bar should reflect the input volume.
4. If you click the second Check button, a call should start and the bar should reflect the call volume.
5. If you click the third Check button, a loading indicator will appear in the button and after some seconds, the bar will be completed with the network status. If only the first two parts are completed, the bars will be appear in red.
6. The "Continue" button will be enabled if the network is ok (score equal or greater than 3) and the permissions has been granted. In any other case it will remain disabled. ATM, no feedback is shown to the user.

🧠 Considerations

Code changes focused on happy paths, I believe that we should make separate JIRAs to handle the feedback to the user in case of error, because this ticket is really big.

🧐 Checklist

• Changes work in Google Chrome
• Changes work in Safari
• UI is responsive