web-apps(front): Make the library tests run in CI (kubeflow/kubeflow#…

…5564) In order for the frontend tests to run in a CI system, which will be using a container to run them, we will need to make some adjustments. Namely, we will need to: * Run a headless version of Chrome * Run the `ng test` in non-watch mode, in order for the testing process to terminate and not watch for changes to the codebase. Signed-off-by: Kimonas Sotirchos <[email protected]>
Adembc · Jun 22, 2024 · 5111dee · 5111dee
1 parent 4d80845
commit 5111dee
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/notebooks/crud-web-apps/common/frontend/kubeflow-common-lib/package.json b/notebooks/crud-web-apps/common/frontend/kubeflow-common-lib/package.json
@@ -6,6 +6,7 @@
     "start": "ng serve",
     "build": "ng build && npm run copyCSS && npm run copyAssets",
     "test": "ng test",
+    "test-ci": "ng test --no-watch --no-progress --browsers=ChromeHeadlessCI",
     "lint": "ng lint",
     "e2e": "ng e2e",
     "copyCSS": "cp ./projects/kubeflow/src/kubeflow.css ./dist/kubeflow && cp ./projects/kubeflow/src/styles.scss ./dist/kubeflow && cp ./projects/kubeflow/src/lib/variables.scss ./dist/kubeflow/lib",

diff --git a/notebooks/crud-web-apps/common/frontend/kubeflow-common-lib/projects/kubeflow/karma.conf.js b/notebooks/crud-web-apps/common/frontend/kubeflow-common-lib/projects/kubeflow/karma.conf.js
@@ -26,6 +26,12 @@ module.exports = function(config) {
     logLevel: config.LOG_INFO,
     autoWatch: true,
     browsers: ['Chrome'],
+    customLaunchers: {
+      ChromeHeadlessCI: {
+        base: 'ChromeHeadless',
+        flags: ['--no-sandbox'],
+      },
+    },
     singleRun: false,
     restartOnFileChange: true,
   });