Блог

Я использую Jest Storyshot для тестирования своего веб-приложения (React), но компоненты всегда отображаются в окне просмотра шириной 1024 пикселей, даже если я указываю другой видовой экран в истории. Я неправильно использую Сборник рассказов или это (известная) ошибка ? В настоящее время я не могу должным образом протестировать отзывчивые компоненты.

Код для истории:

 const Template: Story<MyComponentProps> = (args) => (
    <MyComponent{...args} />
);

export const Mobile = Template.bind({});
Mobile.parameters = {
    viewport: {
        viewports: mobileViewports,
        defaultViewport: 'iPhone5',
    },
};
 

Пример окна просмотра:

 export const iPhone5 = {
    name: 'iPhone 5/SE',
    styles: {
        width: '320px',
        height: '568px',
    },
    type: 'mobile',
};
 

Конфигурация моей истории:

 initStoryshots({
    test: multiSnapshotWithOptions({
        createNodeMock: (element: unknown) => element,
    }),
    stories2snapsConverter: new Stories2SnapsConverter({
        snapshotsDirName: './__snapshots__',
    }),
});