support for svelte 5

Author: yanick

src/pure.js

@@ -8,7 +8,7 @@ import * as Svelte from 'svelte'
 
 const IS_SVELTE_5 = /^5\./.test(SVELTE_VERSION)
 
-class SvelteTestingLibrary {
+export class SvelteTestingLibrary {
   svelteComponentOptions = [
     'accessors',
     'anchor',
@@ -78,7 +78,7 @@ class SvelteTestingLibrary {
         await Svelte.tick()
       },
       unmount: () => {
-        cleanupComponent(component)
+        this.cleanupComponent(component)
       },
       ...getQueriesForElement(container, queries),
     }
@@ -122,19 +122,15 @@ class SvelteTestingLibrary {
   }
 
   cleanup() {
-    this.componentCache.forEach(cleanupComponent)
-    this.targetCache.forEach(cleanupTarget)
+    this.componentCache.forEach(this.cleanupComponent.bind(this))
+    this.targetCache.forEach(this.cleanupTarget.bind(this))
   }
 }
 
 const instance = new SvelteTestingLibrary()
 
 export const render = instance.render.bind(instance)
 
-export const cleanupComponent = instance.cleanupComponent.bind(instance)
-
-const cleanupTarget = instance.cleanupTarget.bind(instance)
-
 export const cleanup = instance.cleanup.bind(instance)
 
 export const act = async (fn) => {

src/svelte5.js

@@ -1,41 +1,31 @@
 import { createClassComponent } from 'svelte/legacy'
-import {
-  componentCache,
-  cleanup,
-  buildCheckProps,
-  buildRender,
-} from './pure.js'
+import { SvelteTestingLibrary } from './pure.js'
 
-const svelteComponentOptions = [
-  'target',
-  'props',
-  'events',
-  'context',
-  'intro',
-  'recover',
-]
+class Svelte5TestingLibrary extends SvelteTestingLibrary {
+  svelteComponentOptions = [
+    'target',
+    'props',
+    'events',
+    'context',
+    'intro',
+    'recover',
+  ]
 
-const checkProps = buildCheckProps(svelteComponentOptions)
-
-const buildRenderComponent =
-  ({ target, ComponentConstructor }) =>
-  (options) => {
-    options = { target, ...checkProps(options) }
+  renderComponent({ target, ComponentConstructor }, options) {
+    options = { target, ...this.checkProps(options) }
 
     const component = createClassComponent({
       component: ComponentConstructor,
       ...options,
     })
 
-    componentCache.add(component)
+    this.componentCache.add(component)
 
     return component
   }
+}
 
-const render = buildRender(buildRenderComponent)
-
-/* eslint-disable import/export */
-
-import { act, fireEvent } from './pure.js'
+const instance = new Svelte5TestingLibrary()
 
-export { render, cleanup, fireEvent, act }
+export const render = instance.render.bind(instance)
+export const cleanup = instance.cleanup.bind(instance)