CI work for nodejs part (#1140)

These are the CI steps for the following two items:

- nodejs lint
- nodejs unit tests using Cypress component testing

The Cypress e2e test is not yet included in this PR.

1. The Cypress e2e test will have to mobilize headless browser engines,
which requires several graphics libraries to be installed to the system.
So we have two options for preparing the environment:

A: use the default ubuntu distribution and install those graphic
libraries or
B: use the Cypress officially prepared docker image and install other
toolchains (eg. make) as needed.

For the sake of increasing the likelihood of running Cypress test suite
successfully, I chose the latter.

2. In order to reuse the installed Cypress executables (installed
through `npm install`) I decided to cache the Cypress installation
cache. Also I packaged the installed `node_modules` together with the
code base. The cache (in the form of tar files) are passed over to the
depending jobs. The successive jobs do not need to check the code out
again.

3. Another reason for tarring the files is because it preserves file
permissions, otherwise with the default `upload-artifact` GH action, all
file permission will be set to 644. This is noted
[here](https://github.com/actions/upload-artifact?tab=readme-ov-file#permission-loss).

.github/workflows/test.yaml

@@ -1,4 +1,4 @@
-name: Python Test
+name: CI Validations
 
 on:
   push
@@ -65,3 +65,104 @@ jobs:
           path: "./"
       - name: Test and Install Wheel
         run: "bash test_pip_install.sh"
+
+  nodejs_init:
+    runs-on: ubuntu-latest
+    container:
+      image: cypress/browsers:22.12.0
+      options: --user 0
+    outputs:
+      projectFolder: ${{ steps.envvar.outputs.PROJECT_FOLDER }}
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+      - name: npm install
+        run: npm install
+        working-directory: ./sematic/ui
+      - name: write env vars
+        id: envvar
+        run: |
+          echo "PROJECT_FOLDER=$(pwd)" >> $GITHUB_ENV
+          echo "PROJECT_FOLDER=$(pwd)" >> "$GITHUB_OUTPUT"
+          echo "TEMP_DIR=$(mktemp -d)" >> $GITHUB_ENV
+      - name: Tar files
+        # This step is for perserving the file permissions (rwx)
+        run: |
+          tar -czf $TEMP_DIR/cypress.tar.gz $CYPRESS_CACHE_FOLDER
+          tar -czf $TEMP_DIR/code.tar.gz $PROJECT_FOLDER
+      - name: Persist
+        uses: actions/upload-artifact@v4
+        with:
+          name: nodejs-cache
+          path: |
+            ${{ env.TEMP_DIR }}
+
+  
+  nodejs-lint:
+    needs: [nodejs_init]
+    runs-on: ubuntu-latest
+    container:
+      image: cypress/browsers:22.12.0
+      options: --user 0
+    steps:
+      - name: write env vars
+        run: echo "TEMP_DIR=$(mktemp -d)" >> $GITHUB_ENV
+      - uses: actions/download-artifact@v4
+        with:
+          name: nodejs-cache
+          path: ${{ env.TEMP_DIR }}
+      - name: Extract
+        run: |
+          mkdir -p $CYPRESS_CACHE_FOLDER
+          PROJECT_FOLDER=${{ needs.nodejs_init.outputs.projectFolder }}
+          mkdir -p $PROJECT_FOLDER
+          tar -xzf $TEMP_DIR/cypress.tar.gz -C /
+          tar -xzf $TEMP_DIR/code.tar.gz -C /
+      - name: lint
+        run: npm run lint
+        working-directory: sematic/ui
+
+
+  nodejs-unit-test:
+    needs: [nodejs_init]
+    runs-on: ubuntu-latest
+    container:
+      image: cypress/browsers:22.12.0
+      options: --user 0
+    steps:
+      - name: write env vars
+        run: echo "TEMP_DIR=$(mktemp -d)" >> $GITHUB_ENV
+      - uses: actions/download-artifact@v4
+        with:
+          name: nodejs-cache
+          path: ${{ env.TEMP_DIR }}
+      - name: Extract
+        run: |
+          mkdir -p $CYPRESS_CACHE_FOLDER
+          PROJECT_FOLDER=${{ needs.nodejs_init.outputs.projectFolder }}
+          mkdir -p $PROJECT_FOLDER
+          tar -xzf $TEMP_DIR/cypress.tar.gz -C /
+          tar -xzf $TEMP_DIR/code.tar.gz -C /
+      - name: cypress:component
+        run: npm run cypress:component
+        working-directory: sematic/ui
+      - name: Upload cypress video
+        uses: actions/upload-artifact@v4
+        with:
+          name: cypress_video
+          path: |
+            sematic/ui/tests/cypress_video
+      - name: Upload cypress screenshots
+        uses: actions/upload-artifact@v4
+        with:
+          name: cypress_screenshots
+          path: |
+            sematic/ui/tests/cypress_screenshots
+      - name: Upload cypress test results
+        uses: actions/upload-artifact@v4
+        with:
+          name: cypress_results
+          path: |
+            sematic/ui/tests/cypress_results
+
+