Как я могу использовать «selectedPanel» в сборнике рассказов?

Question

Я заметил свойство в Документах параметров Storybooks с именем selectedPanel, которое, как я полагаю, позволит мне предварительно выбрать панель аддонов.

Мне неясно, как его использовать. Пример:

options: { selectedPanel: 'storybook/a11y/panel' }

Я не понимаю, откуда взялась строка storybook / a11y / panel. Что если я хочу предварительно выбрать панель «Источник»?

Answer 1

Я столкнулся с той же проблемой и смог выяснить, что panelId можно найти хотя бы в шаге исходного кода register аддона. Например, я хотел открыть вкладку Readme для определенных историй.

В итоге я нашел идентификатор панели в registerWithPanelTitle.js, а затем использовал это с storiesOf API следующим образом:

.addParameters({
  options: { selectedPanel: 'REACT_STORYBOOK/readme/panel' },
})

Для a11y его можно найти в constants.ts.

Хотя я искал те, что в распределенных node_modules версиях в моем случае.

PS Если вы хотите изменить порядок панелей для всех историй в глобальном масштабе, то список, в который аддоны импортированы, обрабатывает его.