如何在 sveltekit 中測試路由 slug 組件？

Question

我有這個頁面：

src/item/[slug]/+page.svelte

試圖在 vitest 中渲染它給我一個錯誤：

  ...
  render(item)
  ..

經過反復試驗 session 我縮小了原因，這是因為組件是一個 slug，參數在測試中沒有被初始化。

import {page} from '$app/stores'

let param = $page.params;
let slug = param.slug

如何在我的測試文件中初始化它？

Answer 1

好的，為了解決這個問題，我將我的 +page.svelte 的全部內容放到了一個新的 svelte 組件文件中，並為 slug 值創建了一個導出變量

item.svelte

<script>
export let itemId;
</script>
<div>
...

在我的 slug 頁面中，這是唯一剩下的代碼：+page.svelte

<script>
import {page} from '$app/stores'

let param = $page.params;
let slug = param.slug
</script>

<item bind:slug={slug}></item>

並在單獨的組件上運行我的測試。