Add automated test for Epinio UI

[ldevulder]

We have to find a way to do automated tests on the Epinio UI.

There is multiple ways to do this:

• only the API (like other Rancher products)
• as a real user (with something like Selenium)
• both

Let's discuss the pros and cons of all and anyone can add his ideas here also ;-)

[kkaempf]

Rancher Dashboard is based on Vue and Vue recommends several e2e test frameworks.
And apparently UI developers have already selected Cypress. 😉

[catherineluse]

The tests are in the cypress/integrations folder in the dashboard repo. Nancy's initial setup instructions are:

For the cypress test runner to consume the UI, you must specify two environment variables, TEST_USERNAME and TEST_PASSWORD. By default the test runner will attempt to visit a locally running dashboard at https://localhost:8005. This may be overwritten with the DEV_UI environment variable. Run yarn e2e:dev to start the dashboard in SSR mode and open the cypress test runner. Run tests through the cypress GUI once the UI is built. Cypress tests will automatically re-run if they are altered (hot reloading). Alternatively the dashboard ui and cypress may be run separately with yarn dev and yarn cypress open.

[juadk]

Yes, yesterday we talked about Cypress with @prabalsharma and we definitely want to give it a try.
Thanks @catherineluse for the info.

[prabalsharma]

• Epinio UI test - check if epinio is listed in the side menu epinio-end-to-end-tests#7
• Epinio UI test - click on Epinio, in side menu of dashboard epinio-end-to-end-tests#8
• Epinio UI test - check if Epinio instance status is set to Available epinio-end-to-end-tests#9
• Epinio UI test - check if Epinio UI has available options in its menu epinio-end-to-end-tests#10
• Epinio UI test- add a test to add and delete a Namespace epinio-end-to-end-tests#11
• Epinio UI testing - Move the test to a dedicated end to end repo #1093
• Epinio UI testing - add a test to deploy a sample app epinio-end-to-end-tests#3
• Epinio UI testing - add CA into cypress tests epinio-end-to-end-tests#12
• Testing Epinio installation (default) on Rancher epinio-end-to-end-tests#5
• Epinio UI test - Uninstall Epinio via Rancher dashboard epinio-end-to-end-tests#28
• Epinio UI test - Install Epinio with s3 and external registry enabled epinio-end-to-end-tests#46

[juadk]

Good progress last week, we are close to the end of the first version I think (improvements will be needed):

We are now more familiar Cypress so coding new scenarios is faster.

[juadk]

I think we can close this epic, upgrade and CI will be done in there own cards.