notebooks/components/crud-web-apps/jupyter/frontend
Orfeas Kourkakis c7e03bbaba jwa(front): Add UI tests with Cypress (kubeflow/kubeflow#6891)
* jwa(front): Add integration tests with Cypress

 - Upgrade Cypress to version ^10.10.0
 - Add integration tests with Cypress to check that:
   * Index page renders every Notebook name into the table
   * Index page shows correct Status icon for all notebooks

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* gh-actions(jwa): Add UI tests to JWA's frontend workflow

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* fixup! gh-actions(jwa): Add UI tests to JWA's frontend workflow

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>
2023-01-16 11:03:00 +00:00
..
cypress jwa(front): Add UI tests with Cypress (kubeflow/kubeflow#6891) 2023-01-16 11:03:00 +00:00
i18n add(web-apps): i18n Fr translations (kubeflow/kubeflow#6122) 2021-11-24 15:29:47 +00:00
scripts Add CI format checks for the Jupyter web app (kubeflow/kubeflow#5811) 2021-04-08 03:51:02 -07:00
src jwa(front): Auto update mount path (kubeflow/kubeflow#6875) 2023-01-11 14:38:16 +00:00
.browserslistrc Update CRUD web apps from Angular 8 to Angular 12 (kubeflow/kubeflow#6004) 2021-07-21 02:35:50 -07:00
.editorconfig Initialize the Jupyter web app frontend in crud-web-apps (kubeflow/kubeflow#5332) 2020-10-27 07:45:59 -07:00
.eslintrc.json jwa(front): Add details page functionalities & unit tests (kubeflow/kubeflow#6822) 2022-12-15 11:54:21 +00:00
.gitignore JWA: Very basic E2E tests to run locally (kubeflow/kubeflow#6005) 2022-01-24 11:46:48 +00:00
.prettierrc Initialize the Jupyter web app frontend in crud-web-apps (kubeflow/kubeflow#5332) 2020-10-27 07:45:59 -07:00
README.md jwa(front): Add UI tests with Cypress (kubeflow/kubeflow#6891) 2023-01-16 11:03:00 +00:00
angular.json jwa(front): Add UI tests with Cypress (kubeflow/kubeflow#6891) 2023-01-16 11:03:00 +00:00
cypress.config.ts jwa(front): Add UI tests with Cypress (kubeflow/kubeflow#6891) 2023-01-16 11:03:00 +00:00
karma.conf.js jwa(front): Fix unit tests (kubeflow/kubeflow#6804) 2022-12-07 12:49:38 +00:00
package-lock.json jwa(front): Add UI tests with Cypress (kubeflow/kubeflow#6891) 2023-01-16 11:03:00 +00:00
package.json jwa(front): Add UI tests with Cypress (kubeflow/kubeflow#6891) 2023-01-16 11:03:00 +00:00
tsconfig.app.json Initialize the Jupyter web app frontend in crud-web-apps (kubeflow/kubeflow#5332) 2020-10-27 07:45:59 -07:00
tsconfig.json jwa: Support for showing Notebooks from all namespaces (kubeflow/kubeflow#6706) 2022-11-04 15:33:16 +00:00
tsconfig.spec.json Initialize the Jupyter web app frontend in crud-web-apps (kubeflow/kubeflow#5332) 2020-10-27 07:45:59 -07:00

README.md

Frontend

This project was generated with Angular CLI version 9.0.2.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running integration tests

To run integration tests locally, make sure that node modules are installed and the frontend is serving the UI under localhost:4200. Then use npm run e2e to execute the integration tests via Cypress. This will open Cypress and there select the browser in which the tests will run.

Ideally, tests should be run both in Chrome and Firefox and for that there is the script npm run e2e-ci-all that runs (instead of opening) Cypress. Note that in order for tests to run in a browser, the browser needs to be already installed on the system.

Make sure to check out these guides for system-specific information on installing and running Cypress

WSL2

In order to be run in a WSL2 installation, Cypress requires these dependencies.

In the case of WSL2 on Windows 10, this extra setup is required in order to have an X Server running in Windows host and creating the browser window.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI documents.