Как провести визуальное регрессионное тестирование Storybook с помощью addon-knobs?

Question

Я изучаю метод визуального регрессионного тестирования почти 1000 компонентов в проекте React. И я думаю об использовании Storybook и BackstopJS, чтобы реализовать это, потому что многие компоненты уже были реализованы в Storybook, я думал, что смогу решить это быстрее всего.

Итак, автоматически извлекая сценарий Storybook, генерируется TOC iframe.html запросы, и передать его BackstopJS, чтобы понять это. Этот метод выглядел так, как будто работал, но возникла проблема.

Большинство компонентов в этом проекте не имеют состояния, а действия и изменения состояния четко разделены. Поэтому я использовал @storybook/addon-knobs проверить изменение состояния вручную. Однако, как упоминается проблема, кажется, что ручки не ожидают прямого манипулирования от URL и запросов.

Я отказался от снимка в iframe.html и подумал о манипулировании кнопками из index.html. Но ситуация, когда различия в меню на левой панели являются частыми и не может быть проверена.

У вас есть хорошие идеи?

Answer 1

Я сам решил.

Поменял ручки и наконец нажал F ключ с ручками не в фокусе.