StoryShots Каталог снимков

Question

Я использую надстройку StoryShots для Storybook для тестирования снимков из моего проекта React. Я хотел бы сохранить все файлы снимков в одном каталоге по отношению к каталогу проекта. По умолчанию снимки сохраняются в привязке к местоположению истории. Я пробовал различные конфигурации (например, работал с __dirname), но пока не нашел решения. Может у кого есть идея?

Вот мой тестовый файл storyshots, используемый Jest (storyshots.test.ts):

import initStoryshots, { multiSnapshotWithOptions, Stories2SnapsConverter } from '@storybook/addon-storyshots'

initStoryshots({
  test: multiSnapshotWithOptions(),
  stories2snapsConverter: new Stories2SnapsConverter({
    snapshotsDirName: './__snapshots__/',
    storiesExtensions: ['.js', '.jsx', '.ts', '.tsx'],
  })
})

Answer 1

Вы можете сделать что-то вроде этого:

      const IMAGE_SNAPSHOT_DIR = path.resolve(path.join(__dirname, 'component-image-snapshots'));

initStoryshots({
  test: imageSnapshot({
    getMatchOptions: (option) => {
      const filename = option.context.kind.replace(' ', '');
      return {
        customSnapshotsDir: path.join(IMAGE_SNAPSHOT_DIR, filename),
      };
    },
  }),
});