Make view tests run

Author: tuan-nguen

extensions/ql-vscode/src/view/jest.setup.ts

@@ -18,6 +18,17 @@ Object.defineProperty(window, "matchMedia", {
 // Used by Primer React
 window.CSS.supports = jest.fn().mockResolvedValue(false);
 
+// Functions that are not implemented in jsdom
+window.CSSStyleSheet.prototype.replaceSync = jest
+  .fn()
+  .mockReturnValue(undefined);
+window.ElementInternals.prototype.setFormValue = jest
+  .fn()
+  .mockReturnValue(undefined);
+window.ElementInternals.prototype.setValidity = jest
+  .fn()
+  .mockReturnValue(undefined);
+
 // Store this on the window so we can mock it
 window.vsCodeApi = {
   postMessage: jest.fn(),

extensions/ql-vscode/test/jest-config.ts

@@ -1,6 +1,12 @@
 // These are all the packages that DO need to be transformed. All other packages will be ignored.
 // These pacakges all use ES modules, so need to be transformed
-const transformScopes = ["@microsoft", "@octokit"];
+const transformScopes = [
+  "@microsoft",
+  "@octokit",
+  "@vscode-elements",
+  "@lit",
+  "@lit-labs",
+];
 const transformPackages = [
   "@vscode/webview-ui-toolkit",
   "before-after-hook",
@@ -11,13 +17,14 @@ const transformPackages = [
   "fetch-blob",
   "formdata-polyfill",
   "internmap",
+  "lit",
   "nanoid",
   "p-queue",
   "p-timeout",
   "robust-predicates",
   "universal-user-agent",
 ];
-const transformWildcards = ["d3-(.*)"];
+const transformWildcards = ["d3-(.*)", "lit-(.*)"];
 const transformPatterns = [
   ...transformScopes.map((scope) => `${scope}/.+`),
   ...transformPackages,