Add unit tests for webviews react components (#123)

.github/workflows/build.yaml

@@ -61,6 +61,10 @@ jobs:
             npm test
           fi
 
+      # Run unit tests for react components
+      - name: Run Webview Tests
+        run: npm run test:jest
+
       # Update latest release (only on Linux and for the main branch)
       - name: Update latest release
         if: runner.os == 'Linux' && github.ref == 'refs/heads/main'

package.json

@@ -61,7 +61,8 @@
     "pretest": "npm run compile-tests && npm run compile && npm run lint",
     "check-types": "tsc --noEmit",
     "lint": "eslint src --ext ts",
-    "test": "vscode-test"
+    "test": "vscode-test",
+    "test:jest": "cd webviews && npm run test"
   },
   "devDependencies": {
     "@types/mocha": "^10.0.9",

tsconfig.json

@@ -7,6 +7,8 @@
 		],
 		"sourceMap": true,
 		"rootDir": "src",
+		"jsx": "react",
+		"esModuleInterop": true,
 		"strict": true   /* enable all strict type-checking options */
 		/* Additional Checks */
 		// "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */

webviews/jest.setup.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';