Jempi base keycloak login UI updates

[walisc]

Ticket: N/A
Other Related Tickets: N/A

---

Describe of changes

This change adds keyclock login abilities to the JEMPI_UI app. When Single Sign On (SSO) is enabled, the user will need to authenticate themselve via the configured keyclock instance (see below)

login.mp4

In addition to this, this pull request also

1. Add Login tests (found at JeMPI_Apps/JeMPI_UI/tests/hooks/useAuth.test.ts)
2. Add Testing tools. This includes
   • MockJeMPI_API - Mocks the JEMPI API Server (found at JeMPI_Apps/JeMPI_API_KC). To read more see JeMPI_Apps/JeMPI_UI/tests/test.utils/mocks/enviroments/MockJeMPI_API/README.md
   • MockKeyCloak - Mocks the Keycloak Server. JeMPI_Apps/JeMPI_UI/tests/test.utils/mocks/enviroments/MockKeyCloak/README.md
3. Includes small bug fixes

Future considerations

Currently you can set REACT_APP_MOCK_BACKEND to true in the env file. This uses a statically mocked version of the api version. As there is now a mock API server for testing (above), this code can be moved there, as removed from the src folder. This also helps improve security as the tests folder is not bundled with the final app.

How to test

1. In a seperated terminal naviagate to JeMPI_Apps/JeMPI_UI
2. run npm run mock:enviroments (this will start both the MockJeMPI_API and the MockKeyCloak Servers)
3. run npm run start to start the app
4. Follow the steps like the video above

[walisc]

@ajinkyagadewar if you also want to have a look.

[walisc]

Hi @issambaccouch. Have updated this based on your comments above.

[walisc]

Hi @issambaccouch. Have now resolved the merge conflicts on this (and tested). Could you please merge it, as I need it for #132. Many thanks!

[issambaccouch]

@walisc Great work Chidow.