From dc937e60577b67619c13306159ece7202debc236 Mon Sep 17 00:00:00 2001 From: Anna Beddow Date: Thu, 2 May 2024 09:22:21 +0100 Subject: [PATCH] Add format coverage to timeline stories --- .../src/components/Timeline.stories.tsx | 49 ++++++++++++++++++- 1 file changed, 48 insertions(+), 1 deletion(-) diff --git a/dotcom-rendering/src/components/Timeline.stories.tsx b/dotcom-rendering/src/components/Timeline.stories.tsx index 24d92b461cb..75ab92ce3c9 100644 --- a/dotcom-rendering/src/components/Timeline.stories.tsx +++ b/dotcom-rendering/src/components/Timeline.stories.tsx @@ -1,5 +1,10 @@ import type { ArticleFormat } from '@guardian/libs'; -import { ArticleDesign, ArticleDisplay, Pillar } from '@guardian/libs'; +import { + ArticleDesign, + ArticleDisplay, + ArticleSpecial, + Pillar, +} from '@guardian/libs'; import type { Meta, StoryObj } from '@storybook/react'; import { centreColumnDecorator } from '../../.storybook/decorators/gridDecorators'; import { allModes } from '../../.storybook/modes'; @@ -23,6 +28,48 @@ const meta = { vertical: allModes.splitVertical, }, }, + formats: [ + { + design: ArticleDesign.Standard, + display: ArticleDisplay.Standard, + theme: Pillar.News, + }, + { + design: ArticleDesign.Comment, + display: ArticleDisplay.Standard, + theme: Pillar.Culture, + }, + { + design: ArticleDesign.Feature, + display: ArticleDisplay.Standard, + theme: Pillar.Sport, + }, + { + design: ArticleDesign.Obituary, + display: ArticleDisplay.Standard, + theme: Pillar.Lifestyle, + }, + { + design: ArticleDesign.Review, + display: ArticleDisplay.Standard, + theme: Pillar.Sport, + }, + { + design: ArticleDesign.Recipe, + display: ArticleDisplay.Immersive, + theme: Pillar.Lifestyle, + }, + { + design: ArticleDesign.Feature, + display: ArticleDisplay.Immersive, + theme: ArticleSpecial.SpecialReport, + }, + { + design: ArticleDesign.Feature, + display: ArticleDisplay.Immersive, + theme: ArticleSpecial.SpecialReportAlt, + }, + ], }, decorators: [centreColumnDecorator], } satisfies Meta;