Estoy usando Jest + Storyshots para probar mi aplicación web (React), pero los componentes siempre se representan en una ventana gráfica de 1024 px de ancho, incluso si especifico una ventana gráfica diferente en la historia. ¿Estoy usando Storybook de manera incorrecta o es un error (conocido)? Actualmente no puedo probar correctamente los componentes sensibles.

El código de una historia:

 const Template: Story<MyComponentProps> = (args) => ( <MyComponent{...args} /> ); export const Mobile = Template.bind({}); Mobile.parameters = { viewport: { viewports: mobileViewports, defaultViewport: 'iPhone5', }, };

Un ejemplo de ventana gráfica:

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

Mi configuración de storyshot:

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