如何在 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>

并在单独的组件上运行我的测试。