test: add proper classes to container story (#410)

Co-authored-by: משה וילנר <[email protected]>
freeCodeCamp · Nov 8, 2024 · a940513 · a940513
1 parent 65fbf44
commit a940513
Showing 1 changed file with 36 additions and 12 deletions.
diff --git a/src/container/container.stories.tsx b/src/container/container.stories.tsx
@@ -17,18 +17,42 @@ const story = {
 const Template: StoryFn<typeof Container> = (args) => {
 	return (
 		<Container {...args}>
-			<p>Random text to test the element width</p>
-			<p>Random text to test the element width</p>
-			<p>Random text to test the element width</p>
-			<p>Random text to test the element width</p>
-			<p>Random text to test the element width</p>
-			<p>Random text to test the element width</p>
-			<p>Random text to test the element width</p>
-			<p>Random text to test the element width</p>
-			<p>Random text to test the element width</p>
-			<p>Random text to test the element width</p>
-			<p>Random text to test the element width</p>
-			<p>Random text to test the element width</p>
+			<p className="text-foreground-primary">
+				Random text to test the element width
+			</p>
+			<p className="text-foreground-primary">
+				Random text to test the element width
+			</p>
+			<p className="text-foreground-primary">
+				Random text to test the element width
+			</p>
+			<p className="text-foreground-primary">
+				Random text to test the element width
+			</p>
+			<p className="text-foreground-primary">
+				Random text to test the element width
+			</p>
+			<p className="text-foreground-primary">
+				Random text to test the element width
+			</p>
+			<p className="text-foreground-primary">
+				Random text to test the element width
+			</p>
+			<p className="text-foreground-primary">
+				Random text to test the element width
+			</p>
+			<p className="text-foreground-primary">
+				Random text to test the element width
+			</p>
+			<p className="text-foreground-primary">
+				Random text to test the element width
+			</p>
+			<p className="text-foreground-primary">
+				Random text to test the element width
+			</p>
+			<p className="text-foreground-primary">
+				Random text to test the element width
+			</p>
 		</Container>
 	);
 };