docs(progresscircle): increase Chromatic coverage for variants

adobe · Feb 13, 2024 · fd0e3f4 · fd0e3f4
1 parent 0b82dd9
commit fd0e3f4
Showing 1 changed file with 20 additions and 2 deletions.
diff --git a/components/progresscircle/stories/progresscircle.stories.js b/components/progresscircle/stories/progresscircle.stories.js
@@ -1,4 +1,5 @@
-// Import the component markup template
+import isChromatic from "chromatic/isChromatic";
+import { html } from "lit";
 import { Template } from "./template";
 
 export default {
@@ -54,5 +55,22 @@ export default {
 	},
 };
 
-export const Default = Template.bind({});
+const chromaticKitchenSink = (args) => html`
+	${Template(args)}
+	${Template({
+		...args,
+		isIndeterminate: true,
+	})}
+	${Template({
+		...args,
+		overBackground: true,
+	})}
+	${Template({
+		...args,
+		isIndeterminate: true,
+		overBackground: true,
+	})}
+`;
+
+export const Default = (args) => isChromatic() ? chromaticKitchenSink(args) : Template(args);
 Default.args = {};