chore: 🔧 add patch package and jsdom

packages/svead/package.json

@@ -35,7 +35,8 @@
 		"format": "prettier --write .",
 		"test:integration": "playwright test",
 		"test:unit": "vitest",
-		"coverage": "vitest run --coverage"
+		"coverage": "vitest run --coverage",
+		"postinstall": "patch-package"
 	},
 	"exports": {
 		".": {
@@ -65,6 +66,8 @@
 		"eslint": "^8.56.0",
 		"eslint-config-prettier": "^9.1.0",
 		"eslint-plugin-svelte": "^2.35.1",
+		"jsdom": "^23.1.0",
+		"patch-package": "^8.0.0",
 		"prettier": "^3.1.1",
 		"prettier-plugin-svelte": "^3.1.2",
 		"publint": "^0.2.7",
@@ -87,4 +90,4 @@
 		"url": "https://github.com/spences10/svead/issues"
 	},
 	"homepage": "https://github.com/spences10/svead#readme"
-}
+}

packages/svead/patches/@testing-library+svelte+4.0.5.patch

@@ -0,0 +1,57 @@
+diff --git a/node_modules/@testing-library/svelte/src/pure.js b/node_modules/@testing-library/svelte/src/pure.js
+index 04d3cb0..2f041e0 100644
+--- a/node_modules/@testing-library/svelte/src/pure.js
++++ b/node_modules/@testing-library/svelte/src/pure.js
+@@ -3,7 +3,7 @@ import {
+   getQueriesForElement,
+   prettyDOM
+ } from '@testing-library/dom'
+-import { tick } from 'svelte'
++import { tick, createRoot } from 'svelte'
+
+ const containerCache = new Set()
+ const componentCache = new Set()
+@@ -54,18 +54,15 @@ const render = (
+     return { props: options }
+   }
+
+-  let component = new ComponentConstructor({
++  let component = createRoot(ComponentConstructor, {
+     target,
+-    ...checkProps(options)
++    ...checkProps(options),
++    ondestroy: () => componentCache.delete(component)
+   })
+
+   containerCache.add({ container, target, component })
+   componentCache.add(component)
+
+-  component.$$.on_destroy.push(() => {
+-    componentCache.delete(component)
+-  })
+-
+   return {
+     container,
+     component,
+@@ -73,18 +70,14 @@ const render = (
+     rerender: (options) => {
+       if (componentCache.has(component)) component.$destroy()
+
+-      // eslint-disable-next-line no-new
+-      component = new ComponentConstructor({
++      component = createRoot(ComponentConstructor, {
+         target,
+-        ...checkProps(options)
++        ...checkProps(options),
++        ondestroy: () => componentCache.delete(component)
+       })
+
+       containerCache.add({ container, target, component })
+       componentCache.add(component)
+-
+-      component.$$.on_destroy.push(() => {
+-        componentCache.delete(component)
+-      })
+     },
+     unmount: () => {
+       if (componentCache.has(component)) component.$destroy()

packages/svead/vite.config.ts

@@ -4,6 +4,7 @@ import { defineConfig } from 'vitest/config';
 export default defineConfig({
 	plugins: [sveltekit()],
 	test: {
+		environment: 'jsdom',
 		include: ['src/**/*.{test,spec}.{js,ts}'],
 	},
 });