Как настроить дополнение Storybook для Storybook с помощью Apollo's MockedProvider

Question

Рекомендованный способ визуализации конечного состояния с использованием MockedProvider - ожидание следующего тика цикла обработки событий с использованием «waait».

Но при использовании дополнения Storyyshots для сборника рассказов у ​​вас нет доступа к тестовому телу для вставки этого ожидания между моментом создания дерева и моментальным снимком.

Из-за этого при создании снимков состояние загрузки - это то, что вы видите там .

Итак, как вы можете заставить это "ожидание" произойти, чтобы увидеть конечное состояние?

Answer 1

Когда вы вызываете initStoryshots, вы можете передавать параметры. Таким образом, вы можете использовать сериализатор для выполнения этой работы с кодом, подобным следующему:

import initStoryshots, { multiSnapshotWithOptions } from '@storybook/addon-storyshots';
import wait from 'waait';

initStoryshots({
  framework:'react',
  configPath:'.storybook-snapshots',

  test: multiSnapshotWithOptions({
    serializer: (a) => wait(0).then( () => a )
  })
});

Конфигурация serializer показалась мне в документации в качестве корневого уровня, но в коде я видел ее в качестве опции ...SnapshotWithOptions конфигов. И так получилось.

Недостаток в том, что если вы это сделаете, вы больше не увидите состояние загрузки. Но, в моем случае, я думаю о тестировании в обычном тесте.