Как написать модульные тесты для CSS в компоненте Svelte? ⇐ CSS

[Anonymous]

У меня есть компонент HelloWorld Svelte, как показано ниже:

Код: Выделить всё

//
// HelloWorld.svelte
//


export let name = 'world';


Hello {name}!


h1 {
background-color: #00b5e2;
padding: 20px;
border-radius: 8px;
margin: 5px 0 0 0;
font-weight: 400;
font-size: 20px;
line-height: 32px;
color: #fff;
}

Я настроил Vite в качестве сборщика, а Vitest — в качестве тестовой среды для модульных тестов. Vitest настроен на использование JSDom.
Я написал модульные тесты для проверки скрипта и HTML-частей компонента с помощью Vitest и @testing-library
Как написать модульный тест, чтобы убедиться, что элементу h1 назначен цвет #fff и цвет фона #00b5e2? Буду очень признателен за пример/руководство.
Я пробовал использовать Quixote, но, честно говоря, не совсем понял, как его интегрировать для тестирования компонентов Svelte, поскольку Quixote, похоже, требует предоставления отдельных файлов CSS для начала модульного тестирования, тогда как для Svelte CSS встроен в « " часть файла .svelte.

Подробнее здесь: https://stackoverflow.com/questions/786 ... -component