codecharta-visualization 1.143.0 → 2.1.1

package/conf/jestUnit.config.json

@@ -13,7 +13,13 @@
   ],
   "moduleNameMapper": {
     "\\CHANGELOG.(md)$": "<rootDir>/mocks/changelogMock.js",
-    "^d3$": "<rootDir>/node_modules/d3/dist/d3.min.js"
+    "^d3$": "<rootDir>/node_modules/d3/dist/d3.min.js",
+    "^app/(.*)$": "<rootDir>/app/$1",
+    "^echarts$": "<rootDir>/mocks/echartsMock.js",
+    "^echarts/core$": "<rootDir>/mocks/echartsMock.js",
+    "^echarts/renderers$": "<rootDir>/mocks/echartsRenderersMock.js",
+    "^echarts/components$": "<rootDir>/mocks/echartsComponentsMock.js",
+    "^echarts-wordcloud$": "<rootDir>/mocks/echartsWordcloudMock.js"
   },
   "roots": ["<rootDir>/app"],
   "moduleFileExtensions": ["js", "json", "ts", "mjs"],

package/conf/setupJestUnit.ts

@@ -1,6 +1,6 @@
-import { setupZoneTestEnv } from "jest-preset-angular/setup-env/zone"
+import { setupZonelessTestEnv } from "jest-preset-angular/setup-env/zoneless"
 
-setupZoneTestEnv()
+setupZonelessTestEnv()
 
 const numberToLocaleString = Number.prototype.toLocaleString
 Number.prototype.toLocaleString = function (locale = "en-US") {
@@ -27,3 +27,32 @@ if (typeof globalThis.fetch === "undefined") {
         })
     ) as any
 }
+
+// JSDOM (nwsapi) does not implement the native Popover API or the :popover-open selector.
+// Without zone.js swallowing the thrown error, components calling popover.matches(":popover-open")
+// would fail tests. Make the selector match nothing and stub the popover methods.
+const originalElementMatches = Element.prototype.matches
+Element.prototype.matches = function (selectors: string): boolean {
+    if (selectors === ":popover-open") {
+        return false
+    }
+    return originalElementMatches.call(this, selectors)
+}
+if (typeof HTMLElement.prototype.showPopover === "undefined") {
+    HTMLElement.prototype.showPopover = function () {}
+}
+if (typeof HTMLElement.prototype.hidePopover === "undefined") {
+    HTMLElement.prototype.hidePopover = function () {}
+}
+if (typeof HTMLElement.prototype.togglePopover === "undefined") {
+    HTMLElement.prototype.togglePopover = function () {
+        return false
+    }
+}
+
+// JSDOM applies the UA rule `dialog:not([open]) { display: none }` but loads none of the app's
+// stylesheets, so a popover built on <dialog> would hide its content from accessible queries.
+// In the browser the app's own display declaration wins over that UA rule, so mirror it here.
+const dialogPopoverStyle = document.createElement("style")
+dialogPopoverStyle.textContent = "dialog[popover] { display: flex }"
+document.head.append(dialogPopoverStyle)