03.06.2025, Ссылка на новость

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

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

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

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

Интеграция тестирования в интерфейс Storybook’а

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

Пример фильтрации тэгов

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