Тестирование компонентов svelte, использующих слоты - PullRequest
Новая
       73

Тестирование компонентов svelte, использующих слоты

0 голосов
/ 20 марта 2020

Я использую Библиотека тестирования как часть приложения svelte, и в целом он работает очень хорошо. Однако у меня есть компонент, который принимает массив в качестве реквизита, фильтрует его с помощью входных данных, а затем передает отфильтрованный массив в слот. Я хотел бы проверить, что слот получает правильно отфильтрованный массив. Я думаю, что установка фиктивного слота будет способом go, а затем просто используйте 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} />
...