小编spi*_*ift的帖子

我使用测试库作为 svelte 应用程序的一部分，总的来说它运行得很好。但是，我有一个组件，它采用数组作为道具，使用输入对其进行过滤，然后将过滤后的数组传递到插槽。我想测试该插槽是否接收正确过滤的数组。我认为设置一个虚拟插槽是可行的方法，然后只需使用 getByText 来确保页面中只有正确的元素。

组件代码：

<script>
  export let list = [{ name: 'Adam' }];

  let filter = "";

  $: filteredList = list.filter(({ name }) => name.includes(filter));
</script>

<span class="wrapper">
  <input
    bind:value={filter}
    name={fieldName}
    type="search" />
</span>
<slot {filteredList} />