From 51819577068addde8fab1f4d4cfe691f20396f3f Mon Sep 17 00:00:00 2001 From: Hannah Date: Fri, 2 Feb 2024 14:21:48 +0000 Subject: [PATCH] Add mobile Chromatic tests (#7222) * Add mobile story tests * add layout stories * add changeset * configure viewports * formatting * Remove tablet stories + add plot story * add changeset * add mobile tests to layout stories * fix story * fix story --------- Co-authored-by: gradio-pr-bot Co-authored-by: Abubakar Abid Co-authored-by: pngwn --- .changeset/cruel-bats-behave.md | 7 ++ js/accordion/Accordion.stories.svelte | 27 +++++ js/audio/Audio.stories.svelte | 20 +++- js/chatbot/Chatbot.stories.svelte | 57 ++++++---- js/column/Column.stories.svelte | 28 +++++ js/gallery/Gallery.stories.svelte | 131 ++++++++++++---------- js/group/Group.stories.svelte | 28 +++++ js/image/Image.stories.svelte | 20 +++- js/imageeditor/ImageEditor.stories.svelte | 20 +++- js/plot/Plot.stories.svelte | 38 +++++++ js/plot/testplot.js | 4 + js/row/Row.stories.svelte | 20 +++- js/storybook/modes.js | 11 ++ js/storybook/preview.ts | 10 ++ js/video/Video.stories.svelte | 20 +++- 15 files changed, 336 insertions(+), 105 deletions(-) create mode 100644 .changeset/cruel-bats-behave.md create mode 100644 js/accordion/Accordion.stories.svelte create mode 100644 js/column/Column.stories.svelte create mode 100644 js/group/Group.stories.svelte create mode 100644 js/plot/Plot.stories.svelte create mode 100644 js/plot/testplot.js create mode 100644 js/storybook/modes.js diff --git a/.changeset/cruel-bats-behave.md b/.changeset/cruel-bats-behave.md new file mode 100644 index 0000000000..c8cadeb303 --- /dev/null +++ b/.changeset/cruel-bats-behave.md @@ -0,0 +1,7 @@ +--- +"@gradio/plot": minor +"@gradio/storybook": minor +"gradio": minor +--- + +feat:Add mobile Chromatic tests diff --git a/js/accordion/Accordion.stories.svelte b/js/accordion/Accordion.stories.svelte new file mode 100644 index 0000000000..a03071e0af --- /dev/null +++ b/js/accordion/Accordion.stories.svelte @@ -0,0 +1,27 @@ + + + + + diff --git a/js/audio/Audio.stories.svelte b/js/audio/Audio.stories.svelte index 4383628358..ed571a07b3 100644 --- a/js/audio/Audio.stories.svelte +++ b/js/audio/Audio.stories.svelte @@ -1,9 +1,21 @@ - + import { allModes } from "../storybook/modes"; - + export const meta = { + title: "Components/Audio", + component: Audio, + parameters: { + chromatic: { + modes: { + desktop: allModes["desktop"], + mobile: allModes["mobile"] + } + } + } + }; +