Swapping in vitest-canvas-mock

Author: weaverryan

src/Chartjs/assets/package.json

@@ -27,7 +27,7 @@
         "@hotwired/stimulus": "^3.0.0",
         "@types/chart.js": "^2.9.34",
         "chart.js": "^3.4.1 <3.9",
-        "jest-canvas-mock": "^2.3.0",
-        "resize-observer-polyfill": "^1.5.1"
+        "resize-observer-polyfill": "^1.5.1",
+        "vitest-canvas-mock": "^0.3.3"
     }
 }

src/Chartjs/assets/test/setup.js

@@ -9,6 +9,6 @@
 
 'use strict';
 
-import 'jest-canvas-mock';
+import 'vitest-canvas-mock';
 // eslint-disable-next-line
 global.ResizeObserver = require('resize-observer-polyfill');

src/Chartjs/assets/vitest.config.js

@@ -0,0 +1,24 @@
+import { defineConfig, mergeConfig } from 'vitest/config';
+import configShared from '../../../vitest.config.js'
+import path from 'path';
+
+// defineConfig({
+//         test: {
+
+//         }
+//      })
+export default mergeConfig(
+    configShared,
+    {
+        test: {
+            setupFiles: [path.join(__dirname, 'test', 'setup.js')],
+            deps: {
+                optimizer: {
+                    web: {
+                        include: ['vitest-canvas-mock'],
+                    },
+                },
+            },
+        }
+    }
+);

src/Typed/assets/test/setup.js

@@ -1,4 +1,3 @@
-// vitest.config.ts
 import { defineConfig } from 'vitest/config';
 import path from 'path';
 
@@ -11,4 +10,4 @@ export default defineConfig({
             reporter: ['text', 'html'],
         },
     }
-});
+});