Storybook 9 – тестируем компоненты в браузере

Storybook 9 – крупный релиз популярной библиотеки для представления возможных состояний поведения UI. В новой версии мы получили очень крутые возможности: различные виды тестирования компонентов, инструменты для генерации Сторей, возможность использования глобального контекста Сторей и тэги для Сторей.

Тестирование компонентов совсем не то, что ожидаешь от решения, показывающее состояние компонентов, тем не менее мы получили несколько видов тестирования внутри Storybook:

• Юнит тестирование:
• Тестирование компонентов;
• Тестирование доступности (a11y);
• Покрытие тестами.

Добавленные виды тестирования работают через Vitest, который является современным инструментом написания тестов, в том числе e2e через Playwright.

Добавление тэгов к Сторям позволяет намного удобнее работать с их большим количеством, показывая и тестируя только те, которые действительно необходимы.

Дополнительными улучшениями релиза являются уменьшение веса библотеки, что уменьшает вероятность конфликтов среди используемых пакетов, а также улучшенная работа с Vue, Svelte и React Native.