Trying things (very much WIP)

Author: yanick

src/__tests__/fixtures/Rerender.svelte

@@ -1,11 +1,9 @@
+<svelte:options runes={true} />
+
 <script>
   import { onDestroy, onMount } from 'svelte'
 
-  export let onExecuted = undefined
-  export let onMounted = undefined
-  export let onDestroyed = undefined
-
-  export let name = ''
+  let { onExecuted, onMounted, onDestroyed, name } = $props()
 
   onExecuted?.()
 

src/__tests__/rerender.test.js renamed to src/__tests__/rerender.test.svelte.js

@@ -3,6 +3,7 @@
  */
 import { describe, expect, test, vi } from 'vitest'
 import { writable } from 'svelte/store'
+import { tick } from 'svelte'
 
 import { act, render, waitFor } from '..'
 import Comp from './fixtures/Rerender.svelte'
@@ -11,8 +12,10 @@ test('mounts new component successfully', async () => {
   const onMounted = vi.fn()
   const onDestroyed = vi.fn()
 
+  const props = $state({ name: 'World 1', onMounted, onDestroyed })
+
   const { getByTestId, rerender } = render(Comp, {
-    props: { name: 'World 1', onMounted, onDestroyed },
+    props,
   })
 
   const expectToRender = (content) =>
@@ -25,8 +28,10 @@ test('mounts new component successfully', async () => {
 
   console.warn = vi.fn()
 
-  rerender({ props: { name: 'World 2' } })
-  await expectToRender('Hello World 2!')
+  console.log(props)
+  props.name = 'World 2'
+  await tick()
+  await waitFor(() => expectToRender('Hello World 2!'))
   expect(onDestroyed).not.toHaveBeenCalled()
 
   expect(console.warn).toHaveBeenCalledOnce()

src/pure.js

@@ -56,7 +56,7 @@ const render = (
     options = { target, ...checkProps(options) }
 
     const component = IS_SVELTE_5
-      ? Svelte.mount(ComponentConstructor, options)
+      ? Svelte.mount(ComponentConstructor, options, options.props ?? {})
       : new ComponentConstructor(options)
 
     componentCache.add(component)
@@ -85,7 +85,11 @@ const render = (
         )
         props = props.props
       }
-      component.$set(props)
+      if (IS_SVELTE_5) {
+        // TODO
+      } else {
+        component.$set(props)
+      }
       await Svelte.tick()
     },
     unmount: () => {

vite.config.js

@@ -13,6 +13,7 @@ export default defineConfig(({ mode }) => ({
   },
   test: {
     environment: 'jsdom',
+    include: '**/*.{test,spec}(.svelte)?.?(c|m)[jt]s?(x)',
     setupFiles: ['./src/__tests__/_vitest-setup.js'],
     mockReset: true,
     unstubGlobals: true,