Skip to content

Commit 1eda515

Browse files
committed
Include mobile viewports for card stories in chromatic
1 parent 3effa58 commit 1eda515

File tree

1 file changed

+6
-1
lines changed

1 file changed

+6
-1
lines changed

dotcom-rendering/src/components/Card/Card.stories.tsx

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { css } from '@emotion/react';
2-
import { from } from '@guardian/source/foundations';
2+
import { breakpoints, from } from '@guardian/source/foundations';
33
import React from 'react';
44
import { splitTheme } from '../../../.storybook/decorators/splitThemeDecorator';
55
import {
@@ -208,6 +208,11 @@ export default {
208208
decorators: [
209209
splitTheme([basicCardProps.format], { orientation: 'vertical' }),
210210
],
211+
parameters: {
212+
chromatic: {
213+
viewports: [breakpoints.mobile, breakpoints.wide],
214+
},
215+
},
211216
};
212217

213218
/** TODO : Update stories once initial chromatic check has passed on new font size scale */

0 commit comments

Comments
 (0)