vdk-jupyter: fix build by pinning every package to a specific version

projects/vdk-plugins/vdk-jupyter/vdk-jupyterlab-extension/README.md

@@ -12,12 +12,17 @@ for the frontend extension.
 - JupyterLab >= 3.0
 - python ~=3.7
 - Versatile Data Kit
+- npm
 
 ## Install
 
-To install the extension, execute:
+To install the extension,first navigate to the project directory and then execute:
 
 ```bash
+# Once in the project directory, use the npm ci command to install
+# the exact versions of the dependencies specified in the package-lock.json
+npm ci
+# Install the extension
 pip install vdk-jupyterlab-extension
 ```
 
@@ -58,6 +63,9 @@ The `jlpm` command is JupyterLab's pinned version of
 ```bash
 # Clone the repo to your local environment
 # Change directory to the vdk-jupyterlab-extension directory
+# Once in the project directory, use the npm ci command to install
+# the exact versions of the dependencies specified in the package-lock.json
+npm ci
 # Install package in development mode
 pip install -e .
 # Link your development version of the extension with JupyterLab
@@ -68,6 +76,9 @@ jupyter server extension enable vdk-jupyterlab-extension
 jlpm build
 ```
 
+NB: If you're changing some dependencies of the project,
+meaning you're adding, removing, or updating packages, you'd use npm install.
+
 You can watch the source directory and run JupyterLab at the same time in different terminals to watch for changes in the extension's source and automatically rebuild the extension.
 
 ```bash

projects/vdk-plugins/vdk-jupyter/vdk-jupyterlab-extension/jest.config.js

@@ -34,6 +34,7 @@ module.exports = {
   testPathIgnorePatterns,
   transform,
   automock: false,
+  testEnvironment: 'jsdom',
   collectCoverageFrom: [
     'src/**/*.{ts,tsx}',
     '!src/**/*.d.ts',